25
Designing better UX [email protected] uxd.absg.com Girish Gangadharan ABSG Enterprise Architecture Workshop - 5

Designing better-ux-workshop-5

Embed Size (px)

Citation preview

Page 1: Designing better-ux-workshop-5

Designing better UX

[email protected] uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 5

Page 2: Designing better-ux-workshop-5

Our logo is ready.

Page 3: Designing better-ux-workshop-5

ABSG User Experience Design

Page 4: Designing better-ux-workshop-5

Another variation

Page 5: Designing better-ux-workshop-5

Our designer – Jared Christensen

jaredigital.com

Page 6: Designing better-ux-workshop-5

jaredigital.com

Jared’s work

Page 7: Designing better-ux-workshop-5

The Pareto Principle Commonly known as the 80/20 rule

Page 8: Designing better-ux-workshop-5

Courtesy: sixrevisions.com

The Pareto Principle

Page 9: Designing better-ux-workshop-5

Examples of the 80/20 rule

* MS Office Ribbon

* F-Pattern

* Mobile sites Vs. Full sites

* Country dropdown lists (US, UK at the top)

In software.

* Software bugs

* Project lifecycle

Page 10: Designing better-ux-workshop-5

Examples of the 80/20 rule Elsewhere.

Can you give me some examples?

Page 11: Designing better-ux-workshop-5

What constitutes that 20%?

* User interviews

* Web analytics

* Market research

* Track user behavior

How can we figure it out?

Page 12: Designing better-ux-workshop-5

Make it part of Project Planning Write it down first.

Prioritize the features before beginning construction.

Page 13: Designing better-ux-workshop-5

Good examples – TeamLab

Page 14: Designing better-ux-workshop-5

Good examples – SifterApp

Page 15: Designing better-ux-workshop-5

Good examples – EaseUS Backup

Page 16: Designing better-ux-workshop-5

Good examples – CakeHealth

Page 17: Designing better-ux-workshop-5

Good examples – DailyBurn

Vs.

Courtesy: http://sixrevisions.com/web_design/use-the-80-20-rule-to-increase-your-websites-effectiveness/

Page 18: Designing better-ux-workshop-5

In a nutshell…

Use analytics to determine your application’s 20% most-used functions

Prioritize tasks/features based on the above discovery

Don’t completely ignore the 80% that’s not often used but give it just the attention it deserves

Make sure the designs and layouts reflect the data obtained in discovery

Think about ways to improve the functionality & design of the lesser used features that could have a larger impact if implemented properly

Page 19: Designing better-ux-workshop-5

Let’s do a quick exercise

If you had to design a pedometer, how would you do it?

Hint: Track calories, fitness, ease of use etc.

Page 20: Designing better-ux-workshop-5

How fitbit does it

Page 21: Designing better-ux-workshop-5

Fitbit tracks your sleep activity too

Page 22: Designing better-ux-workshop-5

Fitbit design

Page 23: Designing better-ux-workshop-5

UX

UX Design Cheat Sheet

Usefulness

Simplicity

Communication

Intuitiveness Efficiency

?

?

Consistency

Page 24: Designing better-ux-workshop-5

Questions ?

Page 25: Designing better-ux-workshop-5

Designing better UX

[email protected] uxd.absg.com

Girish Gangadharan

ABSG Enterprise Architecture

Workshop - 5