Embed Size (px)
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)
Citation preview
@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!
http://www.paultrani.com http://www.behance.net
Monday, October 28, 13
