SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
UX FLOW AND PROCESS
by 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/
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
USER IDENTIFICATION
PERSONA EXAMPLE
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
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
STORYBOARD
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
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 font
Do not use image
DEVELOPMENT
Develop 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
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 …
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 testing
1. 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 …
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.
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 …
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
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

Weitere ähnliche Inhalte

Was ist angesagt?

What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 SlidesJordan Julien
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 
UX Basics Workshop - Guest Lecture at NSCAD University
UX Basics Workshop - Guest Lecture at NSCAD UniversityUX Basics Workshop - Guest Lecture at NSCAD University
UX Basics Workshop - Guest Lecture at NSCAD UniversitySebastian Tory-Pratt
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designMoodLabs
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designDMI
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
 

Was ist angesagt? (20)

UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
What is UX?
What is UX?What is UX?
What is UX?
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
Lean UX
Lean UXLean UX
Lean UX
 
UX Basics Workshop - Guest Lecture at NSCAD University
UX Basics Workshop - Guest Lecture at NSCAD UniversityUX Basics Workshop - Guest Lecture at NSCAD University
UX Basics Workshop - Guest Lecture at NSCAD University
 
UX design
UX designUX design
UX design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is UX?
What is UX?What is UX?
What is UX?
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
Lean UX
Lean UXLean UX
Lean UX
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 

Ähnlich wie ux flow and process

User Research to Validate Product Ideas Workshop
User Research to Validate Product Ideas WorkshopUser Research to Validate Product Ideas Workshop
User Research to Validate Product Ideas WorkshopProduct School
 
UX Lead Product Management
UX Lead Product ManagementUX Lead Product Management
UX Lead Product ManagementJohn Wyatt
 
Using Automated Testing Tools to Empower Your User Research
Using Automated Testing Tools to Empower Your User ResearchUsing Automated Testing Tools to Empower Your User Research
Using Automated Testing Tools to Empower Your User ResearchUserZoom
 
USABILITY TESTING TO IMPROVE USER EXPERIENCE
USABILITY  TESTING TO  IMPROVE USER EXPERIENCEUSABILITY  TESTING TO  IMPROVE USER EXPERIENCE
USABILITY TESTING TO IMPROVE USER EXPERIENCEMalang QA Community
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS
 
UX basics. Testing methods - TechHub Bucharest oct 2014
UX basics. Testing methods - TechHub Bucharest oct 2014UX basics. Testing methods - TechHub Bucharest oct 2014
UX basics. Testing methods - TechHub Bucharest oct 2014Adrian Iacomi
 
MMRSS Usability Engineering
MMRSS Usability EngineeringMMRSS Usability Engineering
MMRSS Usability EngineeringMajesticMRSS
 
User Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUser Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUserZoom
 
Building a product management data strategy
Building a product management data strategyBuilding a product management data strategy
Building a product management data strategypendoio
 
Building a product management data strategy
Building a product management data strategyBuilding a product management data strategy
Building a product management data strategyPatricia LaPaglia
 
UX and Usability Workshop Southampton Solent University
UX and Usability Workshop Southampton Solent University UX and Usability Workshop Southampton Solent University
UX and Usability Workshop Southampton Solent University Dr.Mohammed Alhusban
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRsJeffery Belden
 
Usability Testing 101 - an introduction
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introductionElizabeth Snowdon
 

Ähnlich wie ux flow and process (20)

UX Process
UX ProcessUX Process
UX Process
 
User Research to Validate Product Ideas Workshop
User Research to Validate Product Ideas WorkshopUser Research to Validate Product Ideas Workshop
User Research to Validate Product Ideas Workshop
 
UX Lead Product Management
UX Lead Product ManagementUX Lead Product Management
UX Lead Product Management
 
Using Automated Testing Tools to Empower Your User Research
Using Automated Testing Tools to Empower Your User ResearchUsing Automated Testing Tools to Empower Your User Research
Using Automated Testing Tools to Empower Your User Research
 
Lean UX
Lean UXLean UX
Lean UX
 
Notes on usability testing
Notes on usability testingNotes on usability testing
Notes on usability testing
 
USABILITY TESTING TO IMPROVE USER EXPERIENCE
USABILITY  TESTING TO  IMPROVE USER EXPERIENCEUSABILITY  TESTING TO  IMPROVE USER EXPERIENCE
USABILITY TESTING TO IMPROVE USER EXPERIENCE
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability Engineering
 
UX basics. Testing methods - TechHub Bucharest oct 2014
UX basics. Testing methods - TechHub Bucharest oct 2014UX basics. Testing methods - TechHub Bucharest oct 2014
UX basics. Testing methods - TechHub Bucharest oct 2014
 
MMRSS Usability Engineering
MMRSS Usability EngineeringMMRSS Usability Engineering
MMRSS Usability Engineering
 
Benchmarking new
Benchmarking newBenchmarking new
Benchmarking new
 
User Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUser Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 Vf
 
Usability
UsabilityUsability
Usability
 
Building a product management data strategy
Building a product management data strategyBuilding a product management data strategy
Building a product management data strategy
 
Building a product management data strategy
Building a product management data strategyBuilding a product management data strategy
Building a product management data strategy
 
UX and Usability Workshop Southampton Solent University
UX and Usability Workshop Southampton Solent University UX and Usability Workshop Southampton Solent University
UX and Usability Workshop Southampton Solent University
 
Measurement of Web Usability: An Approach
Measurement of Web Usability: An ApproachMeasurement of Web Usability: An Approach
Measurement of Web Usability: An Approach
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
Usability Testing 101 - an introduction
Usability Testing 101 - an introductionUsability Testing 101 - an introduction
Usability Testing 101 - an introduction
 
Usability
UsabilityUsability
Usability
 

Mehr von suniltalekar1

Factors influencing the selection of clothing
Factors influencing the selection of clothingFactors influencing the selection of clothing
Factors influencing the selection of clothingsuniltalekar1
 
Cad in garment industry
Cad in garment industryCad in garment industry
Cad in garment industrysuniltalekar1
 
active wear Fashion Trend 2022
active wear Fashion Trend 2022active wear Fashion Trend 2022
active wear Fashion Trend 2022suniltalekar1
 
3 d fashion in garments
3 d fashion in garments3 d fashion in garments
3 d fashion in garmentssuniltalekar1
 
Factors influencing the selection of clothing
Factors influencing the selection of clothingFactors influencing the selection of clothing
Factors influencing the selection of clothingsuniltalekar1
 
Theories of fashion notes
Theories of fashion notesTheories of fashion notes
Theories of fashion notessuniltalekar1
 
The fashion cycle. pdf
The fashion cycle. pdfThe fashion cycle. pdf
The fashion cycle. pdfsuniltalekar1
 
Fashion and style reference guide pdf
Fashion and style reference guide pdfFashion and style reference guide pdf
Fashion and style reference guide pdfsuniltalekar1
 
How to take blouse measurements
How to take blouse measurementsHow to take blouse measurements
How to take blouse measurementssuniltalekar1
 
types of sarees in india
types of sarees in indiatypes of sarees in india
types of sarees in indiasuniltalekar1
 

Mehr von suniltalekar1 (20)

Packaging guide
Packaging guidePackaging guide
Packaging guide
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Factors influencing the selection of clothing
Factors influencing the selection of clothingFactors influencing the selection of clothing
Factors influencing the selection of clothing
 
Cad in garment industry
Cad in garment industryCad in garment industry
Cad in garment industry
 
Great ux portfolios
Great ux portfoliosGreat ux portfolios
Great ux portfolios
 
active wear Fashion Trend 2022
active wear Fashion Trend 2022active wear Fashion Trend 2022
active wear Fashion Trend 2022
 
A line in apparel
A line in apparelA line in apparel
A line in apparel
 
Four dart blouse
Four dart blouseFour dart blouse
Four dart blouse
 
3 d fashion in garments
3 d fashion in garments3 d fashion in garments
3 d fashion in garments
 
Factors influencing the selection of clothing
Factors influencing the selection of clothingFactors influencing the selection of clothing
Factors influencing the selection of clothing
 
T shirt graphics
T shirt graphicsT shirt graphics
T shirt graphics
 
Theories of fashion notes
Theories of fashion notesTheories of fashion notes
Theories of fashion notes
 
The fashion cycle. pdf
The fashion cycle. pdfThe fashion cycle. pdf
The fashion cycle. pdf
 
Fashion theories
Fashion theoriesFashion theories
Fashion theories
 
Fashion and style reference guide pdf
Fashion and style reference guide pdfFashion and style reference guide pdf
Fashion and style reference guide pdf
 
Power of colour
Power of colourPower of colour
Power of colour
 
Athleisure types
Athleisure typesAthleisure types
Athleisure types
 
How to take blouse measurements
How to take blouse measurementsHow to take blouse measurements
How to take blouse measurements
 
Types of bra
Types of braTypes of bra
Types of bra
 
types of sarees in india
types of sarees in indiatypes of sarees in india
types of sarees in india
 

Kürzlich hochgeladen

UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 

Kürzlich hochgeladen (18)

UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 

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
  • 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
  • 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