UX FLOW AND PROCESSby Febrina Rahdiyani

UX PROCESS#1

Strategy

#2 Research

#3 Analysis

#4 Design

#5 Development

#6 Testing

#8 Launch

#7 Evaluate

based on http://uxmastery.com/resources/process/

STRATEGYA plan of action to achieve goals

COMMUNICATIONUSER IDENTIFICATION

BRAND ALIGNMENT

BUSINESS OBJECTIVE

Set product objective, main goal, and the value

that we want to offer

Identify the user, their needs, goals, and what

are they interested about

The most important things are the message delivered, understood, and lead people to do the action

Objectives:Expectations to be AchievedMeasuring the SuccessPriority

USER IDENTIFICATIONPERSONA EXAMPLE

RESEARCHThe systematic investigation

COMPETITOR RESEARCH

USER RESEARCH

COMPETITOR PROFILEPRODUCT EVALUATIONPRODUCT USAGE ANALYSIS

USER INTERVIEWSSURVEYS

FOCUS GROUP DISCUSSION

Objectives:Establish FactsReach New ConclusionsCreate an Informed UX

ANALYSISGain more insights from the information that collected in the Research phase.

SCENARIOS

SYSTEM ANALYSIS

STORYBOARDS

USE CASES

The stories and context behind why a specific

user comes to your site.

A visual sequence of events is used to capture a user’s interactions with a product.

List of steps between users and systems to

achieve the goal.

A problem solving technique to study how well each

components work and interact.

Objectives:Define Product Definitions,Priorities, and PlanFormal Design Deliverables

STORYBOARD

DESIGNDesigning the system based on the information from Analysis phase by creating a prototype.

WIREFRAMINGSITEMAPPING

Objectives:Put Ideas into DesignEvaluate the DesignRefine the Design

SITEMAPPING

Step 1 Create prototype sketch on the paper, based on the information during Analysis phase

How to do the wireframing

SITEMAPPING

Step 2 Evaluate the sketch with the team

How to do the wireframing

SITEMAPPING

Step 3 Create the functional wireframe

How to do the wireframing

Keep in mind that …In creating wireframes, keep it simple!

Do not use colour Use only one generic fontDo not use image

DEVELOPMENTDevelop a product based on the design that

has been made in Design phase.

DEVELOPMENT

Starts from the wireframe

Create the visual design (high-fidelity prototype)

The programmer codes the program

TESTINGDoing a testing to check the quality of the product that have been developed in Development phase.

How to do the testing?

USABILITY TESTING A technique to evaluating a product by testing it

directly to representative user

Perform TasksUsers

Watch Listen Take NotesObserver

During the user perform tasks, the observer will …

What you need to do to run an effective usability test?

Step 1 Develop a solid test plan

10 Essential Usability Metrics 1. Completion Rates 2. Usability Problems 3. Task Time 4. Task Level Satisfaction 5. Test Level Satisfaction 6. Errors 7. Expectation 8. Page Views/Clicks 9. Conversion 10. Single Usability Metric (SUM)

What you need to do to run an effective usability test?

Step 2 Create the task scenarios

These are 3 task-writing tips to improve the outcome of usability testing1. Make the task realistic

2. Make the task actionable

3. Avoid clues and describing steps

What you need to do to run an effective usability test?

Step 3 Recruit the participants

What you need to do to run an effective usability test?

Step 4 Start the usability testing. Analyze and report the findings.

What if we get …

POSITIVEFINDINGS

NEGATIVEFINDINGS

It is useful because what is working well must be maintained through further development.

If there is a lack of design in the product, we need feedback from the user what should be done to fit the users’ needs and fix them.

LAUNCHLaunch a product that has been developed in Development phase and passes the quality checking in the Testing phase.

USAGE MEASUREMENT & ANALYTICS

To do the measurement, we can use …

USAGE MEASUREMENT & ANALYTICSLAUNCH

We could see : 1. Site Usage

• Visits • Pages/Visit • Pageviews • Avg. Time on Site • Bounce Rate • % New Visits

2. Visitors Overview 3. Traffic Sources Overview 4. Browsers used to open the

website

USER FEEDBACK & ANALYTICS After the products being launched, we still can get feedback and review from the user and do the analysis from it.

The best ways to get feedbacks are …

Conduct an online survey Feedback boxes

LAUNCH

Reaching out the user directly

THE END