UX UI
Telefoon 06 - 22 09 95 61
Anita Aarts
UX Research, design and prototyping process
Project as part of my Professional UX Diploma Glasgow Caledonian University
Main Goal
Design smooth - easy to use - airline booking process flow
My Role
Researcher & Designer
Information Architecture Concept Design, Interaction Design, Prototyping,
Usability testing
Tools
Sketch Invision
Axure
Adobe suite
Jira Confluence
“…user experience = what it feels like to use a product, system or service…’’
Understanding the problem
How can we optimise the mobile booking process to ensure confidence and perceived ease of use for the customer?
1
Research
Usability tests
Depth interview
Online survey
Competitive benchmarking
4
Prototype
High fidelity
Interactive prototype
Wireframing
5
Test
Usability tests
Depth interview
3
Design
Flow diagram
Defining navigation
Sketching
2
Analysis
Anfinity diagram
Customer journey Map
Stakeholder interviews
Useful talking points, discussion guide.
Needs to be backed up with specific questions for particular industry.
Needs to be backed with specific question for particular role
User goals
Frameworks and techniques to analyse the research data
Empathy map
What users want to know
Mismatched mental models
Pain points become clear
Customer journey map
Highly structured. Easy to understand. Easy to share with team. Customer point of view.
Mobile flow chart
Before designing screens a flow chart helps understanding the structure.
Understanding sequence in the main flow. And different states become clear.
Affinity diagram - Brainstorm
Customer point of view
Faster analysis
Shared understanding
Gives everybody a voice
What and why questions
How questions
Specific questions about the past
Open-endend questions
Validiation
Research pain points
What travel apps doe you use? Why?
How did you check-in? Please describe what you did.
Tell me about the last time you booked a flight?
How did you check-in? Please describe what you did.
What was so important about the dates, for example.
Usability test 1
Usability test 2
Usability testing
The most powerful tool. It allows us to gain rich insights directly from the user. These insights inform our design decisions helping us to make better products.
Setting up, moderating and recording usability tests. Conduct comparative usability tests with users and also conduct interviews.
Competitive benchmark
By comparing your performance to your competitors, you can catch trends early and adjust your marketing goals accordingly. Even better, you can begin to see what your competitors are doing.
Online survey
What and Why questions
Understanding your users
Understanding the user experience design process. UX design is a problem solving discipline, focused on building products that solve problems for the user. User research is understanding what people need.
research
define
validate
design
prototype
build
test
Research
Analysis
Structure and navigation
Workflow
Design
Testing
Wireframes
Handover documentation
Prototype
Depth interviews
User research
The key ingredient for UX Design. Strong, focused research is fundamental to understanding the problems we are attempting to solve for users. Using a range of research techniques, usability testing, interviews, card sorting, online surveys, A/B testing, and heuristic evaluation.
Validating the design
Gain insights from the user
See if we meet user’s expectations
Check if the design is matching the goals
Check if the user can perform the tasks proposed
Find out if we’re on the right track
Get user reactions and feedback
The final step in the UX design process is to create annotated wireframes that can be used to communicate the specific system behaviours and interaction results to the development team how the product works.
Defines how the system behaves. How it responds to actions. How it communicates results. How it helps fulfill intentions.
© Zuidzeven – All Rights Reserved
