1. Don’t let this be you

2. it probably has been
you

3. when
interface design
ATTACKS!
Sanity in Interface Design for Developers
(Yes, it’s possible!)
Amy Hoy (http://www.slash7.com/), OSCON 2006

4. Developer, n.
Wears many
hats

5. Development

6. Security
Development

7. Security
Development
Testing

8. Security
Development
Testing Interface Design??

9. you want me to
wear what??

10. the
setup
or, what i’m going to try to
convince you is good for
you

11. user interface
is critical

12. effectiveness is
important,
but...

13. people have
feelings about
software.

14. oh brother,
not this
kumbaya BS
again
Photo © Malingering, http://www.flickr.com/people/malingering/

15. feelings can
make or lose you
$$$$$$$$

16. THE SCIENCE PEOPLE SAY
user interface
is science
and good business

17. what is
user
interface?
or, all the bits and pieces you
should worry about (and may
not have been worrying about
hitherto)

18. the stuff you
see and click
on. durrrr.

19. interface
expectations
interaction
behavior

20. interface
expectations
interaction
behavior
expectations
the stuff that your user brings
to the relationship—in some
cases, baggage

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. 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. basic
principles
don’t leave home without it.
don’t design interfaces without it.

24. THE SCIENCE PEOPLE SAY
users’ brains
are affected by
literacy

25. your brain on UI

26. start
emphasis
line endings
have visual
emphasis
(the pause)
end
no emphasis
your brain on UI

27. THE SCIENCE PEOPLE SAY
users adapt to
web design

28. still visually prominent
when not
actively
searching
tuned out

29. THE SCIENCE PEOPLE SAY
if it looks like
an ad, they’ll
ignore it

30. THE SCIENCE PEOPLE SAY
users
“satisfice”
or give up

31. below the “fold”
some users never scroll at all

32. THE SCIENCE PEOPLE SAY
users scan in
predictable
patterns

33. 4
when
1
actively 2 3
searching
almost always ignored

34. THE SCIENCE PEOPLE SAY
30-40% of users
have “low
literacy”

35. I read slowly,
but i’m not
worthless.
:(

36. take
action
real stuff you can do right
now to improve your
interfaces

37. take-action solutions for:
Low Literacy
keep it simple
break text into paragraphs
highlight key text
Use Headings
• And
• Bulleted Lists

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. take-action solutions for:
Forms: Label Layout
Easier to scan
Labels on top Easier to read
Hints should stand out
label hint

40. take-action solutions for:
Forms: Segmentation
Simple segmentation gives
momentum & direction
Headings
Simple horizontal rules
Subtle color blocks
Numbered steps

41. take-action solutions for:
Forms: Segmentation
doesn't require tip
segmentation
inline context

42. Forms: Segmentation
scaling help messages
tips in
sectioning
action
content
clue

43. Forms: Segmentation
help message
sectioning
inline
context

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. 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. 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. take-action solutions for:
Tip: Dates Selects

48. Tip: Ordering Pages

49. take-action solutions for:
Tip: Caveat User
People don’t know what they
want. They just think they do.

50. more
resources
or, visit my web site for a list
of these things so you don’t
have to remember them all

51. Books

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. www.slash7.com

54. An unexpected error
has occured.
Abort
Retry
KILL!