ux for developers

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/