3. Analysis &
Research Competitive Analysis
Design
Design Documentation
Field Study
Design documentation includes*:
Define Problem
Usability Goals
• Affinity diagram
• Workflow model
• User profiles (Personas)
• Task analysis (Sequence models)
Design Solution
UX Life • User scenarios (Storyboards)
Surveys Cycle • Design patterns
• Card sorting
Deployment • Low-fidelity concept models
Modify
Functional Specs
Concept Design
Model
User Flows
Concept
Interactive Prototype
Test Evaluation
Build
* These represent only a small portion of UX tasks available
4. Experience Strategy Planning
Determine Cross-Functional Team
Stakeholder Technical Content
Project Plan Branding Goals Usability Goals Metrics Strategy Testing Process
Interviews Feasibility Strategy
Research Analysis Design Build
Direct User Contact Information Interaction Web Mobile
Contextual Design
Architecture Design
Contextual Inquiry Affinity Modeling Development Guidelines
Object Model User Scenarios
Focus Groups Workflow Modeling Responsive Design Guide
Taxonomy Storyboards
Workshops Sequence Diagrams 508 Compliance Guide
Product Reaction Cards Sitemap Wireframes Accessibility Requirements
Cultural Modeling
Card Sorting Navigation Prototypes
Physical Modeling
Visual Anthropology Interaction Guide UI Development
Artifact Modeling
HTML/CSS
Indirect User Contact
Usability Evaluation Usability Testing Interactive Features
Surveys
Mental Modeling Facilitated Testing Functionality Specs
Heuristic Evaluation
Content Modeling Remote Testing
User Metrics
Segment Analysis Multivariate Testing
Virtual Ethnography
User-Task Analysis
Visual Design
Company/Industry Feature Analysis
Typography
Market Research Scope Graphic Design
Competitive Analysis Logo/Icon Design
Visioning
Content Inventory Style Guide
Personas
6. • Contextual Inquiry/Shadowing
• In-depth research on how your users
actually work
• Interviews
• Detailed conversations with your users on
how they feel
Research & Analysis • Focus Groups
• Conversations with targeted users on how they
feel
• Heuristic Evaluations
• Expert review on current functionality
• Visioning
• Group brainstorming out high level design
expectations
7. • Personas
• Visual representation of end users
• Storyboards
• High level walk through of proposed
functionality
• Wireframes (Low-Fi)
• Simple outlines showing layout and
Design information architecture
• Interactive Prototype (Hi-Fi)
• Detailed models showcasing interaction
and visual design
• Usability Testing
• Focused tests with users interacting on
proposed functionality (Low-Fi/Hi-Fi)
10. End User Client & Client Team End User
• Methods: Focus
Groups, Usability
Testing
• Responsibilities:
Design
Expert, Moderator
• Industry: CRM
Welcome and thank you for taking
the time to participate in our
Partner’s focus group today. My
name is Grethe and I will be
facilitating our discussion about…
11. Mobile
Wireframes Storyboards
• Methods: Focus
Groups, Interviews, Per
sonas, Storyboards, Lo-
Fi/Hi-Fi
• Roles: Moderator, UX
Architect
• Industry:
Energy/Power
Personas
Web Wireframes
12. Process Design
• Methods: Contextual
Inquiry, Visioning, Storybo
ards, Personas, Prototyp
es, Usability testing
• Roles: PM, Sr. UX
Architect
• Industry: IT CRM
Personas
Vision Overviews Wireframes
21. CenterPoint Energy Mobile
Wireframe Layouts Visual Design
4 Mobile Pay Bill My Account
CenterPoint Energy Mobile CenterPoint Energy Mobile
11 Mobile Homepage 3 Mobile Pay Bill Sign In