View
506
Download
0
Embed Size (px)
DESCRIPTION
11/29/2012 Guest Lecture SUNY IST 535 Web Database Programming
Citation preview
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)
MyPerspective
User Experience &Interface Design Lead
1999 2012
New York State
v$r%(%user interface
user experience
Bad UI... Less Terrible UX
Bad UX... Pretty UI
user interfaceUI is typically a combination of visual design (the look and feel) and the interaction design (how it works)
user experienceUX design deals with the overall experience associated with the use of a product or service.
- 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/
User Experience
how Valuable
is it?
http://dryicons.com/
The Secret user centered
design process
• process• tools• resources
U%$r ,-$r*$&.$
how Valuable?
$550 Billion
- S!$v$ J#/
Some people think design means how it looks.
But, of course, if you dig deeper,
it's really how it works.
http://www.fotopedia.com/items/flickr-2066055069
http://www.fotopedia.com/items/flickr-2066055069
$220 Billion
-G##0+$ P1*#+%#-12: P#*&! #1
Focus on the userand all else will follow.
http://www.google.com/about/company/philosophy/
3$ 1*""$& .4!%
Support/training
W1)! *%
The Secret?
3$ S$.r$!:
Honor the user’s intent.
Creators/Users
Creators Users
H#w !# Cr$)!$ Pr#"(.!% (%*&0 )
User CenteredDesign process
Personas
5 why whywhy why why
http://en.wikipedia.org/wiki/5_Whys
Sythesize
Sythesize
Sythesize
imitation vs mastery•Inspiration Libraries
•Design Patterns
•Principles
•Heuristics
Inspiration Library (Evernote)
Design Patterns
Design Patterns
Design Patterns
- [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
Sketch
Sketch
Usability Testing
Balsamiq Mockupshttp://www.balsamiq.com/products/mockups
Interactive Prototype
I! "#$% &#! w#r'...IfTheusercan’tUseIt
Luke ChardeUser Experience Lead, NYS Dept of Labor (title quote by Susan Dray)
Further Exploration
- [Smashing Magazine](http://uxdesign.smashingmagazine.com/)
- [UX Stack Exchange](http://ux.stackexchange.com/)
thank you!
www.albanyUX.org www.linkedin.com/in/lukecharde @lukecharde