if the user can't use it, it doesn't work
Post on 21-Oct-2014
511 views
DESCRIPTION
11/29/2012 Guest Lecture SUNY IST 535 Web Database ProgrammingTRANSCRIPT
![Page 1: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/2.jpg)
MyPerspective
User Experience &Interface Design Lead
1999 2012
New York State
![Page 3: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/3.jpg)
v$r%(%user interface
user experience
![Page 4: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/4.jpg)
Bad UI... Less Terrible UX
![Page 5: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/5.jpg)
Bad UX... Pretty UI
![Page 6: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/8.jpg)
- 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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/10.jpg)
U%$r ,-$r*$&.$
how Valuable?
![Page 11: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/11.jpg)
$550 Billion
![Page 12: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/12.jpg)
- 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 13: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/13.jpg)
http://www.fotopedia.com/items/flickr-2066055069
![Page 14: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/14.jpg)
http://www.fotopedia.com/items/flickr-2066055069
![Page 15: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/15.jpg)
![Page 16: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/16.jpg)
![Page 17: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/17.jpg)
$220 Billion
![Page 18: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/18.jpg)
-G##0+$ P1*#+%#-12: P#*&! #1
Focus on the userand all else will follow.
http://www.google.com/about/company/philosophy/
![Page 19: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/19.jpg)
![Page 20: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/20.jpg)
![Page 21: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/21.jpg)
3$ 1*""$& .4!%
Support/training
![Page 22: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/22.jpg)
W1)! *%
The Secret?
![Page 23: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/23.jpg)
![Page 24: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/24.jpg)
![Page 25: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/25.jpg)
![Page 26: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/26.jpg)
3$ S$.r$!:
Honor the user’s intent.
![Page 27: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/27.jpg)
Creators/Users
![Page 28: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/28.jpg)
Creators Users
![Page 29: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/29.jpg)
H#w !# Cr$)!$ Pr#"(.!% (%*&0 )
User CenteredDesign process
![Page 30: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/30.jpg)
![Page 31: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/31.jpg)
![Page 32: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/32.jpg)
Personas
![Page 33: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/33.jpg)
![Page 34: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/34.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/35.jpg)
![Page 36: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/36.jpg)
Sythesize
![Page 37: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/37.jpg)
Sythesize
![Page 38: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/38.jpg)
Sythesize
![Page 39: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/39.jpg)
![Page 40: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/40.jpg)
imitation vs mastery•Inspiration Libraries
•Design Patterns
•Principles
•Heuristics
![Page 41: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/41.jpg)
Inspiration Library (Evernote)
![Page 42: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/42.jpg)
Design Patterns
![Page 43: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/43.jpg)
Design Patterns
![Page 44: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/44.jpg)
Design Patterns
![Page 45: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/45.jpg)
- [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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/46.jpg)
Sketch
![Page 47: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/47.jpg)
Sketch
![Page 48: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/48.jpg)
![Page 49: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/49.jpg)
Usability Testing
![Page 50: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/50.jpg)
![Page 51: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/51.jpg)
Balsamiq Mockupshttp://www.balsamiq.com/products/mockups
![Page 52: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/52.jpg)
Interactive Prototype
![Page 53: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/53.jpg)
![Page 54: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/54.jpg)
![Page 55: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/55.jpg)
![Page 56: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/56.jpg)
![Page 57: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/57.jpg)
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](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/58.jpg)
Further Exploration
- [Smashing Magazine](http://uxdesign.smashingmagazine.com/)
- [UX Stack Exchange](http://ux.stackexchange.com/)
![Page 59: If the User Can't Use It, It Doesn't Work](https://reader033.vdocuments.mx/reader033/viewer/2022061106/5446432aafaf9f55178b45f0/html5/thumbnails/59.jpg)
thank you!
www.albanyUX.org www.linkedin.com/in/lukecharde @lukecharde