April 9, 2015 Meetup: A deep dive into site maps and wireframes
-
Upload
mickey-mellen -
Category
Education
-
view
143 -
download
0
Transcript of April 9, 2015 Meetup: A deep dive into site maps and wireframes
![Page 1: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/1.jpg)
a deep dive into site maps & wireframes
#ATWP
![Page 2: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/2.jpg)
AllThingsWordPress.com
Facebook Group LinkedIn Group Google+ Community
![Page 3: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/3.jpg)
Teamwork Desk
![Page 4: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/4.jpg)
GM Block Bots plugin
Stopping SEmalt and buttons-for-website
![Page 5: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/5.jpg)
Went to WordCamp. Got the Tee Shirt. Overflowing with Questions!!
WP Atlanta MeetUp: Tonight
![Page 6: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/6.jpg)
Starting your WordPress site: Installing from scratch, plugins, and next steps.
Next Month: May 21 at 11:30
![Page 7: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/7.jpg)
jennymunn.com/seo-bootcamp
SEO Bootcamp: Friday, May 1, 9 - 4pm
![Page 8: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/8.jpg)
a deep dive into site maps & wireframes
![Page 9: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/9.jpg)
site maps
![Page 10: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/10.jpg)
Our Process
Discovery > Define the project > Collect assets > Keyword research >
Create site map > Copywriting > Establish architecture > Create design >
Program and develop > Staging and review > Launch > Train > Improve
![Page 11: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/11.jpg)
Site Maps
![Page 12: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/12.jpg)
Determine all the pages on your website before you start
Why?
Site Maps
![Page 13: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/13.jpg)
Copywriting • Wireframes • Usability
Why?
Site Maps
![Page 14: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/14.jpg)
Talk to the client about their services, features, and must-haves
Research
Site Maps
![Page 15: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/15.jpg)
Consider the existing site map
Research
Site Maps
![Page 16: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/16.jpg)
Consider competitors’ site maps
Research
Site Maps
![Page 17: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/17.jpg)
Consider keywords
Research
Site Maps
![Page 18: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/18.jpg)
Write down all the “topics” that need to be on the site
Process
Site Maps
![Page 19: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/19.jpg)
Start arranging and rearranging until it makes sense
Process
Site Maps
![Page 20: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/20.jpg)
Consider varying levels of nav bars
Process
Site Maps
![Page 21: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/21.jpg)
Consult with others to see if they agree
Process
Site Maps
![Page 22: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/22.jpg)
Super easy site mapping tool
Site Maps
![Page 23: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/23.jpg)
wireframes
![Page 24: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/24.jpg)
Determine the best way of representing the information you are trying to
communicate
Why?
Wireframes
![Page 25: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/25.jpg)
Illustrator • Balsamiq • MockflowMockingbird • Lovely Charts • Cacoo • Gliffy
Tools
Wireframes
![Page 26: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/26.jpg)
Getting started
Wireframes
Grids • Theme Screenshots
![Page 27: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/27.jpg)
Wireframes
![Page 28: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/28.jpg)
Wireframes
![Page 29: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/29.jpg)
Wireframes
![Page 30: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/30.jpg)
Puzzle Pieces
Wireframes
Call to Action • Headlines • CopyVideos • Pages • Images
![Page 31: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/31.jpg)
Elements to Show
Wireframes
Dropdowns • Typography HierarchyColor Hierarchy
![Page 32: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/32.jpg)
Wireframes
![Page 33: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/33.jpg)
Wireframes
![Page 34: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/34.jpg)
Wireframes
![Page 35: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/35.jpg)
questions?
![Page 36: April 9, 2015 Meetup: A deep dive into site maps and wireframes](https://reader030.fdocuments.in/reader030/viewer/2022032714/55aabdd81a28ab4a138b47da/html5/thumbnails/36.jpg)
a deep dive into site maps & wireframes
#ATWP