Amanda JahnBarcamp London Presenta0on June 2008

User Experience Design for Non‐Designers

• Originally from Australia.

• Working as a UX designer since 2001.

• Worked for clients such as BeneEon, CadburySchweppes, S&N and French Connec0on.

• Been working for Yahoo! since 2006.

• Currently Lead UX Designer for Yahoo! Answers.

A li9le about me…

Good design is important.

Although you don’t need me to tell you that!

http://www.flickr.com/photos/futureshape/571304550/

• Use exis0ng data that you have from user tes0ng,customer service emails, search logs, blogs and sugges0onboards.

• Once you have that data, create personas based on thatdata.

• Your persona should cover their likes, dislikes, backgroundand behaviour.

Know your users

My Persona for Today

Basing personas on someone you know makes them more realis0c

So this is Brad covered!

What is important to your users?http://www.flickr.com/photos/photosydney/103834807/

Know what your users want

Just because you can build something flashy and amazing doesn’t mean you should!http://www.flickr.com/photos/amygwen/441341485/

• Brainstorm possible scenarios for use. What are theytrying to achieve on  your site?

• Once you have created an ini0al structure for your site,validate it against these user goals.

• Priori0se for your key personas. These are the users whowill use the site most and probably generate the mostrevenue. Look aYer them!

Help them achieve their goals

Make it easy to get involved

Consider the experience on different pla[orms and make it easy to par0cipate

http://www.flickr.com/photos/essjay/2333293471/

• Other forms of accessing the internet are only going to getmore popular in the future.

• In the UK, 17 million people accessed the Internet on theirphone in December. This equates to 23% of mobile usersin UK

• Think about the top 5 user goals and design your mobileexperience around that.

People aren’t just using computers

Twi9er on Mobile

Op0mised for key goals of the site. No 1: What are you doing

http://www.flickr.com/photos/guanajuato/416946049/

• Don’t make users jump through hoops! They will simplynot bother.

• Give them a clear incen0ve to join.

• Even beEer, remove the registra0on process altogether.

Low Barrier to Entry

Tripit makes joining easy

All you have to do is send your confirma0on email from your travel provider

So now we can colour in…

…because that’s what design is all about isn’t it?

http://www.flickr.com/photos/balakov/312352969/

• User Experience Design covers a lot of things likeInforma0on Architecture, Copywri0ng and Interac0onDesign which all come before the visual design.

• Here are some good reference books:

Well not quite yet!

InformaRon Architecture for the World WideWeb: Designing Large‐Scale Web Sites(Paperback) by Louis Rosenfeld (Author),Peter Morville (Author)

Hot Text: Web WriRng That Works(Paperback) by Lisa Price (Author), JonathanPrice (Author)

Designing Interfaces: Pa9erns for EffecRveInteracRon Design (Paperback) by JeniferTidwell (Author)

• Learn the basics of design!

• This usually encompasses the following: Balance,Proximity, Alignment, Repe00on, Contrast and WhiteSpace.

OK, now pencils at the ready!

Graphic Design School: The Principles andPracRces of Graphic Design (Paperback) byDavid Dabner (Author)

Wireframing is easy!

It also helps stakeholders focus on the content, not how it looks

http://www.flickr.com/photos/activeside/2180785371/

Just because you can…

Doesn’t mean you should!

• As you put elements on the page ask yourself– Why am I adding this?

– How is this helping the experience?

– Will it detract from the experience if I don’t have it?

• Try removing all the visual treatment from your site andadd them in one at a 0me.

• Another trick is to turn your screenshots black and white,blur it slightly and see what stands out. The focal point ofyour page should s0ll be clear.

Keep it simple, stupid

When things go wrong

…because unfortunately they will at some point

http://www.flickr.com/photos/blakesamic/2151717824/

• You are probably people who are responsible for makingsure things work. Ensuring your site is stable and bug‐freeis one of the most important things you can do.

• When things do go wrong, make sure you explain whathappened and provide an alterna0ve or next steps totake.

• Pay special aEen0on to your form design.

So what do you do?

Leverage other people

Use their skills and their opinions to improve your designs

http://www.flickr.com/photos/revcyborg/5228173/

• One of the developers on my team is excellent when itcomes to detec0ng edge cases. He’s like my seconddefense to make sure everything is covered.

• Community Managers are great at iden0fying tensionhotspots and how to mi0gate abuse.

• Think about what skills other people have and how theycan help you!

So what do you do?

Thanks for your Rme

Any Ques0ons?

http://www.flickr.com/photos/psd/2086641/