SlideShare une entreprise Scribd logo
1  sur  16
The UX Design Process
The user experience (UX) is the level of customer
satisfaction with the brand. In other words, it is how an
end user interacts with the brand.
What you will learn
• Define User & Experience
• The process of UX design
• The Persona
• Wireframe vs Prototype
• UX vs UI
• The importance of Design thinking
• Design as a solution
• User requirements vs Client requirements
1. UX strategy of four basic phases
2. Five step User-Centered design process cycle diagram
3. Pyramid of iterative prototyping & feedback for
improvements
4. The User Persona
5. Design vs. Prototyping
6. Process diagram template design for UX designers
7. User experience design with continuous feedback
8. IDEO’s human-centered design process chart
9. UX vs UI
10. Benefits of Design to User
11. Design Thinking
12. Mind Maps
13. Alignment of business objectives and user experience
Assignment
• Divide into three teams of 5 persons each. Two teams will handle one
project
• Cirruslabs Intranet Portal
• EazyPay
• Asset Management Software
Tasks
1. Define the UX process for each of your project
2. Define how the value proposition of the product meets the customers underserved
needs
3. Create a User Persona
4. Define the User behavior process &
5. Define the website architecture

Contenu connexe

Similaire à The UX Design Process FrontEnd Design.pptx

Integrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleIntegrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleICS
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience PosterJessica Fisher
 
UX & Design Thinking for BI Applications
UX & Design Thinking for BI ApplicationsUX & Design Thinking for BI Applications
UX & Design Thinking for BI Applicationsibi
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
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
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardChris Bernard
 
Kv work samples
Kv work samplesKv work samples
Kv work sampleskay_sjc
 
Ux strategy 112315c
Ux strategy 112315cUx strategy 112315c
Ux strategy 112315cBrad Briscoe
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designerMetricoid Technology
 
User Experience Design - MIT ID Innovation
User Experience Design - MIT ID InnovationUser Experience Design - MIT ID Innovation
User Experience Design - MIT ID InnovationPankaj Deshpande
 
Ch 1 Introduction to User Interaction Design Mary Margarat
Ch 1 Introduction to User Interaction Design  Mary MargaratCh 1 Introduction to User Interaction Design  Mary Margarat
Ch 1 Introduction to User Interaction Design Mary MargaratMary Margarat
 
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
 
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface DesignQualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface DesignMohamed Boukhebouze
 
What is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptxWhat is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptxTandrimaTithi
 

Similaire à The UX Design Process FrontEnd Design.pptx (20)

UX Explained
UX ExplainedUX Explained
UX Explained
 
Myth & fact - Designing for UX
Myth & fact - Designing for UXMyth & fact - Designing for UX
Myth & fact - Designing for UX
 
Integrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product LifecycleIntegrating User Experience Design into the Product Lifecycle
Integrating User Experience Design into the Product Lifecycle
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
UX & Design Thinking for BI Applications
UX & Design Thinking for BI ApplicationsUX & Design Thinking for BI Applications
UX & Design Thinking for BI Applications
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
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
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
Kv work samples
Kv work samplesKv work samples
Kv work samples
 
UX
UXUX
UX
 
User Experience Process
User Experience Process User Experience Process
User Experience Process
 
Ux strategy 112315c
Ux strategy 112315cUx strategy 112315c
Ux strategy 112315c
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
User Experience Design - MIT ID Innovation
User Experience Design - MIT ID InnovationUser Experience Design - MIT ID Innovation
User Experience Design - MIT ID Innovation
 
Ch 1 Introduction to User Interaction Design Mary Margarat
Ch 1 Introduction to User Interaction Design  Mary MargaratCh 1 Introduction to User Interaction Design  Mary Margarat
Ch 1 Introduction to User Interaction Design Mary Margarat
 
How to achieve the ux goals
How to achieve the ux goalsHow to achieve the ux goals
How to achieve the ux goals
 
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
 
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface DesignQualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
QualiHM: A Requirement Engineering Toolkit for Efficient User Interface Design
 
What is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptxWhat is the difference between UI and UX design_.pptx
What is the difference between UI and UX design_.pptx
 

Dernier

Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsArshad QA
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...ICS
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfkalichargn70th171
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...harshavardhanraghave
 
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female serviceCALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female serviceanilsa9823
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVshikhaohhpro
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Steffen Staab
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxbodapatigopi8531
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️Delhi Call girls
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsJhone kinadey
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...panagenda
 
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...MyIntelliSource, Inc.
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comFatema Valibhai
 
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...kellynguyen01
 
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerHow To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerThousandEyes
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdfWave PLM
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfkalichargn70th171
 
How To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.jsHow To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.jsAndolasoft Inc
 

Dernier (20)

Software Quality Assurance Interview Questions
Software Quality Assurance Interview QuestionsSoftware Quality Assurance Interview Questions
Software Quality Assurance Interview Questions
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdfThe Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
 
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
 
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female serviceCALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female service
CALL ON ➥8923113531 🔝Call Girls Badshah Nagar Lucknow best Female service
 
Optimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTVOptimizing AI for immediate response in Smart CCTV
Optimizing AI for immediate response in Smart CCTV
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
Hand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptxHand gesture recognition PROJECT PPT.pptx
Hand gesture recognition PROJECT PPT.pptx
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Right Money Management App For Your Financial Goals
Right Money Management App For Your Financial GoalsRight Money Management App For Your Financial Goals
Right Money Management App For Your Financial Goals
 
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
 
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
Steps To Getting Up And Running Quickly With MyTimeClock Employee Scheduling ...
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
Short Story: Unveiling the Reasoning Abilities of Large Language Models by Ke...
 
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected WorkerHow To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdfLearn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
 
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS LiveVip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Noida ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
 
How To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.jsHow To Use Server-Side Rendering with Nuxt.js
How To Use Server-Side Rendering with Nuxt.js
 

The UX Design Process FrontEnd Design.pptx

  • 1. The UX Design Process The user experience (UX) is the level of customer satisfaction with the brand. In other words, it is how an end user interacts with the brand.
  • 2. What you will learn • Define User & Experience • The process of UX design • The Persona • Wireframe vs Prototype • UX vs UI • The importance of Design thinking • Design as a solution • User requirements vs Client requirements
  • 3. 1. UX strategy of four basic phases
  • 4. 2. Five step User-Centered design process cycle diagram
  • 5. 3. Pyramid of iterative prototyping & feedback for improvements
  • 6. 4. The User Persona
  • 7. 5. Design vs. Prototyping
  • 8. 6. Process diagram template design for UX designers
  • 9. 7. User experience design with continuous feedback
  • 10. 8. IDEO’s human-centered design process chart
  • 11. 9. UX vs UI
  • 12. 10. Benefits of Design to User
  • 15. 13. Alignment of business objectives and user experience
  • 16. Assignment • Divide into three teams of 5 persons each. Two teams will handle one project • Cirruslabs Intranet Portal • EazyPay • Asset Management Software Tasks 1. Define the UX process for each of your project 2. Define how the value proposition of the product meets the customers underserved needs 3. Create a User Persona 4. Define the User behavior process & 5. Define the website architecture