User Interface and User Experience - A Process and Strategy for Small Teams

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 EffectivePersonas of our Target Audiences User Journey How are they using it, and in what context Metrics and Analytics Validation of assumptions Questions Thank you
• 5.
  0D Devices 2D Devices 3D Devices
• 6.
  Life Cycle ofa 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 ofa 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 OfUser Centricity
• 9.
  Core Facets OfUser Centricity
• 10.
  User Testing & Review UserDefinition & Requirements UI Wireframes & UX Designs Having Parts Doesn’t Mean They Fit Together
• 11.
  • The taskof 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 ofa 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 orUD
• 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 CentricQuestions • 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 • Whatis 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??
• 17.
  Narrowing The Divide
• 18.
  AGE: 40 NAME: MarthaWeber 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: JohnRyan 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 UserExperience Engineer [email protected] Twitter:@darkriderdesign Blog: https://www.concurrency.com/author?user=dsanchez SessionContentDownload Presentation Download Link Thank you