USER EXPERIENCE DESIGN CASE STUDY

Transcription

1 T TABLE USER EXPERIENCE DESIGN CASE STUDY By Kristina Pyton

2 KRISTINA PYTON User Experience Designer I am a New York based Interface and User Experience Designer. I m interested in creating beautiful and useful experiences while solving problems and meeting business objectives. I pride myself on my ability to collaborate extremely well within a cross-functioning team. I have spent the last 6 years focusing on interface design for web and mobile and I m excited to continue my development in User Experience Design.

3 MY PROCESS As a Designer DISCOVERY IDEATION DESIGN ITERATE Positioning Statements Personas Sketches Usability Testing SWOT analysis Story Boarding Card Sorting Competitive Analysis Affinity Mapping User Flows User Interviews Site Maps Surveys Wireframes Prototypes Visual Design

4 For busy professionals who need quick, healthy and accommodating meal ideas, Table provides on the go meal planning that fits your schedule, your budget and your diet. T Table encourages you to eat at home more often by giving smart recommendations based on your kitchen skills, time available and can even recommend recipes based on what you already have in your pantry all while tracking how often you eat in and how much you saved by doing so. POSITIONING STATEMENT DISCOVERY A positioning statement was drafted to essentially ground all research activities and to have point of reference throughout the entire case study

5 T Trigger Motivation Thanks BJ Fogg :) Ability BEHAVIOR CHANGE DISCOVERY One of the most important objectives of the app was to influence the way users thought about their next meal. I wanted Table to reduce the amount of barriers involved in the meal decsion making process to encourage them to eat at home more often.

6 STRENGTHS Simple, accommodating to busy schedule and lifestyle preferences WEAKNESSES Niche market urban, limited to recipes on www OPPORTUNITIES Diet awareness is trending, convenience and predictive smart apps expected THREATS Other meal planning apps that offer robust weekly planning with original recipes PROBLEMS & OPPORTUNITY DISCOVERY I used the SWOT analysis framework to quickly asses the market and overlay business objectives

7 YUMMLY PERRPER PLATE COOK SMARTS A beautiful app, though a much more browsing centric positioning. The recommendations felt weak and not customized to my preferences, not a focused place to update preferences A app primarily used to save recipes you find online and then add them to a calendar. Fine enough for this use but really not engaging A website dedicated to customized meal plans. Seems like it might satisfy the need for focused meal planning although it is a paid service COMPETETIVE ANALYSIS DISCOVERY I downloaded countless recipe/meal planning apps, none really felt customized to my needs a busy professional, those that did promise customized meal plans were paid services

8 If all I have are beets, I want to know that all I need is goat cheese and arugula to make a meal I have to be really craving something to scour for a recipe, I just use what I have UNDERSTANDING USER NEEDS DISCOVERY I conducted a series of user interviews to understand my potential user s needs, priorities and goals.

9 Persona 3 Persona 1 Persona 2 PERSONAS IDEATION From the user interviews, I created 3 personas to capture the representatives of my audience. In general their typical behavior ranged (eat in vs eat out), they abilities to cook, how they grocery shop and if they currently use recipes or are generally improvisers. Their barriers ranged as well, though all were busy individuals with less then optimal kitchens. They all had their main drivers to why they wanted to eat home more, some were for budgeting reasons.

10 QUICK IDEATION IDEATION Partnering with some teammates, I used affinity mapping to brainstorm and get some initial ideas about features using the positioning statement as the grounding component and the personas to remember user goals

11 1 Reduction Simplifying the task the user is trying to do Instead of providing hundreds of recipe options to look through, TABLE will provide a small set of smart recommendations and help you answer the sometimes overwhelming question of what should I eat tonight?. Easily swipe through your smart recommendations so that they could get even smarter. 3 Tailoring Providing custom information to the user based on their actions TABLE encourages you to eat at home more often by giving smart recommendations based on your kitchen skills, time available and can even recommend recipes based on what you already have in your pantry. Self-Monitoring Enables the user to track his own behavior to change his behavior 5 TABLE will track how often you eat in and how much you saved by doing so. Stick to your goals by seeing a holistic view on your eating habits and get some insights on trends. FOGG S SEVEN IDEATION I needed to go back to the basic objectives of the app which was to help users in the meal decision making process so I wrote some behavior changing statement based on BJ Fogg s seven strategies for driving behavior change

12 SKETCHING DESIGN I used sketching to generate some ideas on how I could drive behavior change. One idea that I wanted to explore was the Tinder like feature of going through recipes to help simplify the task of searching for one. Another was a onboarding flow that would set up the user s profile so that the app could make tailored recipe recommendations

13 USER FLOWS DESIGN User Flows were created with a specific task in mind for a specific user based on persons. I wanted to see how a user might go through the app with a specific task at hand.

14 USER FLOWS DESIGN I also create a flow for the onboarding experience to explore what could potentially be included as a setup

15 CONTENT STRATEGY DESIGN I used card sorting to think through the different content buckets and how they would all fit together

16 SITE MAP DESIGN Once I established all the pieces of content for the app, Iaid out the structure in a site map to reference

17 AT&T 11:56 AM AT&T 11:56 AM AT&T 11:56 AM WIREFRAMING DESIGN I created high-fidelity wireframes to further explore and develop the features and ideas

18 AT&T 11:56 AM AT&T 11:56 AM AT&T 11:56 AM WIREFRAMING - ONBOARDING DESIGN I created high-fidelity wireframes to further explore and develop the features and ideas

19 LINK TO PROTOTYPE PROTOTYPE DESIGN And finally also an interactive prototype to start getting a feel and to also facilitate some initial usability testing

20 USUABILITY TESTING ITERATE I watched as users tried to accomplish a task, not always successful :P

21 VISUAL DESIGN DESIGN Layered on some visual design to really start seeing what the app could become

22 VISUAL DESIGN DESIGN Layered on some visual design to really start seeing what the app could become

23 THANK YOU! Get in Touch (786) kristinapyton.com

24 KRISTINA PYTON User Interface and Experience Designer (786) kristinapyton.com I am a New York based User Interface and Experience Designer. I m interested in creating beautiful and useful experiences while solving problems and meeting business objectives. I pride myself on my ability to collaborate extremely well within a cross-functioning team. I have spent the last 6 years focusing on interface design for web and mobile and I m excited to continue my development in User Experience Design. EXPERIENCE LEARNVEST, New York, NY Senior Product Designer, 12/2010-Present Worked on many projects for client-facing products and marketing. For the past year, I have been leading design and user experience efforts for the internal-facing Financial Planning software and CRM. Working closely with UX researchers, project managers and dev teams to understand user needs and business goals and translating them into interactive design solutions. KRISTINAPYTON.COM, New York, Montreal Freelance Art Director, Designer, UX Consultant, Ongoing Select Projects TABLE Smart Meal Recommendation app designed for UXD course adidas Fashion Group Seasonal Campaigns Design Christian L enfant Roi Brand identity, collateral design, website design + dev Trusst Creative Agency Worked in collaboration with several projects CONCORDIA UNIVERSITY, Montreal, Canada Teaching Assistant, Intermedia Workshops, 09/ /2007 Ran weekly workshop sessions where I taught the basics of image editing, video editing, animation and html/css SKILLS AND SOFTWARE UX Research, Information Architecture, Personas, Story Boarding, Sketching, User Flows, Wireframing, Prototyping, Usability Testing DESIGN Sketch, Adobe Creative Suite, Hype, Omnigraffle, Invision METHODOLOGIES Agile, Lean UX, Scrum EDUCATION GENERAL ASSEMBLY, New York, NY Certificate, UX Design, 2014 CONCORDIA UNIVERSITY, Montreal, Canada BA, Communication studies, intermedia, 2007 CHAMPLAIN COLLEGE, Montreal, Canada Associate Degree, Creative Arts, 2003