Ajaxworld Final L Gray


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Ajaxworld Final L Gray

  1. 1. User Experience & RIA’s: How does it all come together? Laurie Gray AJAXWorld October 22, 2008
  2. 2. UX & RIA’s 10-22-08 Agenda Intro Goals of this presentation How did we get here? Boiling it down Working on your own Wrapup Laurie Gray lgray@onespring.net
  3. 3. UX & RIA’s 10-22-08 Intro: Me Usability engineer Usability specialist User Experience architect Atlanta Laurie Gray lgray@onespring.net
  4. 4. UX & RIA’s 10-22-08 Intro: You UX Group? Product managers? Designers? Solo or team? Laurie Gray lgray@onespring.net
  5. 5. UX & RIA’s 10-22-08 The good news about this presentation You’ll leave here with an understanding of what it takes to make a dynamic interface usable You’ll have specific tools to use in your work What I’m talking about applies to any technology, any platform. Laurie Gray lgray@onespring.net
  6. 6. UX & RIA’s 10-22-08 The bad news about this presentation No code samples Laurie Gray lgray@onespring.net
  7. 7. UX & RIA’s 10-22-08 Getting started... Laurie Gray
  8. 8. UX & RIA’s 10-22-08 “Those who cannot learn from history are doomed to repeat it.” -Santayana Laurie Gray lgray@onespring.net
  9. 9. UX & RIA’s 10-22-08 Frederick Taylor A Brief History of User 1911 Experience Laurie Gray lgray@onespring.net
  10. 10. UX & RIA’s 10-22-08 WWI 1914-1918 1930’s 1941-1945 1945-1965 Laurie Gray lgray@onespring.net
  11. 11. UX & RIA’s 10-22-08 1914-1918 1930’s 1941-1945 1945-1965 Military Applications and Simulations Laurie Gray lgray@onespring.net
  12. 12. UX & RIA’s 10-22-08 WWII: A shift in thinking - make it work for everyone 1914-1918 1930’s 1941-1945 1945-1965 Laurie Gray lgray@onespring.net
  13. 13. UX & RIA’s 10-22-08 1914-1918 1930’s 1941-1945 1945-1965 Postwar period Laurie Gray lgray@onespring.net
  14. 14. UX & RIA’s 10-22-08 Postmodern period But then... 1965-present ...there’s the Web Laurie Gray lgray@onespring.net
  15. 15. UX & RIA’s 10-22-08 Human Factors ? Usability Interaction Design User Experience Experience Design Laurie Gray lgray@onespring.net
  16. 16. UX & RIA’s 10-22-08 The bottom line: We want to make stuff easy for people to use. The goal: the interface should be so transparent that users don’t even need to think about it, and it should never, ever disrupt them from the task of why they came to the site to begin with. But how? Laurie Gray lgray@onespring.net
  17. 17. UX & RIA’s 10-22-08 The secret: We observe users carefully We understand how people think Laurie Gray lgray@onespring.net
  18. 18. UX & RIA’s 10-22-08 The game has changed. Laurie Gray
  19. 19. UX & RIA’s 10-22-08 Amazing transactional capability means changes in flow, navigation, and content, impacting concepts such as personalization and customization. Visually moving, transactional GUIs are forcing us to think differently about web conventions, web controls, content, and navigation as well, but even as it becomes more mainstream we can be certain that our users are not thinking about this in the same way we do. -Me Laurie Gray lgray@onespring.net
  20. 20. UX & RIA’s 10-22-08 “Those who cannot learn from history are doomed to repeat it.” -Santayana Laurie Gray lgray@onespring.net
  21. 21. UX & RIA’s 10-22-08 The deal with dynamic applications Heritage from a usability perspective: Nielsen’s 2000 article “Flash: 99% Bad”: encourages design abuse breaks web fundamentals distracts from a site’s core values and more... Laurie Gray lgray@onespring.net
  22. 22. UX & RIA’s 10-22-08 So what’s the problem? Many of the same complaints are being levied against dynamic applications: encourages design abuse breaks web fundamentals what about accessibility? Laurie Gray lgray@onespring.net
  23. 23. UX & RIA’s 10-22-08 How you fit into the equation: Devsigner: Tools are forcing developers to think more like designers than ever before. Good news: you can learn to design for your users. Great news: it’s not that painful or hard. Laurie Gray lgray@onespring.net
  24. 24. UX & RIA’s 10-22-08 How do you create a GUI? Borrow code/use libraries Copy existing apps Talk to your colleagues Hire a consultant Make it up as you go Just dig in! Laurie Gray lgray@onespring.net
  25. 25. UX & RIA’s 10-22-08 You don’t have to be a designer. You just have to design the right things, well. It’s not rocket science. It’s not magic. Laurie Gray
  26. 26. UX & RIA’s 10-22-08 Here’s your to-do list. Laurie Gray
  27. 27. UX & RIA’s 10-22-08 1. Create your roadmap Are you building a lending library or gas station? Who are your allies? Create your own plans if you don’t have the external resources to do them for you. Make sure you have agreement and buy in. Recognize your boundaries and constraints. Laurie Gray lgray@onespring.net
  28. 28. UX & RIA’s 10-22-08 2. Keep the user squarely in your sights. Who is your user? Ever heard of personas? Innovation for the sake of innovation is not always good. Not everything needs to look and work like Facebook. Laurie Gray lgray@onespring.net
  29. 29. UX & RIA’s 10-22-08 3. Have a plan. Before you start building, have a plan: When? How big? For whom? The 80/20 rule is immensely helpful in these discussions. Laurie Gray lgray@onespring.net
  30. 30. UX & RIA’s 10-22-08 4. Don’t make your users relearn everything. What my grandmother knows about the Web: I enter stuff in forms. I click on buttons. They do stuff. I click on links. They take me places. I want it to be simple. Laurie Gray lgray@onespring.net
  31. 31. UX & RIA’s 10-22-08 Dailyplate.com mini-review Laurie Gray lgray@onespring.net
  32. 32. UX & RIA’s 10-22-08 5. Create and use patterns It’s ok to set new directions - sensibly and within reason If you can’t be standard with everyone else, at least be standard with yourself. Ultimately, it will make your work easier. Consider iPhone, Yahoo as models Laurie Gray lgray@onespring.net
  33. 33. UX & RIA’s 10-22-08 Bonus! How do you know when you’re done? Ask your users - did you do what you set out to do? use your avenues of contact request feedback on the site create a user advisory board failing all else, ask your grandmother Laurie Gray lgray@onespring.net
  34. 34. UX & RIA’s 10-22-08 Party Favors www.onespring.net/ajaxworld: roadmap planning document user thumbnail capture document project scoping document basic usability rules application evaluation document Laurie Gray lgray@onespring.net
  35. 35. UX & RIA’s 10-22-08 The bare minimum reading list Don’t Make Me Think - Steve Krug The Inmates are Running the Asylum - Alan Cooper Web Application Form Design - Luke Wroblewski Designing Web Usability - Jakob Nielsen Information Architecture for the World Wide Web - Louis Rosenfeld Edward Tufte’s Information Design series (4) Designing Interfaces - Jenifer Tidwell Handbook of Usability Testing - Jeffrey Rubin Laurie Gray lgray@onespring.net
  36. 36. UX & RIA’s 10-22-08 Contact me lgray@onespring.net Laurie Gray lgray@onespring.net
  37. 37. UX & RIA’s 10-22-08 Thanks! Laurie Gray