Download - 10 Easy-to-Implement Usability Findings

Transcript
Page 1: 10 Easy-to-Implement Usability Findings

@PaulTrani

105

Easy to Implement

Usability Findings

Monday, October 28, 13

Page 2: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Paul TraniCreative Cloud Evangelist, Adobe17 years of making professional mistakes4 year-old cleverly disguised as a reasonable adult

Monday, October 28, 13

Page 3: 10 Easy-to-Implement Usability Findings

@PaulTrani

155

Know how to

Lead the Eye

Monday, October 28, 13

Page 4: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

It’s about leading the eye...

Monday, October 28, 13

Page 5: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 6: 10 Easy-to-Implement Usability Findings

@PaulTrani

25

Avoid

Multi-Level Navs

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

Page 7: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 8: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 9: 10 Easy-to-Implement Usability Findings

@PaulTrani

35

Your Categories

Might be Confusing Users

Monday, October 28, 13

Page 10: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 11: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

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

Monday, October 28, 13

Page 12: 10 Easy-to-Implement Usability Findings

@PaulTrani

35

Perform

Usability Studies

Monday, October 28, 13

Page 13: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 14: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 15: 10 Easy-to-Implement Usability Findings

@PaulTrani

45

Use Color

to Draw the Eye

Monday, October 28, 13

Page 16: 10 Easy-to-Implement Usability Findings

@PaulTrani

“Use color to emphasize importance, not decorate a page.” Alexander White

The Color

Monday, October 28, 13

Page 17: 10 Easy-to-Implement Usability Findings

@PaulTrani

The Color

Monday, October 28, 13

Page 18: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

“Use color to emphasize importance, not decorate a page.” Alexander White

Monday, October 28, 13

Page 19: 10 Easy-to-Implement Usability Findings

@PaulTrani

55

And Text Legibly

Use Fonts

Monday, October 28, 13

Page 20: 10 Easy-to-Implement Usability Findings

@PaulTrani

5Typography

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

Emil Ruder

Monday, October 28, 13

Page 21: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Choosing Fonts

• Choose a font that fits the subject

• Don’t use more than three

Monday, October 28, 13

Page 22: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Font Awesomeness

Monday, October 28, 13

Page 23: 10 Easy-to-Implement Usability Findings

@PaulTrani

65

Feedback from Others

Always get

Monday, October 28, 13

Page 24: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Over 1 million members...

Behance.net

Monday, October 28, 13

Page 25: 10 Easy-to-Implement Usability Findings

@PaulTrani

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.

Monday, October 28, 13

Page 26: 10 Easy-to-Implement Usability Findings

@PaulTrani

75

Influences Users

Good Design

Monday, October 28, 13

Page 27: 10 Easy-to-Implement Usability Findings

@PaulTrani

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.

Monday, October 28, 13

Page 28: 10 Easy-to-Implement Usability Findings

@PaulTrani

5Research

www.jnd.org @PaulTraniMonday, October 28, 13

Page 29: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Sexy?

Monday, October 28, 13

Page 30: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Sexy!

Monday, October 28, 13

Page 31: 10 Easy-to-Implement Usability Findings

@PaulTrani

85

Is Crucial (and a pain)

Internal Search

Monday, October 28, 13

Page 32: 10 Easy-to-Implement Usability Findings

@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 fit into it. Extending the box to 27 characters would accommodate 90% of queries.

Monday, October 28, 13

Page 33: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 34: 10 Easy-to-Implement Usability Findings

@PaulTrani

95

Should Look Like Links

Links

Monday, October 28, 13

Page 35: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

links should be colored and underlined.

Monday, October 28, 13

Page 36: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 37: 10 Easy-to-Implement Usability Findings

@PaulTrani

105

and Delight Your Visitors

Engage

Monday, October 28, 13

Page 38: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 39: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Monday, October 28, 13

Page 40: 10 Easy-to-Implement Usability Findings

@PaulTrani

5

Thank You!

@[email protected]

http://www.paultrani.com http://www.behance.net

Monday, October 28, 13