SlideShare a Scribd company logo
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 reasonable adult

@PaulTrani
Monday, October 28, 13
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

@PaulTrani
Monday, October 28, 13
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 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
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:
• 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
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 fit into it. Extending
the box to 27 characters would accommodate
90% of queries.

@PaulTrani
Monday, October 28, 13
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, 13

More Related Content

PDF
5 Things Developers Need to Know About Design
PPTX
The Five Whys
PPTX
Plagiarism confidential
PDF
Brainstorming - Reverse the problem method
PDF
JSConf 2013 Builders vs Breakers
PPTX
Finding Your Internship
KEY
Flash and HTML5 Compared
PDF
Responsive Design Techniques, Tools and Design Strategies with Paul Trani
5 Things Developers Need to Know About Design
The Five Whys
Plagiarism confidential
Brainstorming - Reverse the problem method
JSConf 2013 Builders vs Breakers
Finding Your Internship
Flash and HTML5 Compared
Responsive Design Techniques, Tools and Design Strategies with Paul Trani

Similar to 10 Easy-to-Implement Usability Findings (20)

PDF
Would you bet your job on your A/B test results?
PDF
Bankers Association Communications Conference Deck
PDF
Fording the Social Media Channel
PDF
SEO in 2014
PDF
Pushing Observability Uphill - The Single “Pain” of Glass
PDF
The Art of Asking - FOSSY 2024 - PDX - Paige Cruz
PDF
A New Model for Creative Campaigns: Open Source
PDF
DIY Synthetic: Private WebPagetest Magic
PDF
Why & how to become a social business
PDF
Make better products: when the entire team does user research
PDF
The Path to Engagement is Paved with Purpose
PDF
Blog If You Love Learning
PDF
Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whol...
PDF
China-Axlr8r 10 x10 2013 Beijing
PPTX
Analytics for publishers
PDF
How Atlassian's User Research Went Agile (and So Can Yours)
PDF
Taiwan excellence-kalverstraat-storeforbrands
PDF
An Introduction to Agile User Research and Testing #MW2015
PPTX
Social media cafe ResearchGate
PPTX
Opportunities for IT and SLA Professionals to Collaborate
Would you bet your job on your A/B test results?
Bankers Association Communications Conference Deck
Fording the Social Media Channel
SEO in 2014
Pushing Observability Uphill - The Single “Pain” of Glass
The Art of Asking - FOSSY 2024 - PDX - Paige Cruz
A New Model for Creative Campaigns: Open Source
DIY Synthetic: Private WebPagetest Magic
Why & how to become a social business
Make better products: when the entire team does user research
The Path to Engagement is Paved with Purpose
Blog If You Love Learning
Inclusive & Accessible UX Practices – How Low-Fidelity Artifacts Promote Whol...
China-Axlr8r 10 x10 2013 Beijing
Analytics for publishers
How Atlassian's User Research Went Agile (and So Can Yours)
Taiwan excellence-kalverstraat-storeforbrands
An Introduction to Agile User Research and Testing #MW2015
Social media cafe ResearchGate
Opportunities for IT and SLA Professionals to Collaborate
Ad

More from paultrani (14)

PDF
Creativity and Tools
PDF
Things Every Designer Should Know About Creating for Devices
PDF
CSS3 and Advanced Design
PDF
HTML5 Hotness
PPTX
Adobe, Flash and HTML5
PPTX
CSS3 For Advanced Design
PPTX
Tips and Tricks for Mobile Flash Development
PPTX
Designing for Mobile
PPTX
Mobile Design that Doesn't Suck
PPTX
Design Fundamentals for Developers
PDF
Creating Mobile Content Using Flash
PPT
Creating Flash Content for Multiple Screens
PPT
Flash for Mobile Devices
PDF
Creating Flash Content for Mobile Devices
Creativity and Tools
Things Every Designer Should Know About Creating for Devices
CSS3 and Advanced Design
HTML5 Hotness
Adobe, Flash and HTML5
CSS3 For Advanced Design
Tips and Tricks for Mobile Flash Development
Designing for Mobile
Mobile Design that Doesn't Suck
Design Fundamentals for Developers
Creating Mobile Content Using Flash
Creating Flash Content for Multiple Screens
Flash for Mobile Devices
Creating Flash Content for Mobile Devices
Ad

Recently uploaded (20)

PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
Special finishes, classification and types, explanation
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
rapid fire quiz in your house is your india.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
DOCX
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
Tenders & Contracts Works _ Services Afzal.pptx
CLASSIFICATION OF YARN- process, explanation
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Special finishes, classification and types, explanation
AD Bungalow Case studies Sem 2.pptxvwewev
HPE Aruba-master-icon-library_052722.pptx
rapid fire quiz in your house is your india.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
YV PROFILE PROJECTS PROFILE PRES. DESIGN
robotS AND ROBOTICSOF HUMANS AND MACHINES
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf

10 Easy-to-Implement Usability Findings