SlideShare a Scribd company logo
1 of 12
UX Design
Process
Human Computer Interaction
By Yaowaluck Promdee, Sumonta Kesemvilas
Overview of
01
Strategy Research Analysis Design Production
Designing the user experience
Strategy Research Analysis Design Production
02
Source : http://uxdesign.cc/ux-methods-deliverables/
Strategy Research Analysis Design Production
o Focus group
o Qualitative Survey
o Usability test
o Card Sorting
o A/B test
o Eye tracking
o Accessibility analysis
User Research & Validation Methods
03
Strategy Research Analysis Design Production
04
Concept
o Brainstorming
o Mood boards
o Storyboard
o User flow
o Task Analysis
o Taxonomies
05
Brainstorming is a means of generating ideas.
Brainstorming can be used to identify alternatives,
obtain a complete list of items and to solve
problems.
What is brainstorming?
06
Strategy Research Analysis Design Production
UI Design
o Sketches
o Wireframes
o Mock up
o Prototype
o Pattern Library
http://netdna.webdesignerdepot.com/uploads/2012/04/sketching.jpg
07
-- Workshop --
Finding problem?
http://www.talentedtalkers.com/wp-
content/uploads/2014/11/whiteboard.jpg
http://ciid.dk/tools_workshops/images/slideshow/brainstorm.jpg

More Related Content

Similar to Ux design process

Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience Emi Kwon
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
A preview of 'Take your users into your UX team & let them design'
A preview of 'Take your users into your UX team & let them design'A preview of 'Take your users into your UX team & let them design'
A preview of 'Take your users into your UX team & let them design'Silvia Calvet
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation Matt Artz
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarOutSystems
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX ProcessRicardo Luiz
 
Demystifying Design for Product Mangers
Demystifying Design for Product Mangers Demystifying Design for Product Mangers
Demystifying Design for Product Mangers Divya Chadha
 
User Experience Versus Marketing
User Experience Versus MarketingUser Experience Versus Marketing
User Experience Versus MarketingIRJET Journal
 
Axa Hackathon: User Centric Guide to Application Prototyping
Axa Hackathon: User Centric Guide to Application PrototypingAxa Hackathon: User Centric Guide to Application Prototyping
Axa Hackathon: User Centric Guide to Application PrototypingJay Suthar
 
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...悠識學院
 
User Experience: Why should you care?
User Experience: Why should you care?User Experience: Why should you care?
User Experience: Why should you care?Nirish Shakya
 
Yu-Hsiu Li Design as one UXMY
Yu-Hsiu Li Design as one UXMYYu-Hsiu Li Design as one UXMY
Yu-Hsiu Li Design as one UXMYUXMalaysia
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationPankaj Deshpande
 

Similar to Ux design process (20)

Parents
ParentsParents
Parents
 
Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
Uxui
UxuiUxui
Uxui
 
A preview of 'Take your users into your UX team & let them design'
A preview of 'Take your users into your UX team & let them design'A preview of 'Take your users into your UX team & let them design'
A preview of 'Take your users into your UX team & let them design'
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training Webinar
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
User Observation
User Observation User Observation
User Observation
 
Demystifying Design for Product Mangers
Demystifying Design for Product Mangers Demystifying Design for Product Mangers
Demystifying Design for Product Mangers
 
User Experience Versus Marketing
User Experience Versus MarketingUser Experience Versus Marketing
User Experience Versus Marketing
 
scott
scottscott
scott
 
Axa Hackathon: User Centric Guide to Application Prototyping
Axa Hackathon: User Centric Guide to Application PrototypingAxa Hackathon: User Centric Guide to Application Prototyping
Axa Hackathon: User Centric Guide to Application Prototyping
 
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...
[MIX 2016] CREATIVITY AT EACH STEP – PLANNING TO DEVELOPMENT / 徐孝真 Amoeba Des...
 
User Experience: Why should you care?
User Experience: Why should you care?User Experience: Why should you care?
User Experience: Why should you care?
 
User Experience: Why and How
User Experience: Why and HowUser Experience: Why and How
User Experience: Why and How
 
What I wish I knew in university
What I wish I knew in universityWhat I wish I knew in university
What I wish I knew in university
 
Yu-Hsiu Li Design as one UXMY
Yu-Hsiu Li Design as one UXMYYu-Hsiu Li Design as one UXMY
Yu-Hsiu Li Design as one UXMY
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 

More from Yaowaluck Promdee (20)

A basic of UX for beginner
A basic of UX for beginnerA basic of UX for beginner
A basic of UX for beginner
 
TCAS 2563
TCAS 2563TCAS 2563
TCAS 2563
 
Portfolio design
Portfolio designPortfolio design
Portfolio design
 
Concept to creation story and storyboard
Concept to creation  story and storyboard Concept to creation  story and storyboard
Concept to creation story and storyboard
 
Observation and interviewing
Observation and interviewingObservation and interviewing
Observation and interviewing
 
Requirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvasRequirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvas
 
Good bad design
Good bad designGood bad design
Good bad design
 
Bootstrap Framework
Bootstrap Framework Bootstrap Framework
Bootstrap Framework
 
Tables and forms with HTML, CSS
Tables and forms with HTML, CSS  Tables and forms with HTML, CSS
Tables and forms with HTML, CSS
 
Navigation and Link
Navigation and LinkNavigation and Link
Navigation and Link
 
Graphic, Color and tools
Graphic, Color and toolsGraphic, Color and tools
Graphic, Color and tools
 
Page layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSSPage layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSS
 
CSS Boc model
CSS Boc model CSS Boc model
CSS Boc model
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
 
Style and Selector Part2
Style and Selector Part2Style and Selector Part2
Style and Selector Part2
 
Style and Selector
Style and SelectorStyle and Selector
Style and Selector
 
Design sitemap
Design sitemapDesign sitemap
Design sitemap
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
 
HTML 5
HTML 5HTML 5
HTML 5
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
 

Recently uploaded

Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
MICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxMICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxabhijeetpadhi001
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxUnboundStockton
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupJonathanParaisoCruz
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 

Recently uploaded (20)

Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
MICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptxMICROBIOLOGY biochemical test detailed.pptx
MICROBIOLOGY biochemical test detailed.pptx
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized Group
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 

Ux design process

Editor's Notes

  1. Strategy—Strategy is important from the outset because it articulates the brand, guiding principles, and long-term vision of an organisation. The strategy underpinning a UX project will shape the goals of the project—what the organisation is hoping to achieve with the project, how its success should be measured, and what priority it should have in the grand scheme of things. View techniques used during the Strategy phase » Research—Often referred to as the Discovery phase, the Research phase is probably the most variable between projects. Complex projects will comprise significant user and competitor research activities, while small startup websites may skip all research activities other than some informal interviews and a survey. In many people’s eyes, the Research phase is key to creating an informed user experience, however it is also the phase most often skipped—especially by proponents of a “Lean UX” approach. View techniques used during the Research phase » Analysis—The aim of the Analysis phase is to draw insights from data collected during the Research phase. Capturing, organising and making inferences from the “what” can help UX Designers begin to understand the “why”. Communicating the designer’s understanding back to end-users helps to confirm that any assumptions being made are valid. View techniques used during the Analysis phase » Design—The Design phase of a UX project is collaborative (involving input and ideas from different people) and iterative (meaning that it cycles back upon itself to validate ideas and assumptions). Building on the user feedback loop established in previous phases, the premise of the Design phase is to put ideas in front of users, get their feedback, refine them, and repeat. These ideas may be represented by paper prototypes, interactive wireframes, or semi-functioning prototypes, all deliberately created in low-fidelity to delay any conversation relating to graphic identity, branding or visual details. View techniques used during the Design phase » Production—The Production phase is where the high-fidelity design is fleshed out, content and digital assets are created, and a high-fidelity version of the product is validated with stakeholders and end-users through user testing sessions. The role of the UX Designer shifts from creating and validating ideas to collaborating with developers to guide and champion the vision. http://uxmastery.com/resources/process/
  2. Usability Test  An one-to-one interview research in which the user is asked to perform a series of tasks in a prototype or a product. Validates and collects feedback of flows, design and features.  - Eyetracking  A technology that analyzes the user's eye movements across the interface. Provides data about what keeps users interested on the screen and how their reading flow could be optmized by design.  A/b testing Offering alternative versions of your product to different users and comparing the results to find out which one performs better. Great for optimizing funnels and landing pages.  Accessibility Analysis  A study to measure if the website can be used by everyone, including users with special needs. It should follow the W3C guidelines to make sure that all users are satisfied. 
  3. Moodboards  A collaborative collection of images and references that will eventually evolve into a product's visual style guide. Allows creatives to show clients and colleagues a proposed look for the product before investing too much time on it.  Taxonomies  An exploration around multiple ways to categorize content and data: topics in a news site, product categories in an ecommerce etc. Assists designers in defining the content structure to support the user's and the organization’s goals.