Slide 1

Slide 1 text

Before You Build User Experience, Content & Design on a Budget

Slide 2

Slide 2 text

Mention:
 @betsela
 
 Hashtag: 
 #PHXstartupweek
 #ChaseBasecamp
 #yesphx

Slide 3

Slide 3 text

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. “

Slide 4

Slide 4 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ANALYTICS A/B TESTING FOCUS GROUPS SURVEYS USER TESTING USER-CENTERED RESEARCH & TESTING METHODS

Slide 5

Slide 5 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com BUDGET CONSTRAINTS TIME CONSTRAINTS

Slide 6

Slide 6 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com KEEP USERS IN MIND

Slide 7

Slide 7 text

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. “

Slide 8

Slide 8 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com OUR PROCESS

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 ARTIFACTS GOOD ENOUGH BETTER USER SURVEYS SIMPLE PERSONAS COMPETITIVE ANALYSIS

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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:

Slide 14

Slide 14 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 SAMPLE USER SEGMENTATION USER SEGMENT THEIR PURPOSE DESIRED ACTION DESCRIPTION

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 NEEDS ANALYSIS GOALS USERS CONTENT BRANDING FEATURES & FUNCTIONALITY

Slide 17

Slide 17 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com DISCOVERY 1 NEEDS ANALYSIS

Slide 18

Slide 18 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Define Content Requirements ๏ Organize Structure ๏ Define and Prioritize Page Elements INFO ARCHITECTURE 2 ACTIVITIES

Slide 19

Slide 19 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 ARTIFACTS GOOD ENOUGH BETTER ANALYTICS USER / TASK FLOWS

Slide 20

Slide 20 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 SAMPLE SITEMAPS

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com WHEN EVERYTHING IS IMPORTANT, NOTHING IS IMPORTANT. “

Slide 25

Slide 25 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 CLUTTERED MESS!

Slide 26

Slide 26 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com INFO ARCHITECTURE 2 Content Development

Slide 27

Slide 27 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Sketch / Wireframes ๏ Develop Prototype ๏ Validate ๏ Refine IDEATION 3 ACTIVITIES

Slide 28

Slide 28 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 ARTIFACTS GOOD ENOUGH BETTER LIVE USER TESTING ONLINE USER
 TESTING

Slide 29

Slide 29 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 WIREFRAMES

Slide 30

Slide 30 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com IDEATION 3 RAPID PROTOTYPE

Slide 31

Slide 31 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com ๏ Create Brand & Style ๏ Design Interface VISUAL DESIGN 4 ACTIVITIES

Slide 32

Slide 32 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 ARTIFACTS GOOD ENOUGH BETTER MORE MOCKUPS, INCL. MOBILE

Slide 33

Slide 33 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARDS

Slide 34

Slide 34 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARDS

Slide 35

Slide 35 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 STYLE BOARD + WIREFRAME

Slide 36

Slide 36 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 MOCKUPS

Slide 37

Slide 37 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com VISUAL DESIGN 4 THEME SELECTION

Slide 38

Slide 38 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com

Slide 39

Slide 39 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com

Slide 40

Slide 40 text

Phoenix StartUp Week #PHXstartupweek Betsy Cohen @betsela www.RadiateWP.com

Slide 41

Slide 41 text

Questions? @betsela [email protected]