user experience (ux)

User Experience (UX)

Khalid Syed21/5/2015

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"

UX Umbrella

UX vs UI

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design UI

UI != UX

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

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

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

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

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Usability

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.

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

Information Architecure

• IA is all about connecting:

– Users

– Content

– Context

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

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

UX Components

• Content Strategy

• User Research

• Usability

• Information Architecture

• Interaction Design

• Visual Design

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

Visual Design

Summarizing

Aim for Pleasurable UX

Remember*: Apple sells Pleasurables!