Design begins before you design - WordPress track - PHXDW 2014
•
1 like•763 views
If you're doing it right, web design doesn't start with UI. You need to start with some hard questions about "Why", "Who", and "How." It might be uncomfortable the first few times you do it, but if you stick to the process, you can prevent sad surprises that come when your clients/stakeholders don't get what they thought they were building.
More Related Content
What's hot
What's hot (20)
Similar to Design begins before you design - WordPress track - PHXDW 2014
Similar to Design begins before you design - WordPress track - PHXDW 2014 (20)
Recently uploaded
Recently uploaded (20)
Design begins before you design - WordPress track - PHXDW 2014
- 1. Design begins before you “design.” @john_gough PHXDW WordPress Wisdom John Gough Skyhook Marketing
- 4. Good process prevents sadness. Design before you “design” | @john_gough
- 5. So, what about WordPress? Design before you “design” | @john_gough
- 9. Design before you “design” | @john_gough
- 10. WordPress is a CMS. Emphasis on the C.
- 11. Design before you “design” | @john_gough
- 13. The Process: 1. Asking Why 2. Understanding Who 3. Planning How Design before you “design” | @john_gough
- 14. The most important question: “Why do you want a website?” The $1,000,000 Question Features & Functionality Visual Design Analytics Marketing Campaigns
- 15. Bad reasons to build a website: “Everyone else has one.” “My spouse/partner/friend/voice-in-my head says I need one.” “To look cool.” “So I can get rich and retire. (Sign this NDA)” The $1,000,000 Question
- 16. Explain it to your mom. Grumpy mom test.
- 17. Avinash Kaushik Blog: Occam’s Razor
- 18. The Digital Marketing & Measurement Model http://bit.ly/PHXDWmeasurement
- 19. WEBSITE OBJECTIVES INCREASE AWARENESS GENERATE LEADS
- 20. WEBSITE OBJECTIVES INCREASE AWARENESS GENERATE LEADS Reserve a cab online Reinforce offline/ online advertising Generate repeat business
- 21. WEBSITE OBJECTIVES INCREASE AWARENESS GENERATE LEADS Reserve a cab online KPI: CONVERSIONS (RESERVATION FORM) TARGET: 120/MO Reinforce offline/ online advertising KPI: BRANDED TRAFFIC TARGET: 1K VISITS/MO Generate repeat business KPI: LOYALTY/ RECENCY TARGET: 30% REPEAT VISITS
- 22. WordPress Google Analytics Plugins
- 24. The next question: “Who is going to look at your website?” The $999,999 Question
- 27. Protip: The answer is not “everyone.” #protip
- 28. It’s easy as ABC. Audience… Behavior… Conversion. http://bit.ly/PHXDWabc
- 29. AUDIENCES BEHAVIORS CONVERSION Potential customers Current customers Potential employees Competitors Press Lead gen form Support Careers info Deception Releases and media
- 30. “Things not to have.” -Amanda Blum About Me page (use author info in WP) Testimonial page (use the sidebar) Too many pages (use dynamic content!) Advertising http://bit.ly/PHXDWabc
- 31. Planning How. The sitemap.
- 32. Sitemaps should: Show clear connections for where Audiences meet Goals. Represent one main idea/purpose per page. Be a tool for communication. http://bit.ly/PHXDWabc
- 33. Design before you “design” | @john_gough
- 34. Design before you “design” | @john_gough
- 35. Design before you “design” | @john_gough
- 36. How do I make a sitemap? Pen and paper Bulleted, nested lists Omnigraffle/Visio (w/ outline view and styles) Illustrator EightShapes Indesign templates (http://unify.eightshapes.com/) http://bit.ly/PHXDWabc
- 37. Why not use WordPress?
- 38. WordPress to create sitemaps.
- 39. Planning How. The wireframes.
- 42. How do I make cool wireframes? http://bit.ly/PHXDWabc
- 44. IPEVO P2P Camera
- 45. Digital tools: http://bit.ly/PHXDWabc Omnigraffle/Visio Webflow Balsamiq Illustrator EightShapes Unify + InDesign Advanced: Bootstrap prototypes
- 46. In Real Life: Client work.
- 50. Style guide.
- 51. Look at your theme.
- 56. Good process prevents sadness. Design before you “design” | @john_gough
- 57. Thank you! Design before you “design” | @john_gough