SlideShare a Scribd company logo
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!

More Related Content

PDF
Service Design
PDF
The Many Facets of UX Design
PDF
App Design, from Concept to Completion
PDF
モバイル夜間大学 UCDプロセス-enjoji_100721
PDF
Designing The User Experience Curve 2.0
PDF
Elements Of User Experience
PDF
Element S
PDF
PxS’12 - week 10 - screen design
Service Design
The Many Facets of UX Design
App Design, from Concept to Completion
モバイル夜間大学 UCDプロセス-enjoji_100721
Designing The User Experience Curve 2.0
Elements Of User Experience
Element S
PxS’12 - week 10 - screen design

Similar to User Experience Design [UXD] (20)

KEY
In order for UX to achieve it’s potential, we need to reframe it as a profess...
PDF
Into the landscape of UX
PDF
Zukunftsmarkt Zocken
PDF
Elements
KEY
User Research 1 : UX introduction
PDF
PxS’12 - week 4 - UX design techniques
PDF
Gastronomy: A source of inspiration for user experience design
PDF
The Elements of User Experience
PDF
STI, MetaRational #2
PDF
Elements
PDF
The Elements of User Experience
PDF
PPTX
Intro to UX part two
PDF
PxS'12 - week 10 - screen design
PDF
Dk glsec
PPT
Building for People: 5 Practical Tip for Greating Great UX
PDF
User Experience 2: Talk@Stabilo
PPT
Importance of User eXperience
PDF
More Elements of UX: real-world design deliverables
PDF
Elements
In order for UX to achieve it’s potential, we need to reframe it as a profess...
Into the landscape of UX
Zukunftsmarkt Zocken
Elements
User Research 1 : UX introduction
PxS’12 - week 4 - UX design techniques
Gastronomy: A source of inspiration for user experience design
The Elements of User Experience
STI, MetaRational #2
Elements
The Elements of User Experience
Intro to UX part two
PxS'12 - week 10 - screen design
Dk glsec
Building for People: 5 Practical Tip for Greating Great UX
User Experience 2: Talk@Stabilo
Importance of User eXperience
More Elements of UX: real-world design deliverables
Elements
Ad

Recently uploaded (20)

PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
Acoustics new for. Sound insulation and absorber
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
Machine printing techniques and plangi dyeing
PPTX
building Planning Overview for step wise design.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
Phone away, tabs closed: No multitasking
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Interior Structure and Construction A1 NGYANQI
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
EDP Competencies-types, process, explanation
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Chalkpiece Annual Report from 2019 To 2025
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Acoustics new for. Sound insulation and absorber
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
YOW2022-BNE-MinimalViableArchitecture.pdf
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Machine printing techniques and plangi dyeing
building Planning Overview for step wise design.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Phone away, tabs closed: No multitasking
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Interior Structure and Construction A1 NGYANQI
robotS AND ROBOTICSOF HUMANS AND MACHINES
BRANDBOOK-Presidential Award Scheme-Kenya-2023
DOC-20250430-WA0014._20250714_235747_0000.pptx
YV PROFILE PROJECTS PROFILE PRES. DESIGN
EDP Competencies-types, process, explanation
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Tenders & Contracts Works _ Services Afzal.pptx
Chalkpiece Annual Report from 2019 To 2025
Ad

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

Editor's Notes

  • #4: Add an example – Water or tea pot up side down
  • #7: I is to be removed
  • #18: Examples…
  • #22: Assume notes…