ux flow and process

1. UX FLOW AND PROCESS
by Febrina Rahdiyani

2. 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/

3. STRATEGY
A plan of action to achieve goals
COMMUNICATION
USER
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 Achieved
Measuring the Success
Priority

4. USER IDENTIFICATION
PERSONA EXAMPLE

5. RESEARCH
The systematic investigation
COMPETITOR
RESEARCH
USER
RESEARCH
COMPETITOR PROFILE
PRODUCT EVALUATION
PRODUCT USAGE ANALYSIS
USER INTERVIEWS
SURVEYS
FOCUS GROUP DISCUSSION
Objectives:
Establish Facts
Reach New Conclusions
Create an Informed UX

6. ANALYSIS
Gain 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 Plan
Formal Design Deliverables

7. STORYBOARD

8. DESIGN
Designing the system based on the information from Analysis phase by creating a prototype.
WIREFRAMING
SITEMAPPING
Objectives:
Put Ideas into Design
Evaluate the Design
Refine the Design

9. SITEMAPPING
Step 1
Create prototype sketch on the paper, based on the information
during Analysis phase
How to do the wireframing

10. SITEMAPPING
Step 2
Evaluate the sketch with the team
How to do the wireframing

11. SITEMAPPING
Step 3
Create the functional wireframe
How to do the wireframing

12. Keep in mind that …
In creating wireframes, keep it simple!
Do not use colour
Use only one
generic font
Do not use image

13. DEVELOPMENT
Develop a product based on the design that
has been made in Design phase.

14. DEVELOPMENT
Starts from the
wireframe
Create the visual design
(high-fidelity prototype)
The programmer codes
the program

15. TESTING
Doing 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 Tasks
Users
Watch Listen Take Notes
Observer
During the user perform tasks, the observer will …

16. 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)

17. What you need to do to run an effective usability test?
Step 2
Create the task scenarios

18. These are 3 task-writing tips to improve the
outcome of usability testing
1. Make the task realistic
2. Make the task actionable
3. Avoid clues and describing steps

19. What you need to do to run an effective usability test?
Step 3
Recruit the participants

20. What you need to do to run an effective usability test?
Step 4
Start the usability testing. Analyze and report the findings.

21. What if we get …
POSITIVE
FINDINGS
NEGATIVE
FINDINGS
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.

22. LAUNCH
Launch 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 …

23. USAGE MEASUREMENT & ANALYTICS
LAUNCH
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

24. 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

25. THE END