User Experience Design For Non Designers

5,816 views
5,726 views

Published on

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.

Published in: Technology, Design
1 Comment
32 Likes
Statistics
Notes
No Downloads
Views
Total views
5,816
On SlideShare
0
From Embeds
0
Number of Embeds
85
Actions
Shares
0
Downloads
462
Comments
1
Likes
32
Embeds 0
No embeds

No notes for slide

User Experience Design For Non Designers

  1. 1. User Experience Design  for Non‐Designers Amanda Jahn Barcamp London Presenta0on June 2008
  2. 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. 3. Good design is important. Although you don’t need me to tell you that! http://www.flickr.com/photos/futureshape/571304550/
  4. 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. 5. My Persona for Today Basing personas on someone you know makes them more realis0c
  6. 6. So this is Brad covered! What is important to your users? http://www.flickr.com/photos/photosydney/103834807/
  7. 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. 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. 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. 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. 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. 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. 13. Tripit makes joining easy All you have to do is send your confirma0on email from your travel provider
  14. 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. 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. 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. 17. Wireframing is easy! It also helps stakeholders focus on the content, not how it looks http://www.flickr.com/photos/activeside/2180785371/
  18. 18. Just because you can… Doesn’t mean you should!
  19. 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. 20. When things go wrong …because unfortunately they will at some point http://www.flickr.com/photos/blakesamic/2151717824/
  21. 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. 22. Leverage other people Use their skills and their opinions to improve your designs http://www.flickr.com/photos/revcyborg/5228173/
  23. 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. 24. Thanks for your Rme Any Ques0ons? http://www.flickr.com/photos/psd/2086641/

×