user experience (ux)

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

Upload: khalidjaffar

Post on 15-Aug-2015

121 views

Category:

Design


2 download

TRANSCRIPT

Page 1: User Experience (UX)

User Experience (UX)

Khalid Syed21/5/2015

Page 2: User Experience (UX)

What is UX

• us·er ex·pe·ri·encenoun

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"

Page 3: User Experience (UX)

UX Umbrella

Page 4: User Experience (UX)

UX vs UI

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design UI

Page 5: User Experience (UX)

UI != UX

Page 6: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 7: User Experience (UX)

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

Page 8: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 9: User Experience (UX)

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

Page 10: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 11: User Experience (UX)

Usability

Page 12: User Experience (UX)

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.

Page 13: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 14: User Experience (UX)

Information Architecure

• IA is all about connecting:

– Users

– Content

– Context

Page 15: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 16: User Experience (UX)

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

Page 17: User Experience (UX)

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Page 18: User Experience (UX)

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

Page 19: User Experience (UX)

Visual Design

Page 20: User Experience (UX)

Summarizing

Page 21: User Experience (UX)

Aim for Pleasurable UX

Remember*: Apple sells Pleasurables!