1. User
eXperience.
design
created & presented by: divya bhatia

2. What?

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

9. How?

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

14. UX Design Process

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.

19. Savings

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.

24. Examples

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

29. QSS Intranet

30. QSS
Intranet

31. iPortal

32. iPortal

33. Crowd Sourcing Tool

34. Crowd
Sourcing Tool

35. Questi ns

36. Thank You!