Before You Build: UX on a Budget

Phoenix StartUp Week, February 2015: When time and budget are stretched too thin on a website project, users often get overlooked. Learn how to make thoughtful assumptions about your audience in order to give them a positive experience with your website.

Transcript

1. Before You Build User Experience, Content & Design on a Budget
2. Mention:
 @betsela
 
 Hashtag: 
 #PHXstartupweek
 #ChaseBasecamp
 #yesphx
3. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com GREAT USER EXPERIENCES ARE THE RESULT OF TAKING INTO ACCOUNT STAGE OF THE DESIGN PROCESS. “
4. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ANALYTICS A/B TESTING FOCUS GROUPS SURVEYS USER TESTING USER-CENTERED RESEARCH & TESTING METHODS
5. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com BUDGET CONSTRAINTS TIME CONSTRAINTS
6. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com KEEP USERS IN MIND
7. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DO THE BEST YOU CAN WITHIN THE CONSTRAINTS YOU’RE GIVEN, KNOWING THAT GOOD ENOUGH USUALLY IS. “
8. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com OUR PROCESS
9. Slide / 39 Betsy Cohen @betsela www.radiatewp.com & www.positiveelement.com OUR PROCESS then… BUILD 1 DISCOVERY 2 INFO ARCHITECTURE 3 IDEATION 4 VISUAL DESIGN 9
10. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Gather Information about Business and Users ๏ Make Thoughtful Assumptions ๏ Prioritize Business and User Goals DISCOVERY 1 ACTIVITIES
11. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 ARTIFACTS GOOD ENOUGH BETTER USER SURVEYS SIMPLE PERSONAS COMPETITIVE ANALYSIS
12. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 MEET THE CLIENT ๏ Seasoned PR Pro with 7 years experience at a top PR firm ๏ Ready to branch out on her own ๏ Wants to attract clients and establish her credibility Iris Natalya Kaminsky PR / Communications Consultant
13. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com Why do you need a website? ๏ To establish my credibility for prospective clients ๏ To give me a platform to share my experience, develop a following, and raise my profile in the industry. DISCOVERY 1 NEEDS ANALYSIS Us: Iris:
14. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 SAMPLE USER SEGMENTATION USER SEGMENT THEIR PURPOSE DESIRED ACTION DESCRIPTION
15. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Not yet familiar with my work — probably arrived via keyword search; Interested in case studies and techniques. DISCOVERY 1 SAMPLE USER SEGMENTATION USER SEGMENT THEIR PURPOSE Prospective PR Clients PR Colleagues Small Businesses Doing Own PR DESIRED ACTION DESCRIPTION ๏ Senior mgmt with businesses in my niche market; tech savvy, socially engaged, and extremely busy. ๏ Not yet familiar with my work — probably arrived via keyword search; Proactive, eager to learn to be more media-savvy. ๏ To learn more about me to decide whether to trust me, hire me. ๏ To learn how to do their own PR better. ๏ To learn how to do their own PR better. ๏ Fill out inquiry form. ๏ Subscribe to newsletter ๏ Engage / Become “fans.” ๏ Refer clients in my niche ๏ Subscribe to newsletter ๏ Engage / Become “fans.” ๏ Refer clients in my niche
16. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 NEEDS ANALYSIS GOALS USERS CONTENT BRANDING FEATURES & FUNCTIONALITY
17. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 NEEDS ANALYSIS
18. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Define Content Requirements ๏ Organize Structure ๏ Define and Prioritize Page Elements INFO ARCHITECTURE 2 ACTIVITIES
19. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 ARTIFACTS GOOD ENOUGH BETTER ANALYTICS USER / TASK FLOWS
20. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 SAMPLE SITEMAPS
21. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 SAMPLE SITEMAPS MONEY4MILLENIALS.COM ๏ HOME (LATEST EPISODE) ๏ ARCHIVE ๏ PAST EPISODES ๏ BLOG ๏ CONNECT ๏ ABOUT ๏ TOPIC SUGGESTIONS ๏ MEDIA KIT
22. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 SAMPLE PAGE ELEMENTS Logo & Tagline Nav Menu Recent Blog Posts About Opt-In CTA Testimonial Latest Podcast Social Connect Social Share
23. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 SAMPLE PAGE ELEMENTS Logo & Tagline Nav Menu Recent Blog Posts About Opt-In CTA Testimonial Latest Podcast Social Connect Social Share HIGH PRIORITY SECONDARY TERTIARY
24. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com WHEN EVERYTHING IS IMPORTANT, NOTHING IS IMPORTANT. “
25. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 CLUTTERED MESS!
26. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 Content Development
27. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Sketch / Wireframes ๏ Develop Prototype ๏ Validate ๏ Refine IDEATION 3 ACTIVITIES
28. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 ARTIFACTS GOOD ENOUGH BETTER LIVE USER TESTING ONLINE USER
 TESTING
29. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 WIREFRAMES
30. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 RAPID PROTOTYPE
31. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Create Brand & Style ๏ Design Interface VISUAL DESIGN 4 ACTIVITIES
32. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 ARTIFACTS GOOD ENOUGH BETTER MORE MOCKUPS, INCL. MOBILE
33. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARDS
34. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARDS
35. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARD + WIREFRAME
36. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 MOCKUPS
37. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 THEME SELECTION
38. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com
39. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com
40. Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com
41. Questions? @betsela betsy@radiateWP.com