Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Before You Build: UX on a Budget

1e7c3250a088fabd144d47c1ad36391d?s=47 Betsy Cohen
February 25, 2015

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.

1e7c3250a088fabd144d47c1ad36391d?s=128

Betsy Cohen

February 25, 2015
Tweet

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