10

5

Easy to Implement

Usability Findings

Monday, October 28, 13

@PaulTrani
5

Paul Trani
Creative Cloud Evangelist, Adobe
17 years of making professional mistakes
4 year-old cleverly disguised as a...
1

5
5

Know how to

Lead the Eye

Monday, October 28, 13

@PaulTrani
5

It’s about leading the eye...

@PaulTrani
Monday, October 28, 13
5

@PaulTrani
Monday, October 28, 13
2

5

Avoid

Multi-Level Navs

*But you are awesome.
Monday, October 28, 13

@PaulTrani
5

@PaulTrani
Monday, October 28, 13
5

@PaulTrani
Monday, October 28, 13
3

5

Your Categories

Might be Confusing Users

Monday, October 28, 13

@PaulTrani
5

@PaulTrani
Monday, October 28, 13
5

What's crystal clear to you might be confusing to me.

@PaulTrani
Monday, October 28, 13
3

5

Perform

Usability Studies

Monday, October 28, 13

@PaulTrani
5

@PaulTrani
Monday, October 28, 13
5

@PaulTrani
Monday, October 28, 13
4

5

Use Color

to Draw the Eye

Monday, October 28, 13

@PaulTrani
The Color

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

@PaulTrani
The Color

@PaulTrani
Monday, October 28, 13
5

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

5

Use Fonts

And Text Legibly

Monday, October 28, 13

@PaulTrani
5

Typography

“Typography has one plain duty before it and that’s to
convey information in writing.”
Emil Ruder

@PaulTra...
5

Choosing Fonts
• Choose a font that fits the subject
• Don’t use more than three

@PaulTrani
Monday, October 28, 13
5

Font Awesomeness

@PaulTrani
Monday, October 28, 13
6

5

Always get

Feedback from Others

Monday, October 28, 13

@PaulTrani
5

Over 1 million members...
Behance.net

@PaulTrani
Monday, October 28, 13
5

Jakob Nielsen’s study on how
much users scroll (in Prioritizing
Web Usability) revealed that only
23% of visitors scrol...
7

5

Good Design

Influences Users

Monday, October 28, 13

@PaulTrani
5

Various studies have been conducted to find out just
what influences people’s perception of a website’s
credibility:
• St...
Research

www.jnd.org
Monday, October 28, 13

5

@PaulTrani
5

Sexy?

@PaulTrani
Monday, October 28, 13
5

Sexy!

@PaulTrani
Monday, October 28, 13
8

5

Internal Search

Is Crucial (and a pain)

Monday, October 28, 13

@PaulTrani
5

The study found that the average search box is
18-characters wide. The data showed that 27%
of queries were too long to...
5

@PaulTrani
Monday, October 28, 13
5

9
Links

Should Look Like Links

Monday, October 28, 13

@PaulTrani
5

links should be colored and underlined.

@PaulTrani
Monday, October 28, 13
5

@PaulTrani
Monday, October 28, 13
10

5

Engage

and Delight Your Visitors

Monday, October 28, 13

@PaulTrani
5

@PaulTrani
Monday, October 28, 13
5

@PaulTrani
Monday, October 28, 13
5

Thank You!
@paultrani
ptrani@adobe.com
http://www.paultrani.com
http://www.behance.net

@PaulTrani
Monday, October 28, ...
Upcoming SlideShare
Loading in …5
×

10 Easy-to-Implement Usability Findings

2,306
-1

Published on

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)

Published in: Design, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,306
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
34
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

10 Easy-to-Implement Usability Findings

  1. 1. 10 5 Easy to Implement Usability Findings Monday, October 28, 13 @PaulTrani
  2. 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. 3. 1 5 5 Know how to Lead the Eye Monday, October 28, 13 @PaulTrani
  4. 4. 5 It’s about leading the eye... @PaulTrani Monday, October 28, 13
  5. 5. 5 @PaulTrani Monday, October 28, 13
  6. 6. 2 5 Avoid Multi-Level Navs *But you are awesome. Monday, October 28, 13 @PaulTrani
  7. 7. 5 @PaulTrani Monday, October 28, 13
  8. 8. 5 @PaulTrani Monday, October 28, 13
  9. 9. 3 5 Your Categories Might be Confusing Users Monday, October 28, 13 @PaulTrani
  10. 10. 5 @PaulTrani Monday, October 28, 13
  11. 11. 5 What's crystal clear to you might be confusing to me. @PaulTrani Monday, October 28, 13
  12. 12. 3 5 Perform Usability Studies Monday, October 28, 13 @PaulTrani
  13. 13. 5 @PaulTrani Monday, October 28, 13
  14. 14. 5 @PaulTrani Monday, October 28, 13
  15. 15. 4 5 Use Color to Draw the Eye Monday, October 28, 13 @PaulTrani
  16. 16. The Color “Use color to emphasize importance, not decorate a page.” Alexander White Monday, October 28, 13 @PaulTrani
  17. 17. The Color @PaulTrani Monday, October 28, 13
  18. 18. 5 “Use color to emphasize importance, not decorate a page.” Alexander White @PaulTrani Monday, October 28, 13
  19. 19. 5 5 Use Fonts And Text Legibly Monday, October 28, 13 @PaulTrani
  20. 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. 21. 5 Choosing Fonts • Choose a font that fits the subject • Don’t use more than three @PaulTrani Monday, October 28, 13
  22. 22. 5 Font Awesomeness @PaulTrani Monday, October 28, 13
  23. 23. 6 5 Always get Feedback from Others Monday, October 28, 13 @PaulTrani
  24. 24. 5 Over 1 million members... Behance.net @PaulTrani Monday, October 28, 13
  25. 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. 26. 7 5 Good Design Influences Users Monday, October 28, 13 @PaulTrani
  27. 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. 28. Research www.jnd.org Monday, October 28, 13 5 @PaulTrani
  29. 29. 5 Sexy? @PaulTrani Monday, October 28, 13
  30. 30. 5 Sexy! @PaulTrani Monday, October 28, 13
  31. 31. 8 5 Internal Search Is Crucial (and a pain) Monday, October 28, 13 @PaulTrani
  32. 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. 33. 5 @PaulTrani Monday, October 28, 13
  34. 34. 5 9 Links Should Look Like Links Monday, October 28, 13 @PaulTrani
  35. 35. 5 links should be colored and underlined. @PaulTrani Monday, October 28, 13
  36. 36. 5 @PaulTrani Monday, October 28, 13
  37. 37. 10 5 Engage and Delight Your Visitors Monday, October 28, 13 @PaulTrani
  38. 38. 5 @PaulTrani Monday, October 28, 13
  39. 39. 5 @PaulTrani Monday, October 28, 13
  40. 40. 5 Thank You! @paultrani ptrani@adobe.com http://www.paultrani.com http://www.behance.net @PaulTrani Monday, October 28, 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×