Presentation given at Bar Camp London 4 by Amanda Jahn. Aimed at "non-designers", it's a quick run-through on how they could improve their User Experience Design.

1. User Experience Design
for Non‐Designers
Amanda Jahn
Barcamp London Presenta0on June 2008

2. A li9le about me…
• Originally from Australia.
• Working as a UX designer since 2001.
• Worked for clients such as BeneEon, Cadbury
Schweppes, S&N and French Connec0on.
• Been working for Yahoo! since 2006.
• Currently Lead UX Designer for Yahoo! Answers.

3. Good design is important.
Although you don’t need me to tell you that!
http://www.flickr.com/photos/futureshape/571304550/

4. Know your users
• Use exis0ng data that you have from user tes0ng,
customer service emails, search logs, blogs and sugges0on
boards.
• Once you have that data, create personas based on that
data.
• Your persona should cover their likes, dislikes, background
and behaviour.

5. My Persona for Today
Basing personas on someone you know makes them more realis0c

6. So this is Brad covered!
What is important to your users?
http://www.flickr.com/photos/photosydney/103834807/

7. 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/

8. Help them achieve their goals
• Brainstorm possible scenarios for use. What are they
trying 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 who
will use the site most and probably generate the most
revenue. Look aYer them!

9. 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/

10. People aren’t just using computers
• Other forms of accessing the internet are only going to get
more popular in the future.
• In the UK, 17 million people accessed the Internet on their
phone in December. This equates to 23% of mobile users
in UK
• Think about the top 5 user goals and design your mobile
experience around that.

11. Twi9er on Mobile
Op0mised for key goals of the site. No 1: What are you doing
http://www.flickr.com/photos/guanajuato/416946049/

12. Low Barrier to Entry
• Don’t make users jump through hoops! They will simply
not bother.
• Give them a clear incen0ve to join.
• Even beEer, remove the registra0on process altogether.

13. Tripit makes joining easy
All you have to do is send your confirma0on email from your travel provider

14. So now we can colour in…
…because that’s what design is all about isn’t it?
http://www.flickr.com/photos/balakov/312352969/

15. Well not quite yet!
• User Experience Design covers a lot of things like
Informa0on Architecture, Copywri0ng and Interac0on
Design which all come before the visual design.
• Here are some good reference books:
InformaRon Architecture for the World Wide Hot Text: Web WriRng That Works
Designing Interfaces: Pa9erns for EffecRve
Web: Designing Large‐Scale Web Sites (Paperback) by Lisa Price (Author), Jonathan
InteracRon Design (Paperback) by Jenifer
(Paperback) by Louis Rosenfeld (Author), Price (Author)
Tidwell (Author)
Peter Morville (Author)

16. OK, now pencils at the ready!
• Learn the basics of design!
• This usually encompasses the following: Balance,
Proximity, Alignment, Repe00on, Contrast and White
Space.
Graphic Design School: The Principles and
PracRces of Graphic Design (Paperback) by
David Dabner (Author)

17. Wireframing is easy!
It also helps stakeholders focus on the content, not how it looks
http://www.flickr.com/photos/activeside/2180785371/

18. Just because you can…
Doesn’t mean you should!

19. Keep it simple, stupid
• 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 and
add 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 of
your page should s0ll be clear.

20. When things go wrong
…because unfortunately they will at some point
http://www.flickr.com/photos/blakesamic/2151717824/

21. So what do you do?
• You are probably people who are responsible for making
sure things work. Ensuring your site is stable and bug‐free
is one of the most important things you can do.
• When things do go wrong, make sure you explain what
happened and provide an alterna0ve or next steps to
take.
• Pay special aEen0on to your form design.

22. Leverage other people
Use their skills and their opinions to improve your designs
http://www.flickr.com/photos/revcyborg/5228173/

23. So what do you do?
• One of the developers on my team is excellent when it
comes to detec0ng edge cases. He’s like my second
defense to make sure everything is covered.
• Community Managers are great at iden0fying tension
hotspots and how to mi0gate abuse.
• Think about what skills other people have and how they
can help you!

24. Thanks for your Rme
Any Ques0ons?
http://www.flickr.com/photos/psd/2086641/