if the user can't use it, it doesn't work

59
I wr... IfTheusercan’tUseIt Luke Charde User Experience Lead, NYS Dept of Labor SUNY IST 535 Web Database Programming, 2012-11-29 (title quote by Susan Dray)

Post on 21-Oct-2014

502 views

Category:

Technology


0 download

DESCRIPTION

11/29/2012 Guest Lecture SUNY IST 535 Web Database Programming

TRANSCRIPT

Page 1: If the User Can't Use It, It Doesn't Work

I! "#$% &#! w#r'...IfTheusercan’tUseIt

Luke ChardeUser Experience Lead, NYS Dept of LaborSUNY IST 535 Web Database Programming, 2012-11-29  

(title quote by Susan Dray)

Page 2: If the User Can't Use It, It Doesn't Work

MyPerspective

User Experience &Interface Design Lead

1999 2012

New York State

Page 3: If the User Can't Use It, It Doesn't Work

v$r%(%user interface

user experience

Page 4: If the User Can't Use It, It Doesn't Work

Bad UI... Less Terrible UX

Page 5: If the User Can't Use It, It Doesn't Work

Bad UX... Pretty UI

Page 6: If the User Can't Use It, It Doesn't Work

user interfaceUI is typically a combination of visual design (the look and feel) and the interaction design (how it works)

Page 7: If the User Can't Use It, It Doesn't Work

user experienceUX design deals with the overall experience associated with the use of a product or service.

Page 8: If the User Can't Use It, It Doesn't Work

- D)*& M*++$r

User Interface is the saddle, the stirrups, and

the reigns. User Experience is the

feeling you get being able to ride the horse.

http://www.webdesignerdepot.com/2012/06/ui-vs-ux-whats-the-difference/

Page 9: If the User Can't Use It, It Doesn't Work

User Experience

how Valuable

is it?

http://dryicons.com/

The Secret user centered

design process

• process• tools• resources

Page 10: If the User Can't Use It, It Doesn't Work

U%$r ,-$r*$&.$

how Valuable?

Page 11: If the User Can't Use It, It Doesn't Work

$550 Billion

Page 12: If the User Can't Use It, It Doesn't Work

- S!$v$ J#/

Some people think design means how it looks.  

But, of course, if you dig deeper,

it's really how it works.

Page 14: If the User Can't Use It, It Doesn't Work

http://www.fotopedia.com/items/flickr-2066055069

Page 15: If the User Can't Use It, It Doesn't Work
Page 16: If the User Can't Use It, It Doesn't Work
Page 17: If the User Can't Use It, It Doesn't Work

$220 Billion

Page 19: If the User Can't Use It, It Doesn't Work
Page 20: If the User Can't Use It, It Doesn't Work
Page 21: If the User Can't Use It, It Doesn't Work

3$ 1*""$& .4!%

Support/training

Page 22: If the User Can't Use It, It Doesn't Work

W1)! *%

The Secret?

Page 23: If the User Can't Use It, It Doesn't Work
Page 24: If the User Can't Use It, It Doesn't Work
Page 25: If the User Can't Use It, It Doesn't Work
Page 26: If the User Can't Use It, It Doesn't Work

3$ S$.r$!:

Honor the user’s intent.

Page 27: If the User Can't Use It, It Doesn't Work

Creators/Users

Page 28: If the User Can't Use It, It Doesn't Work

Creators Users

Page 29: If the User Can't Use It, It Doesn't Work

H#w !# Cr$)!$ Pr#"(.!% (%*&0 )

User CenteredDesign process

Page 30: If the User Can't Use It, It Doesn't Work
Page 31: If the User Can't Use It, It Doesn't Work
Page 32: If the User Can't Use It, It Doesn't Work

Personas

Page 33: If the User Can't Use It, It Doesn't Work
Page 34: If the User Can't Use It, It Doesn't Work

5 why whywhy why why

http://en.wikipedia.org/wiki/5_Whys

Page 35: If the User Can't Use It, It Doesn't Work
Page 36: If the User Can't Use It, It Doesn't Work

Sythesize

Page 37: If the User Can't Use It, It Doesn't Work

Sythesize

Page 38: If the User Can't Use It, It Doesn't Work

Sythesize

Page 39: If the User Can't Use It, It Doesn't Work
Page 40: If the User Can't Use It, It Doesn't Work

imitation vs mastery•Inspiration Libraries

•Design Patterns

•Principles

•Heuristics

Page 41: If the User Can't Use It, It Doesn't Work

Inspiration Library (Evernote)

Page 42: If the User Can't Use It, It Doesn't Work

Design Patterns

Page 43: If the User Can't Use It, It Doesn't Work

Design Patterns

Page 44: If the User Can't Use It, It Doesn't Work

Design Patterns

Page 45: If the User Can't Use It, It Doesn't Work

- [Patternry](http://www.patternry.com/)

- [TimeTripper](http://www.time-tripper.com/uipatterns/)

- [Yahoo Patterns](http://developer.yahoo.com/ypatterns/)

- [Quince](http://quince.infragistics.com)

- [UI Patterns](http://ui-patterns.com/)

- [Welie](http://www.welie.com/patterns)

Design Patterns

Page 46: If the User Can't Use It, It Doesn't Work

Sketch

Page 47: If the User Can't Use It, It Doesn't Work

Sketch

Page 48: If the User Can't Use It, It Doesn't Work
Page 49: If the User Can't Use It, It Doesn't Work

Usability Testing

Page 50: If the User Can't Use It, It Doesn't Work
Page 51: If the User Can't Use It, It Doesn't Work

Balsamiq Mockupshttp://www.balsamiq.com/products/mockups

Page 52: If the User Can't Use It, It Doesn't Work

Interactive Prototype

Page 53: If the User Can't Use It, It Doesn't Work
Page 54: If the User Can't Use It, It Doesn't Work
Page 55: If the User Can't Use It, It Doesn't Work
Page 56: If the User Can't Use It, It Doesn't Work
Page 57: If the User Can't Use It, It Doesn't Work

I! "#$% &#! w#r'...IfTheusercan’tUseIt

Luke ChardeUser Experience Lead, NYS Dept of Labor (title quote by Susan Dray)

Page 58: If the User Can't Use It, It Doesn't Work

Further Exploration

- [Smashing Magazine](http://uxdesign.smashingmagazine.com/)

- [UX Stack Exchange](http://ux.stackexchange.com/)