1.
User Experience (UX)
Khalid Syed
21/5/2015

2.
What is UX
• us·er ex·pe·ri·ence
noun
The overall experience of a person using a
product such as a mobile application, website or
computer application, especially in terms of how
easy or pleasing it is to use.
"if an app or website degrades the user experience too
much, people will simply stay away"

3.
UX Umbrella

4.
UX vs UI
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design UI

5.
UI != UX

6.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

7.
Content Strategy
• Depends on what domain/industry and the
purpose of the app
– For Ecommerce/Restaurants its vital to structurally
show TEXT
• Menu Categories
• Items List Under a Menu
• Item Details
– For Catalalog the emphasis is on IMAGES

8.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

9.
User Research
• How do you classify your product users
– Is it for enterprise users
• Ease of Functionality is priority than Looks
– Is the product for public in the age group 20-40
• Just Ease of Functionality is not enough
• User Research Methods
– Interviews
– Feedback on usage
– A/B Testing

10.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

11.
Usability

12.
Usability - Components
• Utility
– Less or no Errors made by the user during the process of completing a task
• Completeness
– The extent or completeness of users’ solutions to tasks
• Structure & Consistency
– Good and natural structuring makes for quick identification of the
functionalities.
• Ease To Input
– The data input process should be simple. Preferably Native so the user has
nothing new to learn.
• Response time
– The system must respond in an appropriate time (<3sec)
• Safety
– User should feel secured and not overly intrusive while using the application
– The application should only ask for external funcitons which are relevant. E.g.
Ecommerce app might need GPS details but doesn’t need the contact list.

13.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

14.
Information Architecure
• IA is all about connecting:
– Users
– Content
– Context

15.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

16.
Interaction Design
• Apple pioneered the smooth transition of Video
Play from portrait to landscape mode (Fun)
• Suggesting the user to follow a path on the
device screen, by emphasizing the Visual
Elements. (Ease)
• Correct use of Color
– Red is for anything important or to take care
(missing/delete)
– Green for anything idempotent. You are safe
interacting

17.
UX Components
• Content Strategy
• User Research
• Usability
• Information Architecture
• Interaction Design
• Visual Design

18.
Visual Design
• Good use of Shapes
– Solids or Wireframes
• Good use of Colors
– Color palettes
• Good use of Shades
– Information Visibility
• Good use of Textures
– Add reality affect (leather, paper) as applicable

19.
Visual Design

20.
Summarizing

21.
Aim for Pleasurable UX
Remember*: Apple sells Pleasurables!