It's hard to argue that usability is an important aspect of any web project. Making your content easy to use and enjoyable to your users can easily determine the success of any project. The great thing is that many studies have been done over the years on various aspects of web and interface design. In this session we will cover those usability findings and show you how you can easily implement the top 10 into your web site or mobile app. (from the 2013 HTML5 Developer Conference)

1. 10
5
Easy to Implement
Usability Findings
Monday, October 28, 13
@PaulTrani

2. 5
Paul Trani
Creative Cloud Evangelist, Adobe
17 years of making professional mistakes
4 year-old cleverly disguised as a reasonable adult
@PaulTrani
Monday, October 28, 13

3. 1
5
5
Know how to
Lead the Eye
Monday, October 28, 13
@PaulTrani

4. 5
It’s about leading the eye...
@PaulTrani
Monday, October 28, 13

5. 5
@PaulTrani
Monday, October 28, 13

6. 2
5
Avoid
Multi-Level Navs
*But you are awesome.
Monday, October 28, 13
@PaulTrani

7. 5
@PaulTrani
Monday, October 28, 13

8. 5
@PaulTrani
Monday, October 28, 13

9. 3
5
Your Categories
Might be Confusing Users
Monday, October 28, 13
@PaulTrani

10. 5
@PaulTrani
Monday, October 28, 13

11. 5
What's crystal clear to you might be confusing to me.
@PaulTrani
Monday, October 28, 13

12. 3
5
Perform
Usability Studies
Monday, October 28, 13
@PaulTrani

13. 5
@PaulTrani
Monday, October 28, 13

14. 5
@PaulTrani
Monday, October 28, 13

15. 4
5
Use Color
to Draw the Eye
Monday, October 28, 13
@PaulTrani

16. The Color
“Use color to emphasize importance, not decorate a page.”
Alexander White
Monday, October 28, 13
@PaulTrani

17. The Color
@PaulTrani
Monday, October 28, 13

18. 5
“Use color to emphasize importance, not decorate a page.”
Alexander White
@PaulTrani
Monday, October 28, 13

19. 5
5
Use Fonts
And Text Legibly
Monday, October 28, 13
@PaulTrani

20. 5
Typography
“Typography has one plain duty before it and that’s to
convey information in writing.”
Emil Ruder
@PaulTrani
Monday, October 28, 13

21. 5
Choosing Fonts
• Choose a font that fits the subject
• Don’t use more than three
@PaulTrani
Monday, October 28, 13

22. 5
Font Awesomeness
@PaulTrani
Monday, October 28, 13

23. 6
5
Always get
Feedback from Others
Monday, October 28, 13
@PaulTrani

24. 5
Over 1 million members...
Behance.net
@PaulTrani
Monday, October 28, 13

25. 5
Jakob Nielsen’s study on how
much users scroll (in Prioritizing
Web Usability) revealed that only
23% of visitors scroll on their first
visit to a website. This means that
77% of visitors won’t scroll;
they’ll just view the content
above the fold.
@PaulTrani
Monday, October 28, 13

26. 7
5
Good Design
Influences Users
Monday, October 28, 13
@PaulTrani

27. 5
Various studies have been conducted to find out just
what influences people’s perception of a website’s
credibility:
• Stanford-Makovsy Web Credibility Study 2002:
Investigating What Makes Web Sites Credible Today
• What Makes A Web Site Credible? A Report on a Large
Quantitative Study
• The Elements of Computer Credibility
One interesting finding of these studies is that
users really do judge a book by its cover… or
rather, a website by its design.
@PaulTrani
Monday, October 28, 13

28. Research
www.jnd.org
Monday, October 28, 13
5
@PaulTrani

29. 5
Sexy?
@PaulTrani
Monday, October 28, 13

30. 5
Sexy!
@PaulTrani
Monday, October 28, 13

31. 8
5
Internal Search
Is Crucial (and a pain)
Monday, October 28, 13
@PaulTrani

32. 5
The study found that the average search box is
18-characters wide. The data showed that 27%
of queries were too long to fit into it. Extending
the box to 27 characters would accommodate
90% of queries.
@PaulTrani
Monday, October 28, 13

33. 5
@PaulTrani
Monday, October 28, 13

34. 5
9
Links
Should Look Like Links
Monday, October 28, 13
@PaulTrani

35. 5
links should be colored and underlined.
@PaulTrani
Monday, October 28, 13

36. 5
@PaulTrani
Monday, October 28, 13

37. 10
5
Engage
and Delight Your Visitors
Monday, October 28, 13
@PaulTrani

38. 5
@PaulTrani
Monday, October 28, 13

39. 5
@PaulTrani
Monday, October 28, 13

40. 5
Thank You!
@paultrani
ptrani@adobe.com
http://www.paultrani.com
http://www.behance.net
@PaulTrani
Monday, October 28, 13