SlideShare une entreprise Scribd logo
1  sur  36
User
eXperience.
         design

           created & presented by: divya bhatia
What?
Design is not just what it looks
like and feels like.
Design is how it works.
User experience (UX) is the sum of a
series of interactions a user has with a
product, service, or organization.
what & how of UXD
            useful               usable

understanding
people’s needs,               based in social &
wants, behavior,              cultural context
constraints
                                                        “wow”                 pleasi
                                                        factor                  ng
                                                                                                                     optimized for most
                                                                                                                     frequent tasks
                      reliabl                 evoke emotions                         simplicity     effecti
                         e                                                                            ve
                                                           exploring opportunity
                                                                                                                                      prototyping
                   based on people’s
                   past experiences
                                              stories                              human touch                                    functio
                                                                                                  information &
                                                                                                  timely feedback                   nal
                                                  innovat                          intuitiv
                                                    ive                               e                                          multiple iterations

                                                                                                  efficie
                                                                                                    nt
                                                                                                                    forgiving for errors
Generally, those who are
outside the discipline of design
assume that what designers do
is decoration.


Good Design is problem solving
What we see as

        Design

10%              Surface
                 Visual Design
10%   Surface
      Visual Design




      Skeleton
      Interface Design
      Navigation Design
      Information Design


      Structure
90%   Interaction Design
      Information Architecture



      Scope
      Functional Specs
      Content Requirement



      Strategy
      User Needs
      Site Objectives
How?
UX Design Process




              Business Objective
              User Needs
              Application Structure
              Work Flow & User Flow
             Analysis
UX Design Process




              Layout Directions
              Site Structure & Navigation
              High level design &
             concept illustration
UX Design Process




              Defines content &
             functionality
              Detailed Design without
             styling such
                   as images & colors [ex
             .Wireframes]
UX Design Process




              Detailed Design with
             corporate brand
               Colors
              Development & add
             functionality
UX Design Process
Why?
Business Success is always
defined by the quality of the
overall customer experience.
Websites that are hard to use
frustrate customers, forfeit
revenue and decrease brands
value.
Good design
is the most
important way
to differentiate
ourselves
from our
competitors.
Savings
Requirements      Development   Deployment
   Phase            Phase         Phase




                                 Time cost
      Design                    Per Change
   Alternatives




      8h                                32 h
  per change                         per change
Requirements                             Deployment
     Phase                                   Phase




                      20 Changes
                         *
                    35$ per changes


     *                                        *
 8 h per change                         32 h per change


   5,600$                                  22,400$

**All the number used in this calculation is the assumption
Savings $16,800



 **All the number used in this calculation is the assumption
Design is so critical. It should be
on the agenda of every meeting
in every single department.
Examples
QRx Application

  Current Menu design   Proposed Menu design


                                               Menu Items
                                               labels should be
                                               left aligned to
                                               have better
                                               visibility, as
                                               displayed here.
QRx Search
Current                        Text alignment can
                           structure the date and will
                               be more readable.




                Proposed
Text alignment can structure the
Intake Pop-up          date and will be more readable.




 Current        Proposed
Crowd Sourcing Tool – Project Details
Current




    Proposed
QSS Intranet
QSS
Intranet
iPortal
iPortal
Crowd Sourcing Tool
Crowd
Sourcing Tool
Questi   ns
Thank You!

Contenu connexe

Similaire à User Experience Design [UXD]

In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...Peter Merholz
 
Into the landscape of UX
Into the landscape of UXInto the landscape of UX
Into the landscape of UXVinny Wu
 
Zukunftsmarkt Zocken
Zukunftsmarkt ZockenZukunftsmarkt Zocken
Zukunftsmarkt ZockenStephan Engl
 
Elements
ElementsElements
Elementskaa kaa
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introductionTaewon Eom
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniqueshendrikknoche
 
Gastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience designGastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience designPeter Bogaards
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User ExperienceMichael Grillhösl
 
STI, MetaRational #2
STI, MetaRational #2STI, MetaRational #2
STI, MetaRational #2João Ramos
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User ExperienceBen van de Sande
 
Intro to UX part two
Intro to UX part twoIntro to UX part two
Intro to UX part twoKagonya Awori
 
PxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designPxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designhendrikknoche
 
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
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperienceguest1bcbc9
 
More Elements of UX: real-world design deliverables
More Elements of UX: real-world design deliverablesMore Elements of UX: real-world design deliverables
More Elements of UX: real-world design deliverablesPeter Boersma
 

Similaire à User Experience Design [UXD] (20)

In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...
 
Into the landscape of UX
Into the landscape of UXInto the landscape of UX
Into the landscape of UX
 
Zukunftsmarkt Zocken
Zukunftsmarkt ZockenZukunftsmarkt Zocken
Zukunftsmarkt Zocken
 
Elements
ElementsElements
Elements
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniques
 
Gastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience designGastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience design
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
STI, MetaRational #2
STI, MetaRational #2STI, MetaRational #2
STI, MetaRational #2
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Elements
ElementsElements
Elements
 
Lean UX
Lean UXLean UX
Lean UX
 
Intro to UX part two
Intro to UX part twoIntro to UX part two
Intro to UX part two
 
PxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designPxS'12 - week 10 - screen design
PxS'12 - week 10 - screen design
 
Dk glsec
Dk glsecDk glsec
Dk glsec
 
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
 
User Experience 2: Talk@Stabilo
User Experience 2: Talk@StabiloUser Experience 2: Talk@Stabilo
User Experience 2: Talk@Stabilo
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
More Elements of UX: real-world design deliverables
More Elements of UX: real-world design deliverablesMore Elements of UX: real-world design deliverables
More Elements of UX: real-world design deliverables
 
Elements
ElementsElements
Elements
 

Dernier

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
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...Amil baba
 
Onyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets DurabilityOnyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets DurabilityTracy Lipscomb
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
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
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...Amil baba
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...drjose256
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理thubko
 
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
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfFreixa Home Design
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxArindamMookherji1
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质yzeoq
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...Amil baba
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign designAkankshaD3
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakesuistudiozdesign
 

Dernier (20)

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)
 
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
NO1 Best Best Amil In Rawalpindi Bangali Baba In Rawalpindi jadu tona karne w...
 
Onyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets DurabilityOnyx Tiles Where Elegance Meets Durability
Onyx Tiles Where Elegance Meets Durability
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
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
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
100^%)( MAYIBUYE))(*((+27838792658))*))௹ )Abortion Pills for Sale in Soweto, ...
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
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
 
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdfExplaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
Explaining the Hidden Treasures of Modern Bathroom Design — freixadesign.pdf
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质挂科办理天主教大学毕业证成绩单一模一样品质
挂科办理天主教大学毕业证成绩单一模一样品质
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 

User Experience Design [UXD]

  • 1. User eXperience. design created & presented by: divya bhatia
  • 3. Design is not just what it looks like and feels like. Design is how it works.
  • 4. User experience (UX) is the sum of a series of interactions a user has with a product, service, or organization.
  • 5. what & how of UXD useful usable understanding people’s needs, based in social & wants, behavior, cultural context constraints “wow” pleasi factor ng optimized for most frequent tasks reliabl evoke emotions simplicity effecti e ve exploring opportunity prototyping based on people’s past experiences stories human touch functio information & timely feedback nal innovat intuitiv ive e multiple iterations efficie nt forgiving for errors
  • 6. Generally, those who are outside the discipline of design assume that what designers do is decoration. Good Design is problem solving
  • 7. What we see as Design 10% Surface Visual Design
  • 8. 10% Surface Visual Design Skeleton Interface Design Navigation Design Information Design Structure 90% Interaction Design Information Architecture Scope Functional Specs Content Requirement Strategy User Needs Site Objectives
  • 10. UX Design Process  Business Objective  User Needs  Application Structure  Work Flow & User Flow Analysis
  • 11. UX Design Process  Layout Directions  Site Structure & Navigation  High level design & concept illustration
  • 12. UX Design Process  Defines content & functionality  Detailed Design without styling such as images & colors [ex .Wireframes]
  • 13. UX Design Process  Detailed Design with corporate brand Colors  Development & add functionality
  • 15. Why?
  • 16. Business Success is always defined by the quality of the overall customer experience.
  • 17. Websites that are hard to use frustrate customers, forfeit revenue and decrease brands value.
  • 18. Good design is the most important way to differentiate ourselves from our competitors.
  • 20. Requirements Development Deployment Phase Phase Phase Time cost Design Per Change Alternatives 8h 32 h per change per change
  • 21. Requirements Deployment Phase Phase 20 Changes * 35$ per changes * * 8 h per change 32 h per change 5,600$ 22,400$ **All the number used in this calculation is the assumption
  • 22. Savings $16,800 **All the number used in this calculation is the assumption
  • 23. Design is so critical. It should be on the agenda of every meeting in every single department.
  • 25. QRx Application Current Menu design Proposed Menu design Menu Items labels should be left aligned to have better visibility, as displayed here.
  • 26. QRx Search Current Text alignment can structure the date and will be more readable. Proposed
  • 27. Text alignment can structure the Intake Pop-up date and will be more readable. Current Proposed
  • 28. Crowd Sourcing Tool – Project Details Current Proposed
  • 35. Questi ns

Notes de l'éditeur

  1. Add an example – Water or tea pot up side down
  2. I is to be removed
  3. Examples…
  4. Assume notes…