ux for developers
DESCRIPTION
TRANSCRIPT
User Experiencefor Developers
Pek Pongpaet@pekpongpaet #cwc
ChicagoWebConf 2012 #cwc
User Experiencefor Developers
Pek Pongpaet@pekpongpaet #cwc
ChicagoWebConf 2012 #cwc
(non-humans)
Pek Pongpaet
<Code/>
UX
Why Should I Care?
http://www.slideshare.net/firstpinkgirl/the-importance-of-user-experience-for-developers
“Every $1 invested in usability returns between
$10 and $100” - IBM
Metrics UX Improves
• reduced support costs
• customer retention length
• higher customer satisfaction
• brand awareness
• category leadership
• higher price points
• industry accolades
• proliferation, integration (like Twitter)
• no cost marketing (word of mouth, free pr)
What is UX?
User Needs
User NeedsTechnical
Requirements
User NeedsTechnical
Requirements
BusinessObjectives
User NeedsTechnical
Requirements
BusinessObjectives
Sweet spot
UX Lessons for Developers
"Good artists copy, great artists steal."
- Pablo Picasso
Make it Faster
0.5s increase = 20% drop in ad rev
100ms+ = -1% sales
Reduce Friction
Reduce Inconsistency
Web
iPad
Kill Features
Be like Edison
“I tested no fewer than 6,000 vegetable growths, and ransacked the world for the most suitable filament material.”
- Thomas Edison
http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page
Tell people what to do
vs
“Force the user to take actions e.g. don't allow them to click the logo in the header and "escape
out the flow”- Andy Johns, Product Manager of User Growth at Quora
First Encounter
First EncounterImpression
How are people viewing your product?
10x10 pixels
not usable
Tools
Step 1: Draw
Step 2: Take Picture
Step 3: Enjoy
follow me on twitter
@pekpongpaet
Resources• http://www.mobile-patterns.com/
• http://inspired-ui.com/
• http://patterntap.com/
• http://productplanner.com/
• http://fieldtestapp.com/
• http://www.uistencils.com/
• http://www.pinstagram.co/
• http://itunes.apple.com/us/app/