User Experience Design For Non Designers

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    16 Favorites

    User Experience Design For Non Designers - Presentation Transcript

    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/

    + Amanda JahnAmanda Jahn, 2 years ago

    custom

    2332 views, 16 favs, 0 embeds more stats

    Presentation given at Bar Camp London 4 by Amanda J more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 2332
      • 2332 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 16
    • Downloads 246
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories