SlideShare a Scribd company logo
1 of 25
Download to read offline
UI/UX Process
Created by Prince Pal Singh
UX is everywhere that's why the UX process is
more Important!
Without a solid UX design process, you have a lower chance of
creating a product with good UX. A well-defined and well-
executed UX process, on the other hand, makes it possible to
craft amazing experiences for users.
Lean UX Process - My Favorite
Lean UX focuses on outcomes rather than deliverables. It positions UX designers as highly collaborative members of
the product or service team, aiming to test their assumptions and hypotheses through the delivery of guerrilla-style
user testing and experiments on minimum viable products (MVP) concepts.
Agile UX Process
Agile UX tries to integrate UX practice with Agile software development teams. Since agile was conceived as an engineering practice, it
did not originally integrate UX and design. There is much debate in the UX community about how compatible the practices are. Agile
UX aims to bring an iterative approach to the design and improvement of features that are being built through team collaboration and
the stewardship of customer feedback.
“User Experience
Design (UXD or UED)
is the process of
enhancing user
satisfaction with a
product by improving
the usability,
accessibility, and
pleasure provided in
the interaction with the
product.” — Wikipedia
Research - Meet the user & Define
Stakeholders
● Design Team
● Business Manager
● Product Manager
INTERVIEW + OBSERVATION = Qualitative - Talk to real users or potential users, clarify your
assumption and understand them more.
SURVEY- The survey may be useful if we need more quantitative research and large amount of
users, or have to the interview remotely.
Empathy Mapping - “To be a great designer, you need to look a little
deeper into how people think and act.” — Paul Boag
UX Competitive Analysis *(Important)
“(i) Understand market competition
(ii) Learn about your domain
(iii) Get inspirations and ideas from your competitors”
Keep an eye on the latest UI trends, design principles and your existing user experience
guidelines.
While doing research, start thinking about possible layouts and options to provide the desired
Examples of UX analysis
Outcomes - A bunch of ideas and material on which you can build your actual design work
Example of UX analysis By Prince Pal Singh
- Teledentix - A Telemedicine Product Research - https://get.teledentix.com/
- https://www.dropbox.com/s/npv07mqmf187sin/Telemedicine-Research-USA-
Market.pdf?dl=0
- Mortgage Industry Research - https://www.dropbox.com/s/4wjzpnnr3xkcppd/mortgage-
research-USA-Market.pdf?dl=0
- YouBotics Moodboard - Schedule, Conduct, Evaluate Technical Interviews With AI
- https://www.dropbox.com/s/th90ejlsjtjti2f/robotics-moodboard.pdf?dl=0
- Sound Signature Mantra App Research - https://princepal.in/projects/sound-based-
meditation-app-branding-and-ui-ux-design
Write a Loveable MVP Document on Google Docs
“Design thinking can be described as a discipline that uses the
designer’s sensibility and methods to match people’s needs with
what is technologically feasible and what a viable business strategy
can convert into customer value and market opportunity.”
UX documentation is a crucial part of the UX design process. It serves as a reference, giving context to the product's
lifespan from the initial concept to the current iteration. Good UX documentation is detailed yet lean. It should be highly
focused, actionable, and purposeful.
Wireframing - Define the user flow / Information Architecture
Brainstorming with client on Miro
Paper Prototyping
Wireframing Tool - I use daily for Low/High Fidelity
Define The Brand Guideline document
Iconography
Digital icons replace descriptive words and sentences and optimize visual space, usability,
and aesthetic. Learn to create 10 custom icons in less than 10 seconds each (we
promise). https://m3.material.io/styles/icons/overview
Typography
In web and mobile UI design, typography is the art of organizing typefaces on the interface
to make all copy readable, legible and scalable to the audience. Visually appealing
typography sometimes even catches the users' attention and increases the interface
conversation rate effectively.
Typography
Define The Design System for seamless experience across the application
UI Design - Figma / Sketch App / Adobe XD
Accessibility - For everyone
What are the benefits of accessibility?
It is safe to say that accessibility benefits all members of society including people with disabilities.
Improving accessibility brings about increased quality of life; creates more independence and better
social integration. It also leads to better health and can result in cost saving in a number of areas.
In the world, at least 1 in 5 people have a long term illness, impairment or disability.
In addition, most of us will at some time have a temporary or situational disability:
● broken wrist
● glue ear
● bright sunlight
● working in a quiet place with no headphones handy…
● Color Blindness
Usability Testing - At Least on 5 Users
The purpose of usability testing is to ensure the plan for a product’s functions, features and
overall purpose are in line with what users want by observing how real-life people use the
product. Usability testing allows you to learn things about user behavior, needs, and expectations
upfront.
4 Big Advantages of Usability Testing
1. Save Thousands of Hours
2. Save Thousands of Dollars
3. Validate and Adjust Features Based on Hard Data
4. Ensure Your Product Will Succeed Before Going to Market
Why is A/B Testing Important in UX?
A/B testing can help you learn how small changes influence user behavior, decide which approach towards design
to implement, and confirms that a new design is going in the right direction. Using A/B testing for different elements
of your digital product will also improve the overall user experience over time, as well as increase your conversion.
Thank You!
www.princepaluiux.com
www.think360studio.com

More Related Content

Similar to UI UX Process for SaaS Product Design Success

UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-foundersCyber-Duck
 
Design Best Practices - TechAhead Corp
Design Best Practices  -  TechAhead CorpDesign Best Practices  -  TechAhead Corp
Design Best Practices - TechAhead CorpTechAhead Corp
 
Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PRIan Campbell
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXqixingz
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User ExperienceCake and Arrow
 
Importance of User Centric Design in Software Development Services.pdf
Importance of User Centric Design in Software Development Services.pdfImportance of User Centric Design in Software Development Services.pdf
Importance of User Centric Design in Software Development Services.pdfMverve1
 
Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.Cuneiform Consulting Pvt Ltd.
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and PrototypingKshitiz Anand
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Praneet Koppula
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationPankaj Deshpande
 
Topics that every UX beginner should be aware.pptx
Topics that every UX beginner should be aware.pptxTopics that every UX beginner should be aware.pptx
Topics that every UX beginner should be aware.pptxDigital Academy 360
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMAurobinda Pradhan
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience DesignAlla Zollers
 
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...Inexture Solutions
 

Similar to UI UX Process for SaaS Product Design Success (20)

UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
Design Best Practices - TechAhead Corp
Design Best Practices  -  TechAhead CorpDesign Best Practices  -  TechAhead Corp
Design Best Practices - TechAhead Corp
 
Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PR
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User Experience
 
Importance of User Centric Design in Software Development Services.pdf
Importance of User Centric Design in Software Development Services.pdfImportance of User Centric Design in Software Development Services.pdf
Importance of User Centric Design in Software Development Services.pdf
 
Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.Digital Prototyping Mastery Best Practices & Techniques.
Digital Prototyping Mastery Best Practices & Techniques.
 
Ux presentation
Ux presentationUx presentation
Ux presentation
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...Role of UX Design in Building Products: How I Stopped Designing and Started t...
Role of UX Design in Building Products: How I Stopped Designing and Started t...
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
Topics that every UX beginner should be aware.pptx
Topics that every UX beginner should be aware.pptxTopics that every UX beginner should be aware.pptx
Topics that every UX beginner should be aware.pptx
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PM
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
 
Agile User Experience Design
Agile User Experience DesignAgile User Experience Design
Agile User Experience Design
 
Engaging UX in engineering
Engaging UX in engineeringEngaging UX in engineering
Engaging UX in engineering
 
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
The Essential UIUX Designing Principles to Follow for Maintain Customer Engag...
 
Consistency in UX Design
Consistency in UX DesignConsistency in UX Design
Consistency in UX Design
 
Collaborating with UX
Collaborating with UXCollaborating with UX
Collaborating with UX
 

More from Think 360 Studio

Famous and Important UIUX Laws for your next Digital product
Famous and Important UIUX Laws for your next Digital productFamous and Important UIUX Laws for your next Digital product
Famous and Important UIUX Laws for your next Digital productThink 360 Studio
 
B2B SaaS Products Dashboards UI/UX Design
B2B SaaS Products Dashboards UI/UX DesignB2B SaaS Products Dashboards UI/UX Design
B2B SaaS Products Dashboards UI/UX DesignThink 360 Studio
 
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
 
Basic UX Steps From Start To Launch A Successfull Product
Basic UX Steps From Start To Launch A Successfull ProductBasic UX Steps From Start To Launch A Successfull Product
Basic UX Steps From Start To Launch A Successfull ProductThink 360 Studio
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesThink 360 Studio
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Think 360 Studio
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio Think 360 Studio
 

More from Think 360 Studio (7)

Famous and Important UIUX Laws for your next Digital product
Famous and Important UIUX Laws for your next Digital productFamous and Important UIUX Laws for your next Digital product
Famous and Important UIUX Laws for your next Digital product
 
B2B SaaS Products Dashboards UI/UX Design
B2B SaaS Products Dashboards UI/UX DesignB2B SaaS Products Dashboards UI/UX Design
B2B SaaS Products Dashboards UI/UX Design
 
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
 
Basic UX Steps From Start To Launch A Successfull Product
Basic UX Steps From Start To Launch A Successfull ProductBasic UX Steps From Start To Launch A Successfull Product
Basic UX Steps From Start To Launch A Successfull Product
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio
 

Recently uploaded

Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building DesignResDraft
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)☕ 🥧 🚲 Martin Gude
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfChan Thorn
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfjeffreycarroll14
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfoliodhrumibshah13
 

Recently uploaded (20)

Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 

UI UX Process for SaaS Product Design Success

  • 1. UI/UX Process Created by Prince Pal Singh
  • 2. UX is everywhere that's why the UX process is more Important! Without a solid UX design process, you have a lower chance of creating a product with good UX. A well-defined and well- executed UX process, on the other hand, makes it possible to craft amazing experiences for users.
  • 3. Lean UX Process - My Favorite Lean UX focuses on outcomes rather than deliverables. It positions UX designers as highly collaborative members of the product or service team, aiming to test their assumptions and hypotheses through the delivery of guerrilla-style user testing and experiments on minimum viable products (MVP) concepts.
  • 4. Agile UX Process Agile UX tries to integrate UX practice with Agile software development teams. Since agile was conceived as an engineering practice, it did not originally integrate UX and design. There is much debate in the UX community about how compatible the practices are. Agile UX aims to bring an iterative approach to the design and improvement of features that are being built through team collaboration and the stewardship of customer feedback.
  • 5. “User Experience Design (UXD or UED) is the process of enhancing user satisfaction with a product by improving the usability, accessibility, and pleasure provided in the interaction with the product.” — Wikipedia
  • 6. Research - Meet the user & Define Stakeholders ● Design Team ● Business Manager ● Product Manager INTERVIEW + OBSERVATION = Qualitative - Talk to real users or potential users, clarify your assumption and understand them more. SURVEY- The survey may be useful if we need more quantitative research and large amount of users, or have to the interview remotely.
  • 7. Empathy Mapping - “To be a great designer, you need to look a little deeper into how people think and act.” — Paul Boag
  • 8. UX Competitive Analysis *(Important) “(i) Understand market competition (ii) Learn about your domain (iii) Get inspirations and ideas from your competitors” Keep an eye on the latest UI trends, design principles and your existing user experience guidelines. While doing research, start thinking about possible layouts and options to provide the desired
  • 9. Examples of UX analysis Outcomes - A bunch of ideas and material on which you can build your actual design work
  • 10. Example of UX analysis By Prince Pal Singh - Teledentix - A Telemedicine Product Research - https://get.teledentix.com/ - https://www.dropbox.com/s/npv07mqmf187sin/Telemedicine-Research-USA- Market.pdf?dl=0 - Mortgage Industry Research - https://www.dropbox.com/s/4wjzpnnr3xkcppd/mortgage- research-USA-Market.pdf?dl=0 - YouBotics Moodboard - Schedule, Conduct, Evaluate Technical Interviews With AI - https://www.dropbox.com/s/th90ejlsjtjti2f/robotics-moodboard.pdf?dl=0 - Sound Signature Mantra App Research - https://princepal.in/projects/sound-based- meditation-app-branding-and-ui-ux-design
  • 11. Write a Loveable MVP Document on Google Docs “Design thinking can be described as a discipline that uses the designer’s sensibility and methods to match people’s needs with what is technologically feasible and what a viable business strategy can convert into customer value and market opportunity.” UX documentation is a crucial part of the UX design process. It serves as a reference, giving context to the product's lifespan from the initial concept to the current iteration. Good UX documentation is detailed yet lean. It should be highly focused, actionable, and purposeful.
  • 12. Wireframing - Define the user flow / Information Architecture
  • 15. Wireframing Tool - I use daily for Low/High Fidelity
  • 16. Define The Brand Guideline document
  • 17. Iconography Digital icons replace descriptive words and sentences and optimize visual space, usability, and aesthetic. Learn to create 10 custom icons in less than 10 seconds each (we promise). https://m3.material.io/styles/icons/overview
  • 18. Typography In web and mobile UI design, typography is the art of organizing typefaces on the interface to make all copy readable, legible and scalable to the audience. Visually appealing typography sometimes even catches the users' attention and increases the interface conversation rate effectively.
  • 20. Define The Design System for seamless experience across the application
  • 21. UI Design - Figma / Sketch App / Adobe XD
  • 22. Accessibility - For everyone What are the benefits of accessibility? It is safe to say that accessibility benefits all members of society including people with disabilities. Improving accessibility brings about increased quality of life; creates more independence and better social integration. It also leads to better health and can result in cost saving in a number of areas. In the world, at least 1 in 5 people have a long term illness, impairment or disability. In addition, most of us will at some time have a temporary or situational disability: ● broken wrist ● glue ear ● bright sunlight ● working in a quiet place with no headphones handy… ● Color Blindness
  • 23. Usability Testing - At Least on 5 Users The purpose of usability testing is to ensure the plan for a product’s functions, features and overall purpose are in line with what users want by observing how real-life people use the product. Usability testing allows you to learn things about user behavior, needs, and expectations upfront. 4 Big Advantages of Usability Testing 1. Save Thousands of Hours 2. Save Thousands of Dollars 3. Validate and Adjust Features Based on Hard Data 4. Ensure Your Product Will Succeed Before Going to Market
  • 24. Why is A/B Testing Important in UX? A/B testing can help you learn how small changes influence user behavior, decide which approach towards design to implement, and confirms that a new design is going in the right direction. Using A/B testing for different elements of your digital product will also improve the overall user experience over time, as well as increase your conversion.

Editor's Notes

  1. https://xd.adobe.com/ideas/perspectives/leadership-insights/designers-guide-lean-agile-ux/
  2. https://xd.adobe.com/ideas/perspectives/leadership-insights/designers-guide-lean-agile-ux/
  3. https://miro.com/app/board/uXjVO8QvzhE=/
  4. https://miro.com/app/board/uXjVO8QvzhE=/?share_link_id=934691627123
  5. Patient New Wireframe - https://dqigr6.axshare.com/#g=1&p=patient_user_flow Provider Wireframes - http://l0ip9f.axshare.com
  6. https://princepal.in/projects/sound-based-meditation-app-branding-and-ui-ux-design https://think360studio.com/work/health-guru-app
  7. https://www.mockplus.com/blog/post/typography-design-guide
  8. https://www.mockplus.com/blog/post/typography-design-guide
  9. https://princepal.in/projects/heavy-data-dashboards-2019-2021
  10. https://www.microsoft.com/design/inclusive/ https://accessibility.digital.gov/ux/getting-started/ https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0&showtechniques=141%2C142#text-alternatives
  11. https://www.dropbox.com/preview/Usability-Testing/Reports/01-UX%20Audit-v2.1-Desktop-personal.pdf?context=standalone_preview&role=personal https://www.dropbox.com/home/Usability-Testing/Recordings/Credelo-UT?preview=credelo-1.mp4 https://www.dropbox.com/home/Usability-Testing/Recordings?preview=Imatest+UI+sprint+2+user+testing.mp4
  12. https://goodui.org/patterns/screen/shopping-cart/