Five Ways to Improvethe Usability of YourWeb SiteMolly Malsam, User Experience Designer
What is Usability and Why Should ICare?The ease of use and learnability of a human-madeobject:your web siteMost web sites ...
5: Write for Online, Not PrintOn the Web, users are engaged – they want to go placesand get things done, whereas print is ...
F-Shaped Reading Pattern
Do you want to read this?
4: Improve your link textWith some exceptions, underline and color textual linksUse meaningful link text• Don’t use phrase...
A Link Without VisualAffordance(rolloverstate)
3: Answer Users’ QuestionsUsers are very goal-driven on the web; theyare there because they have somethingthey want to acc...
Are You Answering the RightQuestions?
2: Look at Web MetricsBasic web metrics service is free with Google AnalyticsYou can find a wealth of information about yo...
Google AnalyticsDashboard
1: Do a Usability TestUsability testing doesn’t have to be expensive or time-consumingIt’s as easy as getting a few people...
Usability test in progress
More ResourcesAlertbox, Nielsen Norman Group useit.comUser Interface Engineering blogs, podcasts,articles uie.comUxmatters...
Upcoming SlideShare
Loading in …5
×

"Five Ways to Improve the Usability of Your Web Site" - Molly Malsam, Now What? Conference 2013

286 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
286
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 4: Improve your link textWith some exceptions, underline and strong color textual links. Don’t rely on rollover effects. Exceptions: navigation menus and other lists of linksUse meaningful link text: Don’t use phrases “click here” or “learn more”:the phrase has no meaning; for scanning and accessibility, use words that describe what’s going to happen. Also, touch users don’t “click”Instead of:Click hereto see our rates. See our rates.Use different colors for visited and unvisited links
  • "Five Ways to Improve the Usability of Your Web Site" - Molly Malsam, Now What? Conference 2013

    1. 1. Five Ways to Improvethe Usability of YourWeb SiteMolly Malsam, User Experience Designer
    2. 2. What is Usability and Why Should ICare?The ease of use and learnability of a human-madeobject:your web siteMost web sites get one chance to do their job, and ifthe customer can’t do what they came for, you lostthemUsable web sites = satisfied users = loyal customersUsable web sites = less customer support, lessmaintenance and development costs = more profits foryou
    3. 3. 5: Write for Online, Not PrintOn the Web, users are engaged – they want to go placesand get things done, whereas print is often a morepassive mediumUsers read approximately 20% of the content on anaverage pageUse well-documented ways of chunking text forscannability:Headings and subheadingsShort sentences (no more than 15-20 words); fragmentsacceptableShort paragraphsBulleted lists
    4. 4. F-Shaped Reading Pattern
    5. 5. Do you want to read this?
    6. 6. 4: Improve your link textWith some exceptions, underline and color textual linksUse meaningful link text• Don’t use phrases “click here” or “learn more”• Instead of:Click here to see our rates.See our rates.Use different colors for visited and unvisited links
    7. 7. A Link Without VisualAffordance(rolloverstate)
    8. 8. 3: Answer Users’ QuestionsUsers are very goal-driven on the web; theyare there because they have somethingthey want to accomplishDon’t make it hard to find basic informationlike address, phone number, emailList prices if you sell something: B2Bproducts may have variations, but thenprovide the variationsDon’t hide answers deep in contentstructures or in “marketese”
    9. 9. Are You Answering the RightQuestions?
    10. 10. 2: Look at Web MetricsBasic web metrics service is free with Google AnalyticsYou can find a wealth of information about your website visitors:How many there are and how often they visitHow they got to your site (search terms, referring sites)Where they are located geographicallyWhat pages they visit and how long they stay on eachpageWhat operating system, browsers, and devices they areusingWhether they “convert” if you have ecommerce or someother basic call to action
    11. 11. Google AnalyticsDashboard
    12. 12. 1: Do a Usability TestUsability testing doesn’t have to be expensive or time-consumingIt’s as easy as getting a few people who are similar to yourusers to sit down and use your web siteMake a list of the main tasks you expect people to do on yoursite and have them do itAsk them to tell you what they are thinking as they use yoursiteAsk lots of non-leading questionsYou’ll always be surprised and you will definitely learnsomething new that will help you improve your site design
    13. 13. Usability test in progress
    14. 14. More ResourcesAlertbox, Nielsen Norman Group useit.comUser Interface Engineering blogs, podcasts,articles uie.comUxmatters.com articlesUsability.gov

    ×