User Interface and User Experience - A Process and Strategy for Small Teams
0 likes•193 views
This document outlines a process and strategy for designing user interfaces and experiences for small teams. It discusses defining users, creating personas, mapping user journeys, testing prototypes, and gathering metrics. The core facets of user-centric design are presented, including user definition, requirements gathering, wireframes, and design. An example project lifecycle is shown with stages like analysis, scenarios, wireframes, design, and approval. The importance of backing assumptions with real user data is also discussed.
User Interface and User Experience - A Process and Strategy for Small Teams
- 1. User Interface & User Experience A Process & Strategy for Small Teams
- 2. User Interface & User Experience A Process & Strategy for Small Teams
- 3. Intro Session Content Downloads | Contact Information Goal of this session Simple Effective Process Examples for Great User Experiences UI & UX… How are they different? Demystifying User Interface & User Experience The Wheel Of User Centricity Core Facets of UX User Definition… UD UI & UX Core Questions, Red Flags, Validation
- 4. User Personas Creating Effective Personas of our Target Audiences User Journey How are they using it, and in what context Metrics and Analytics Validation of assumptions Questions Thank you
- 6. Life Cycle of a User Centric Project Competitive or Analysis Audience Definition User Scenarios Content Surve Process Flows Site Map UI Wireframes UX Design Prototyping User Testing Review Approval
- 7. Life Cycle of a User Centric Project Competitive or Analysis Audience Definition User Scenarios Content Surve Process Flows Site Map UI Wireframes UX Design Prototyping User Testing Review Approval
- 8. Core Facets Of User Centricity
- 9. Core Facets Of User Centricity
- 10. User Testing & Review User Definition & Requirements UI Wireframes & UX Designs Having Parts Doesn’t Mean They Fit Together
- 11. • The task of Defining users helps Identify their User Needs • User Adaptability, User Need Fulfillment and Business Goals drive what UI Pattern can be used • Some UI Patterns are not compatible with other patterns • Some UI Patterns work better than other patterns in certain situations • SharePoint has out-of-the-box UI Patterns that can be extended Having Parts Doesn’t Mean They Fit Together
- 12. Life Cycle of a User Centric Project Competitive or Analysis User Scenarios Content Surve Process Flows Site Map UI Wireframes UX Design Prototyping User Testing Review Approval Audience Definition
- 13. User Definitions or UD
- 14. UI Centric Questions • What is the average duration of time a typical user will be interacting with the application? • What kind of devices will the user be handling, while interacting with the application? • What other applications does a typical user interact with on a daily basis? • If a user cannot find a piece of content will they perform searches to find it? • When was the last time this system or application was updated on a major scale? • If a user gets confused, who will they contact?
- 15. Emotional or Experience Centric Questions • What is something that would make you angry or upset if the interface didn’t do it well? • What is something that this interface needs to do that would make you happy? • Which images do you like below? • Are you someone that is on the go… all the time? • Are you fairly stationary through out the day? • What is your favorite saying or quote? • Who is your favorite character from a movie?
- 16. Demographic Centric Questions • What is the average age of a typical user, are they male or female? • How computer savvy is a typical user? • What does a typical user of this application do for a living??
- 18. AGE: 40 NAME: Martha Weber OCCUPATION: CFO MARITAL STATUS: Married LOCATION: Milwaukee, WI QUICK BIO: Motivation of Automation. Processing more rapidly accuracy. Fixing problems auditing. They are being hit by audits costly, Data retention up to by-laws. 0 zero report to cancel out employee. ----- 2 CFO in company TECHNOLOGY SAVVY Hard Time With Light Switches Super Geek IS MOTIVATED There is no Motivation Gold at the end of the Rainbow FRUSTRATES QUICKLY Patients Of A Saint Turns into WWF Wrestler in 2min GOAL CENTRIC Doesn’t really care about anything Has inner goals ARCHETYPES
- 19. AGE: 40 NAME: John Ryan OCCUPATION: Manager MARITAL STATUS: Married LOCATION: Milwaukee, WI QUICK BIO: Reporting, high-level. Operating costs – interacts with TECHNOLOGY SAVVY Hard Time With Light Switches Super Geek IS MOTIVATED There is no Motivation Gold at the end of the Rainbow FRUSTRATES QUICKLY Patients Of A Saint Turns into WWF Wrestler in 2min GOAL CENTRIC Doesn’t really care about anything Has inner goals ARCHETYPES
- 20. AGE: 20 - 65 NAME: Office Workers OCCUPATION: General Office QUICK BIO: This group is not very technically savvy, and has mid-level motivations. They are online using the application all day. The use search heavily, and quickly to get upset if something doesn’t come back in results. They are not typically mobile, and have larger resolution desktop monitors. TECHNOLOGY SAVVY Hard Time With Light Switches Super Geek IS MOTIVATED There is no Motivation Gold at the end of the Rainbow FRUSTRATES QUICKLY Patients Of A Saint Turns into WWF Wrestler in 2min GOAL CENTRIC Doesn’t really care about anything Has inner goals ARCHETYPES
- 22. Backing Workshop Data & assumptions with real world Data
- 23. Backing Workshop Data & assumptions with real world Data
- 24. Damon Sanchez Senior User Experience Engineer [email protected] Twitter:@darkriderdesign Blog: https://www.concurrency.com/author?user=dsanchez SessionContentDownload Presentation Download Link Thank you