•Yes, slides will be online. In                      10 minutes. I promise. Yes, I’mWTF Do I Put On       serious. And mos...
How Websites are Born
Developers think like this:
Designers thinkLike this:
EveryoneIsSellingSomething
Step 1What do you do?
What do you do?To (target market, location), (name of org) provides (services) by (unique        methods) for (results).
What do you do?“ACAP trains organizations, teaches students and treats individuals   seeking emotional health in Northern ...
Step 2Define your visitors
Mobile users
Mobile users
Step 3Define “success points”      on your site
Help beaconMobile users
Step 4Create a “Path to Buy”
The Four Questions• Why do I want crap?• Why do I want *your* crap?• What’s the process to get your crap?• Give me crap
Mobile users               Help beacon
Step 5Revel in Sitemap. Go get ice cream.
Actual Step 5Find the overlaps
Step 6Simplify the wireframe.  • What’s important  • What’s expected
Homepage                Marketing message, callouts                Return clients, govt agencies, fellow superheros,      ...
Determine•   What’s copy•   What’s graphic•   What functions can I use a plugin for?•   What should I relegate to sidebar ...
What’s Missing•   About me pages•   Testimonials•   Cute Puppies•   Vague, unhelpful titles•   Picture/video pages•   Adve...
What *is* There•   Fewer pages•   Less copy•   Multiple Entry Points•   Icons, Graphics, visualizations•   Clear Branding•...
Use Your Tools•   Sidebars•   Footers•   Title/Descriptions•   Author Display•   Dynamic Content Gallery•   Gravity Forms•...
Step 7 NOW, enter the design processMarry design to mission statement
Consider• What is the brand imparting?  (not what you like, even if you are  the brand)• Restaurants• Preschools• Clothing
Testing is Never Donetesttesttesttesttesttesttesttesttesttesttesttest       testtesttesttesttesttesttesttesttest          ...
Examples of Dumbass Questions•   What do you think of this?•   Do you like this?•   Does this feel ______ to you?•   Does ...
Un – Dumbass, Qualitative,       Objective Questions• What does this person do?• What are some words that come to mind  wh...
Measure, then test againGoogle Analytics is *AWESOME*
Mobile users               Help beacon
Homepage                Marketing message, callouts                Return clients, govt agencies, fellow superheros,      ...
On behalf of myself and#clementinethedoberman, we thank you  and remind you to be a good canine                citizen @am...
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
WordCamp Las Vegas Site Architecture & Branding
Upcoming SlideShare
Loading in …5
×

WordCamp Las Vegas Site Architecture & Branding

2,117 views

Published on

An idiots guide to site architecture. B

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,117
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WordCamp Las Vegas Site Architecture & Branding

  1. 1. •Yes, slides will be online. In 10 minutes. I promise. Yes, I’mWTF Do I Put On serious. And mostly honest. Really. Slideshare.net/hzp My Site? •I really do try not to curse •No, I really haven’t a clue why camps continue to allow me to speak Info Architecting •Current dev track: how to & Site Strategy make plugins •Of course its mine. Why would anyone do this to their hair on purpose?
  2. 2. How Websites are Born
  3. 3. Developers think like this:
  4. 4. Designers thinkLike this:
  5. 5. EveryoneIsSellingSomething
  6. 6. Step 1What do you do?
  7. 7. What do you do?To (target market, location), (name of org) provides (services) by (unique methods) for (results).
  8. 8. What do you do?“ACAP trains organizations, teaches students and treats individuals seeking emotional health in Northern New Jersey through non traditional methods resulting in practical tools and opportunities.
  9. 9. Step 2Define your visitors
  10. 10. Mobile users
  11. 11. Mobile users
  12. 12. Step 3Define “success points” on your site
  13. 13. Help beaconMobile users
  14. 14. Step 4Create a “Path to Buy”
  15. 15. The Four Questions• Why do I want crap?• Why do I want *your* crap?• What’s the process to get your crap?• Give me crap
  16. 16. Mobile users Help beacon
  17. 17. Step 5Revel in Sitemap. Go get ice cream.
  18. 18. Actual Step 5Find the overlaps
  19. 19. Step 6Simplify the wireframe. • What’s important • What’s expected
  20. 20. Homepage Marketing message, callouts Return clients, govt agencies, fellow superheros, career day organizers, friends & family, competitorsWho Needs Superheroes? Why Superman Services Contact For citizens Help Services Contact Form For Gov’t Agencies Corporate Accounts Appt Sched. For Schools Superman Foundation Press BlogUnion Screw You Page
  21. 21. Determine• What’s copy• What’s graphic• What functions can I use a plugin for?• What should I relegate to sidebar (primary vs secondary)
  22. 22. What’s Missing• About me pages• Testimonials• Cute Puppies• Vague, unhelpful titles• Picture/video pages• Advertising• Roadblocks
  23. 23. What *is* There• Fewer pages• Less copy• Multiple Entry Points• Icons, Graphics, visualizations• Clear Branding• Calls to Action• (what does the user do next?)
  24. 24. Use Your Tools• Sidebars• Footers• Title/Descriptions• Author Display• Dynamic Content Gallery• Gravity Forms• Quotations Plugin
  25. 25. Step 7 NOW, enter the design processMarry design to mission statement
  26. 26. Consider• What is the brand imparting? (not what you like, even if you are the brand)• Restaurants• Preschools• Clothing
  27. 27. Testing is Never Donetesttesttesttesttesttesttesttesttesttesttesttest testtesttesttesttesttesttesttesttest testtesttesttesttesttesttest & Don’t ask dumbass questions
  28. 28. Examples of Dumbass Questions• What do you think of this?• Do you like this?• Does this feel ______ to you?• Does this seem professional?
  29. 29. Un – Dumbass, Qualitative, Objective Questions• What does this person do?• What are some words that come to mind when you see this?• What should you do first?• What is the first thing you notice?
  30. 30. Measure, then test againGoogle Analytics is *AWESOME*
  31. 31. Mobile users Help beacon
  32. 32. Homepage Marketing message, callouts Return clients, govt agencies, fellow superheros, career day organizers, friends & family, competitorsWho Needs Superheroes? Why Superman Services Contact For citizens Help Services Contact Form For Gov’t Agencies Corporate Accounts Appt Sched. For Schools Superman Foundation Press BlogUnion Screw You Page
  33. 33. On behalf of myself and#clementinethedoberman, we thank you and remind you to be a good canine citizen @amandablum amanda@howlingzoe.com slideshare.net/hzp

×