SlideShare a Scribd company logo
Process for Better
User Experience
Process for Better
User Experience
Milind Chaskar, Lead UIUX designer
The Hierarchy of Needs
● Creativity
● Proficiency
● Usability
● Reliability
● Functionality
Milind Chaskar, Lead UIUX designer
Define Core Values First
● Why you are doing this product
● Domain Research
● Market research
● Know your target audience
● Understand & define problem
● Comparative product research
● Design Questionnaire for users & clients
Milind Chaskar, Lead UIUX designer
Think Benefits
Not Features
Once core values are defined, understand the
problems first, afterwards think on benefits for
the product, and lastly add features.
Milind Chaskar, Lead UIUX designer
Plan Product Roadmap
● Empathise
● Define
● Ideate
● Prototype
● Test
Milind Chaskar, Lead UIUX designer
Empathise
Understand the Experience, Situation & Emotions
of people who you are working for.
1. Observe user behaviour in the context of their lives
2. Engage with people to understand their problems
3. Watch & Listen, ask the users to perform tasks
Milind Chaskar, Lead UIUX designer
Define
1. Process and user point of view
2. Who are going to use your product
3. Define user needs and how will you fulfill them
4. Express insight you developed and define principle
Milind Chaskar, Lead UIUX designer
Ideate
1. Creativity: understand the problems and find solutions
2. Make use cases and user journeys
3. Define roles
4. Help users what they want
5. Make modules
6. Do concept model, Information architecture, User flows,
wireframes, Interaction design and Visual design.
Milind Chaskar, Lead UIUX designer
Prototype
1. Provide users with prototypes, to get the actual
experience of product
2. Note down their experiences, and you will be able to
identify the problems they are facing
3. Create Storyboard & User flows based on this.
4. Tools available for prototyping are (Invision, Flinto,
Mockflow, UXpin etc)
Milind Chaskar, Lead UIUX designer
Test
1. Ask for feedback on your prototype from users
2. Learn from your users
3. Reframe your flow and your prototype
4. Test it again from user
Milind Chaskar, Lead UIUX designer
More pointers
1. Show necessary interactions
2. Provide Help text
3. How it works
4. Avoid tutorials
5. Provide with walkthroughs
Milind Chaskar, Lead UIUX designer
Thank You!
Milind Chaskar, Lead UIUX designer
https://www.linkedin.com/in/milind-chaskar-61735123

More Related Content

Similar to Process for better UX

UX Workshop
UX WorkshopUX Workshop
UX Workshop
Kevins Yego
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
RiniyaMary
 
UX Methods
UX Methods UX Methods
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
Kv work samples
Kv work samplesKv work samples
Kv work sampleskay_sjc
 
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
 
G1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PDG1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PD
2020107940
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
Sean Donnelly BA MSc QFA
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience PosterJessica Fisher
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
Samantha Bailey
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
Jenica Welch
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveMarcy Kellar
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
Ultan O'Broin
 
UNIT IV ENGAGE: DESIGN THINKING 22CDT21
UNIT IV ENGAGE:  DESIGN THINKING 22CDT21UNIT IV ENGAGE:  DESIGN THINKING 22CDT21
UNIT IV ENGAGE: DESIGN THINKING 22CDT21
GOWSIKRAJA PALANISAMY
 
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
Think 360 Studio
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
Design 101 : Beyond ideation - Transforming Ideas to Software RequirementsDesign 101 : Beyond ideation - Transforming Ideas to Software Requirements
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
Hawkman Academy
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
 
People-Centric Design Approach in Application Lifecycle
People-Centric Design Approach in Application LifecyclePeople-Centric Design Approach in Application Lifecycle
People-Centric Design Approach in Application Lifecycle
Rofiqi Setiawan
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
Ultan O'Broin
 

Similar to Process for better UX (20)

UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
UX Methods
UX Methods UX Methods
UX Methods
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Kv work samples
Kv work samplesKv work samples
Kv work samples
 
User Experience: Why should you care?
User Experience: Why should you care?User Experience: Why should you care?
User Experience: Why should you care?
 
G1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PDG1_Product-Design-G1_Product-Design-G1_PD
G1_Product-Design-G1_Product-Design-G1_PD
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
Ni week no designer, no problem
Ni week no designer, no problem Ni week no designer, no problem
Ni week no designer, no problem
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
 
UNIT IV ENGAGE: DESIGN THINKING 22CDT21
UNIT IV ENGAGE:  DESIGN THINKING 22CDT21UNIT IV ENGAGE:  DESIGN THINKING 22CDT21
UNIT IV ENGAGE: DESIGN THINKING 22CDT21
 
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
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
Design 101 : Beyond ideation - Transforming Ideas to Software RequirementsDesign 101 : Beyond ideation - Transforming Ideas to Software Requirements
Design 101 : Beyond ideation - Transforming Ideas to Software Requirements
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
People-Centric Design Approach in Application Lifecycle
People-Centric Design Approach in Application LifecyclePeople-Centric Design Approach in Application Lifecycle
People-Centric Design Approach in Application Lifecycle
 
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
It's Better To Have a Permanent Income Than to Be Fascinating: Killer Feature...
 

Recently uploaded

Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 

Recently uploaded (20)

Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 

Process for better UX

  • 1. Process for Better User Experience Process for Better User Experience Milind Chaskar, Lead UIUX designer
  • 2. The Hierarchy of Needs ● Creativity ● Proficiency ● Usability ● Reliability ● Functionality Milind Chaskar, Lead UIUX designer
  • 3. Define Core Values First ● Why you are doing this product ● Domain Research ● Market research ● Know your target audience ● Understand & define problem ● Comparative product research ● Design Questionnaire for users & clients Milind Chaskar, Lead UIUX designer
  • 4. Think Benefits Not Features Once core values are defined, understand the problems first, afterwards think on benefits for the product, and lastly add features. Milind Chaskar, Lead UIUX designer
  • 5. Plan Product Roadmap ● Empathise ● Define ● Ideate ● Prototype ● Test Milind Chaskar, Lead UIUX designer
  • 6. Empathise Understand the Experience, Situation & Emotions of people who you are working for. 1. Observe user behaviour in the context of their lives 2. Engage with people to understand their problems 3. Watch & Listen, ask the users to perform tasks Milind Chaskar, Lead UIUX designer
  • 7. Define 1. Process and user point of view 2. Who are going to use your product 3. Define user needs and how will you fulfill them 4. Express insight you developed and define principle Milind Chaskar, Lead UIUX designer
  • 8. Ideate 1. Creativity: understand the problems and find solutions 2. Make use cases and user journeys 3. Define roles 4. Help users what they want 5. Make modules 6. Do concept model, Information architecture, User flows, wireframes, Interaction design and Visual design. Milind Chaskar, Lead UIUX designer
  • 9. Prototype 1. Provide users with prototypes, to get the actual experience of product 2. Note down their experiences, and you will be able to identify the problems they are facing 3. Create Storyboard & User flows based on this. 4. Tools available for prototyping are (Invision, Flinto, Mockflow, UXpin etc) Milind Chaskar, Lead UIUX designer
  • 10. Test 1. Ask for feedback on your prototype from users 2. Learn from your users 3. Reframe your flow and your prototype 4. Test it again from user Milind Chaskar, Lead UIUX designer
  • 11. More pointers 1. Show necessary interactions 2. Provide Help text 3. How it works 4. Avoid tutorials 5. Provide with walkthroughs Milind Chaskar, Lead UIUX designer
  • 12. Thank You! Milind Chaskar, Lead UIUX designer https://www.linkedin.com/in/milind-chaskar-61735123