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]

Elements
ElementsElements
Elements
kaa kaa
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
Taewon 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 techniques
hendrikknoche
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
Ben van de Sande
 
Intro to UX part two
Intro to UX part twoIntro to UX part two
Intro to UX part two
Kagonya Awori
 
PxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designPxS'12 - week 10 - screen design
PxS'12 - week 10 - screen design
hendrikknoche
 

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

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
karishmasinghjnh
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 

Dernier (20)

Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 

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…