UX For Developers

Post on 28-Jan-2015

120 views 3 download

Tags:

description

UX and usability is an important part of your website and your business. This presentation (although, out of context without a bit of audio!) helps you understand the key points of UX and Usability from a developers point of view.

Transcript of UX For Developers

UX FORDEVELOPERS

Mike PearcePHP London January 11’

Sponsored by...

We’re hiring!

Mike Pearce

http://social-network.com

/MikePearce

SCRUM

SCRUM

UX & USABILITY

Feeling stupid?Stupid MY WAY though, right?

http://www.flickr.com/photos/cennydd/3191424928/

UX USABILITY!==

Usabilityhttp://www.flickr.com/photos/squirmelia/1840201/

User Experiencehttp://www.flickr.com/photos/mr_t_in_dc/4324217998/

User Experiencehttp://www.flickr.com/photos/mr_t_in_dc/4324217998/

Engaging, right?

Wait!

http://www.flickr.com/photos/ideaconstructor/126678021/

This packaging stinks...

#web-site-ux {size: small !important

}

#web-site-ux usability {size: large !important

{

#web-site-ux {size: small !important

}

#web-site-ux usability {size: large !important

}

Great!

Butwhy do we

care?

BecauseIt’s a nice thing to do...

http://www.flickr.com/photos/_tar0_/5031998865/

MILK != SOY

NOT SOY!

http://www.flickr.com/photos/plutor/77256105/

http://www.flickr.com/photos/micahtaylor/4366221069/

don’t ruin someones day!So...

Seriously, wtf?

http://www.flickr.com/photos/squidthing/4476203463/

Becauseit makes your site better!

Becauseit makes you more money!

or your boss

^

Anyway

http://www.flickr.com/photos/fernando/141222763/

http://www.flickr.com/photos/kaibara/2601999508/

Don’t make me think!

Cognitiveload

http://www.flickr.com/photos/29487767@N02/2845044715/

Makingsense of

stimulus

Working out how to

do shit!

DEVELOPERS != USERS

http://www.flickr.com/photos/winterofdiscontent/3320379277/

VICTORY!

THINK

THINK

THINK

THINK

overloaded!

http://www.flickr.com/photos/andreasl/4558473029/

How manyCLICKS?

10?

two camps ... geddit?

http://www.flickr.com/photos/yogma/2498362154/

frictio

n

Don’t make me thinkI’m

stupid!http://www.flickr.com/photos/bionicteaching/2769665232/

Usersblamethemselves

Usersblamethemselves

it’s a bit sad really

*sob*

my conceptual model^

http://www.flickr.com/photos/lapolab/5140120870/

http://www.flickr.com/photos/rickharris/943223139

affordances

perceivedand actual

properties

perceivedand actual

propertiesof a thing

arrows

http://www.flickr.com/photos/yjv/2910922647/

search >

> search

search >

> search

search >

> search

causeand

effect

http://www.flickr.com/photos/theconfluence/2396660387/

feedback

Idiot, scan your card...

UXin

practice

$privacy--;http://www.flickr.com/photos/markhogan/5123954977/

It’s a bittough

But don’tgive up!

They’rewrong!

‘American needs you’ man

INTERNET

EARLYStart

Spy on yourcompetitors

Do you really need

that much content?

Usabilitytesting

http://www.flickr.com/photos/sidelong/246816211/

It’s really notpossiblefor us to do

It’s tooexpen$ive

(5(a) * 3.99) + (5(b) * 30)= 169.95 (a) Sandwiches(b) Testers

Locatingprofiledtesters takes

aaaages!

Buildingprototypes

is toocostly!

thendon’t!

5html

But I don’t know

howto run a test!

about?What is this page

and

do a taskShow me how you would

narrate

... then I click on the ‘search’ button and ... what the hell, a 404? What jackass built this?

http://www.flickr.com/photos/sugarpond/3016905349/

http://silverbackapp.com

Insummary

http://www.flickr.com/photos/llauren/4207737949/

Don’t make me

think!http://www.flickr.com/photos/kaibara/2601999508/

Don’t make me thinkI’m

stupid!http://www.flickr.com/photos/bionicteaching/2769665232/

feedback

http://www.flickr.com/photos/theconfluence/2396660387/

‘American needs you’ man

INTERNET

If you only read one

If you read two

If you don’t do books

Jakob Nielsen useit.com