When Interface Design Attacks


Published on

Published in: Business, Technology
  • That's excellent job. Good work on interface design.

    Darren Mack
    Are you sure you want to  Yes  No
    Your message goes here
  • Very interesting ppt. The research indicated PPT only contains 30% of information; therefore the 70% valuable information comes from the presenter himself/herself. soEZLecturing.com provides you a chance to record your voice with your PowerPoint presentation and upload to the website. It can share with more readers and also promote your presentation more effectively on soEZLecturing.com.

    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

When Interface Design Attacks

  1. 1. Don’t let this be you
  2. 2. it probably has been you
  3. 3. when interface design ATTACKS! Sanity in Interface Design for Developers (Yes, it’s possible!) Amy Hoy (http://www.slash7.com/), OSCON 2006
  4. 4. Developer, n. Wears many hats
  5. 5. Development
  6. 6. Security Development
  7. 7. Security Development Testing
  8. 8. Security Development Testing Interface Design??
  9. 9. you want me to wear what??
  10. 10. the setup or, what i’m going to try to convince you is good for you
  11. 11. user interface is critical
  12. 12. effectiveness is important, but...
  13. 13. people have feelings about software.
  14. 14. oh brother, not this kumbaya BS again Photo © Malingering, http://www.flickr.com/people/malingering/
  15. 15. feelings can make or lose you $$$$$$$$
  16. 16. THE SCIENCE PEOPLE SAY user interface is science and good business
  17. 17. what is user interface? or, all the bits and pieces you should worry about (and may not have been worrying about hitherto)
  18. 18. the stuff you see and click on. durrrr.
  19. 19. interface expectations interaction behavior
  20. 20. interface expectations interaction behavior expectations the stuff that your user brings to the relationship—in some cases, baggage
  21. 21. interface expectations interaction behavior interaction itself what people typically think of as usability—what happens when i click here? how do i get to my account?
  22. 22. interface expectations interaction behavior oh, behave humans love to attribute personalities to inanimate things. your software has a personality. do you know what it is?
  23. 23. basic principles don’t leave home without it. don’t design interfaces without it.
  24. 24. THE SCIENCE PEOPLE SAY users’ brains are affected by literacy
  25. 25. your brain on UI
  26. 26. start emphasis line endings have visual emphasis (the pause) end no emphasis your brain on UI
  27. 27. THE SCIENCE PEOPLE SAY users adapt to web design
  28. 28. still visually prominent when not actively searching tuned out
  29. 29. THE SCIENCE PEOPLE SAY if it looks like an ad, they’ll ignore it
  30. 30. THE SCIENCE PEOPLE SAY users “satisfice” or give up
  31. 31. below the “fold” some users never scroll at all
  32. 32. THE SCIENCE PEOPLE SAY users scan in predictable patterns
  33. 33. 4 when 1 actively 2 3 searching almost always ignored
  34. 34. THE SCIENCE PEOPLE SAY 30-40% of users have “low literacy”
  35. 35. I read slowly, but i’m not worthless. :(
  36. 36. take action real stuff you can do right now to improve your interfaces
  37. 37. take-action solutions for: Low Literacy keep it simple break text into paragraphs highlight key text Use Headings • And • Bulleted Lists
  38. 38. take-action solutions for: Forms: Labels Use label tags <input type=”checkbox” name=”field_name” /> <label for=”field_name”>Checkbox</label> Give inline hints for fields Contents (possibly label hint examples) and behavior
  39. 39. take-action solutions for: Forms: Label Layout Easier to scan Labels on top Easier to read Hints should stand out label hint
  40. 40. take-action solutions for: Forms: Segmentation Simple segmentation gives momentum & direction Headings Simple horizontal rules Subtle color blocks Numbered steps
  41. 41. take-action solutions for: Forms: Segmentation doesn't require tip segmentation inline context
  42. 42. Forms: Segmentation scaling help messages tips in sectioning action content clue
  43. 43. Forms: Segmentation help message sectioning inline context
  44. 44. take-action solutions for: Forms: Buttons Make it tough to accidentally click Describe results in Don’t Do This! clear English De-emphasize or even remove negative action choices
  45. 45. take-action solutions for: Forms: Field Types Field types matter Users will “satisfice” when there are hidden options Selects should be avoided Especially multi-selects Provide both positive and negative choices (yes/no) when the user may want to “say no” Just one choice per line, please!
  46. 46. take-action solutions for: Tip: Address Forms here's another idea: save people even more time... place the most likely choices at the top.
  47. 47. take-action solutions for: Tip: Dates Selects
  48. 48. Tip: Ordering Pages
  49. 49. take-action solutions for: Tip: Caveat User People don’t know what they want. They just think they do.
  50. 50. more resources or, visit my web site for a list of these things so you don’t have to remember them all
  51. 51. Books
  52. 52. Sites & Blogs Creating Passionate Users Kathy Sierra LukeW Interface Designs Luke Wroblewski UsabilityWorks Matthew Oliphant UXD - User eXperience Design Sholom Sandalow, et al UIE - User Interface Engineering
  53. 53. www.slash7.com
  54. 54. An unexpected error has occured. Abort Retry KILL!