why ux makes a difference

49
Why UX Makes A Difference Steve Zehngut Zeek Interactive @zengy Thursday, July 19, 12

Upload: steve-zehngut

Post on 18-Dec-2014

610 views

Category:

Design


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Why UX Makes A Difference

Why UX Makes A Difference

Steve ZehngutZeek Interactive

@zengy

Thursday, July 19, 12

Page 2: Why UX Makes A Difference

UI, UX & Usability

Thursday, July 19, 12

Page 3: Why UX Makes A Difference

From Wikipedia:

User Interface - The aggregate of means by which users interact with the system (e.g., all the means of input and output)

Thursday, July 19, 12

Page 4: Why UX Makes A Difference

From Wikipedia:

User Experience - The architecture and interaction models that impact a user's perception of a device or system (“all aspects of the user’s interaction with the product”).

Thursday, July 19, 12

Page 5: Why UX Makes A Difference

“So it seems like UI would deal with the ‘how’ of creating an interface (implementing shiny controls, that sort of thing) and UX would deal with the ‘why’ (creating a good experience for the user).”

Source: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-ux

Thursday, July 19, 12

Page 6: Why UX Makes A Difference

From Wikipedia:

Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken.

Thursday, July 19, 12

Page 7: Why UX Makes A Difference

Thursday, July 19, 12

Page 8: Why UX Makes A Difference

Jakob Nielsenhttp://useit.com

Thursday, July 19, 12

Page 9: Why UX Makes A Difference

Thursday, July 19, 12

Page 10: Why UX Makes A Difference

Thursday, July 19, 12

Page 11: Why UX Makes A Difference

Thursday, July 19, 12

Page 12: Why UX Makes A Difference

Questions To Ask

Thursday, July 19, 12

Page 13: Why UX Makes A Difference

Who is the audience?

Thursday, July 19, 12

Page 14: Why UX Makes A Difference

What are the goals of the site?Traffic? Uniques? Length of Stay?

Thursday, July 19, 12

Page 15: Why UX Makes A Difference

Is it intuitive?

Thursday, July 19, 12

Page 16: Why UX Makes A Difference

How fast does it load?

Thursday, July 19, 12

Page 17: Why UX Makes A Difference

Can I navigate easily?

Thursday, July 19, 12

Page 18: Why UX Makes A Difference

Can I read the text?

Thursday, July 19, 12

Page 19: Why UX Makes A Difference

Does it work on mobile?

Thursday, July 19, 12

Page 20: Why UX Makes A Difference

Where does my eye land?

Thursday, July 19, 12

Page 21: Why UX Makes A Difference

Common Mistakes

Thursday, July 19, 12

Page 22: Why UX Makes A Difference

Inconsistent Layout

Thursday, July 19, 12

Page 23: Why UX Makes A Difference

Inconsistent Fonts

Thursday, July 19, 12

Page 24: Why UX Makes A Difference

Inconsistent Navigation

Thursday, July 19, 12

Page 25: Why UX Makes A Difference

Poor Color Contrast

Thursday, July 19, 12

Page 26: Why UX Makes A Difference

Too Many Colors

Thursday, July 19, 12

Page 27: Why UX Makes A Difference

No Clear CTAs(Calls To Action)

Thursday, July 19, 12

Page 28: Why UX Makes A Difference

Deviating From theFamiliar Browser Interface

Thursday, July 19, 12

Page 29: Why UX Makes A Difference

404 Errors

Thursday, July 19, 12

Page 30: Why UX Makes A Difference

Site Samples

Thursday, July 19, 12

Page 31: Why UX Makes A Difference

Toastmastershttp://toastmasters.org

Thursday, July 19, 12

Page 32: Why UX Makes A Difference

Mike Ferryhttp://mikeferry.com

Thursday, July 19, 12

Page 33: Why UX Makes A Difference

Coming Out Supporthttp://comingoutsupport.com

Thursday, July 19, 12

Page 34: Why UX Makes A Difference

Essence Expressionshttp://essenceexpressions.com

Thursday, July 19, 12

Page 35: Why UX Makes A Difference

Catholic Radio Dramashttp://catholicradiodramas.com

Thursday, July 19, 12

Page 36: Why UX Makes A Difference

Web Kinghttp://webking.com

Thursday, July 19, 12

Page 37: Why UX Makes A Difference

Books

Thursday, July 19, 12

Page 38: Why UX Makes A Difference

Thursday, July 19, 12

Page 39: Why UX Makes A Difference

Thursday, July 19, 12

Page 40: Why UX Makes A Difference

Thursday, July 19, 12

Page 41: Why UX Makes A Difference

Thursday, July 19, 12

Page 42: Why UX Makes A Difference

Thursday, July 19, 12

Page 43: Why UX Makes A Difference

What Can You Do Differently?

Thursday, July 19, 12

Page 44: Why UX Makes A Difference

Ask questions.

Thursday, July 19, 12

Page 45: Why UX Makes A Difference

Listen.

Thursday, July 19, 12

Page 46: Why UX Makes A Difference

Be open to criticism.

Thursday, July 19, 12

Page 47: Why UX Makes A Difference

Beta Test.

Thursday, July 19, 12

Page 48: Why UX Makes A Difference

Revise and refine.

Thursday, July 19, 12

Page 49: Why UX Makes A Difference

Steve [email protected]

http://facebook.com/zengyTwitter: @zengy

Thursday, July 19, 12