18. Start with
web standards
• Third edition out last
week
• The second book you
have to read about web
design
19. The User Experience
Honeycomb
• Created by Peter
useful
Morville
findable
• A great tool for
credible
looking at web
design holistically
valuable
• How will you
usable accessible balance these?
desirable
21. Useful
useful
• A useful website does
something beneficial for its
users and owners
useful
• We can call this something a
credible findable conversion:
usable
valuable
accessible
• Purchase
desirable
• Subscribing to a mailing list
• Downloading a white paper
22. Useful
useful
Conversion rate =
useful
Successful Outcomes
Unique Visitors
credible findable
valuable
usable accessible
desirable
If you aren’t measuring your
conversion rate, you need to
start today.
23. Findable
findable
• People need to find your site
• People need to find what
they need on your site
useful
credible findable
valuable
usable accessible
desirable
24. Findable
findable
• Finding your site:
• Search Engine Optimization
useful • Web standards help with
this
credible findable
valuable
usable accessible
desirable
25. Findable
findable
• Finding what they need on
your site:
• Information Architecture
useful
credible findable
valuable
usable accessible
desirable
26. Accessible
accessible
• Making sure that those with
visual, hearing, and other
impairments can use the site
useful
• 8% of population: color
credible findable blind
usable
valuable
accessible
• 3.5%: visually impaired
desirable
• 3.3%: hearing problems
• Would you turn away every
10th customer?
27. Accessible
accessible
• Use web standards
• Test with an accessibility
validator
useful
credible findable
• Read Joe Clark’s Designing
Accessible Websites (text
valuable
available for free)
usable accessible
desirable
• (Bonus: Google is effectively
a blind and deaf user)
28. Desirable
desirable
• Great visual design not
always needed
• But: users find attractive sites
useful
credible findable
• easier to use
valuable • more credible
usable accessible
desirable
31. Desirable
desirable
• Most important web design
tool:
useful
HTML
credible findable
• Learn it. Without
valuable Dreamweaver.
usable accessible
desirable
33. Usable
usable
• A usable website allows users
to achieve goals with a
minimum of frustration
useful
• In a phrase:
credible findable
Don’t make me think!
valuable
usable accessible
desirable
34. Usable
usable
• A usable website allows users
to achieve goals with a
minimum of frustration
useful
• Usability in a phrase:
credible findable
Don’t make me think!
valuable
usable accessible • When asked to carry out a
desirable
specific task on a website,
users succeeded 66% of the
time
35. Usable
usable
• The first book you should
read about web design
36. Usable
usable
• Common problems:
• Breaking the back button
useful • Pop-up windows
credible findable • Design elements that look
valuable like advertisements
usable accessible
• Violating web-wide
desirable conventions
• Useless content
37. Credible
credible
• Do users trust your site?
Credible sites:
• Distinguish ads & content
useful
credible findable
• Update frequently
valuable • Avoid popup windows
usable accessible
• Make it easy to navigate
• Avoid broken links
desirable
• Avoid typographical errors
38. Valuable: The
valuable
Core
• The website needs to create
value—ideally, more than it
costs
useful
• The honeycomb can help you
credible findable make choices about what’s
valuable
important and what’s not
usable accessible
desirable