10 easy-to-implement usability findings

Post on 10-Nov-2014

2.023 Views

Category:

Design

6 Downloads

Preview:

Click to see full reader

DESCRIPTION

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)

TRANSCRIPT

@PaulTrani

105

Easy to Implement

Usability Findings

Monday, October 28, 13

@PaulTrani

5

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

Monday, October 28, 13

@PaulTrani

155

Know how to

Lead the Eye

Monday, October 28, 13

@PaulTrani

5

It’s about leading the eye...

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

25

Avoid

Multi-Level Navs

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

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

35

Your Categories

Might be Confusing Users

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

5

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

Monday, October 28, 13

@PaulTrani

35

Perform

Usability Studies

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

45

Use Color

to Draw the Eye

Monday, October 28, 13

@PaulTrani

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

The Color

Monday, October 28, 13

@PaulTrani

The Color

Monday, October 28, 13

@PaulTrani

5

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

Monday, October 28, 13

@PaulTrani

55

And Text Legibly

Use Fonts

Monday, October 28, 13

@PaulTrani

5Typography

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

Emil Ruder

Monday, October 28, 13

@PaulTrani

5

Choosing Fonts

• Choose a font that fits the subject

• Don’t use more than three

Monday, October 28, 13

@PaulTrani

5

Font Awesomeness

Monday, October 28, 13

@PaulTrani

65

Feedback from Others

Always get

Monday, October 28, 13

@PaulTrani

5

Over 1 million members...

Behance.net

Monday, October 28, 13

@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

@PaulTrani

75

Influences Users

Good Design

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:• 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

@PaulTrani

5Research

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

@PaulTrani

5

Sexy?

Monday, October 28, 13

@PaulTrani

5

Sexy!

Monday, October 28, 13

@PaulTrani

85

Is Crucial (and a pain)

Internal Search

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

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

95

Should Look Like Links

Links

Monday, October 28, 13

@PaulTrani

5

links should be colored and underlined.

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

105

and Delight Your Visitors

Engage

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

5

Monday, October 28, 13

@PaulTrani

5

Thank You!

@paultraniptrani@adobe.com

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

Monday, October 28, 13

top related