UX UI

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