1 Designing Web Usability: Writing for the Web (see

Slides:



Advertisements
Similar presentations
Web Marketing for Dummies Written by Jan Zimmerman Reviewed by Paige Petersen.
Advertisements

Centre for the Enhancement of Learning and Teaching Supporting & Enhancing Online Teaching & Learning by Catherine Ogilvie Centre for the Enhancement of.
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
Communicative Writing Week 8 MMC120 Instructed by Hillarie Zimmermann MMC120 Instructed by Hillarie Zimmermann.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Refinement Production Implementation Design and Development Stages.
Writing for the Web HOW TO WRITE FOR THE WEB. Writing for the Web Characteristics of Web Writing People rarely read Web pages word by word; instead, they.
Low-Literacy Users on the Web. Reading on the Web Most web users read as little as they can They scan the page, picking out important words and sentences.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Writing for the web Web Authors Group Meeting 20 November 2003.
Writing for the Web. User Behavior Only 16% of people read web content word for word.
Skills: short document writing technique, tips Concepts: types of Internet writing This work is licensed under a Creative Commons Attribution-Noncommercial-Share.
Web Page Usability. Determine User Goals Brainstorm: Brainstorm: Why would users come to your page? Why would users come to your page? What level of information.
Web Usability By Chao Liang Based on Jakob Nielsen’s Book “ Designing Web Usability”
Usability Information Systems 337 Prof. Harry Plantinga.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
Ten Guidelines for Improving Online Communications.
Web Design, Usability, and Aesthetics 3
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Center for Parent Information & Resources Thanks for joining us today. We’re glad you’re here. Writing for the Web.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
© 2006 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice An FAQ on FAQs for Libraries Pamela.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
BUAD Chapter 9 Presentation: Ben Carlson Lindsey Edelman Greg Fleck Jackie Powell Allison Ward.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
Designing usable web content The University of Georgia CSCI 4800/6800 Spring 2006.
V How to write for the web Russell Warfield, Sustainability Communications Coordinator Friday 29 November.
Introduction to Usability By : Sumathie Sundaresan.
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
IT Introduction to Website Development Welcome!
TECM 3200 Writing for the Web Dr. Lam. Some fundamental differences First, what do you think some fundamental differences between writing for the web.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
Messages and Web Writing
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Writing Tips for the Web. Tips for Writing for the Web Write for your audience, not your department. Folks come to your pages to find information. Give.
Malama, C. and Landoni, M. and Wilson, R. (2004) Fiction electronic books: a usability study. In: Eighth European Conference on Research and Advanced Technology.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
1 Human Computer Interaction Week 10 Web Usability.
Writing for the Web AGCJ 407 Web Authoring in Agricultural Communications Note: Special thanks to University of Maine Cooperative Extension Service for.
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Introduction to Usability By : Sumathie Sundaresan.
“Merlot community is negligible compared to overall education community” Erik Duval, ARIANDE Merlot conference 2004.
Assessment of Google Flights Lanny Chung Junior at Bentley University.
Online Journalism – Multimedia Package Writing Professor Neil Foote, University of North Texas.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
YOUTH & FAMILIES AGRICULTUREHEALTHECONOMYENVIRONMENTENERGY COMMUNITIES Design with User in Mind.
Online Copywriting eMarketing: The Essential Guide to Online Marketing
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Writing for the Web Eston Martz Holly Swanson Rose Pruyne.
Thinking Web > CONTENT DEVELOPMENT
Web Page Elements Writing For the Web
Today’s goals Introduce elements of writing style
Chapter 17 Designing for the web
Writing for the Web.
Unit 14 Website Design HND in Computing and Systems Development
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Writing for online/mobile
Writing for Communication on the Web
Usable Content.
Presentation transcript:

1 Designing Web Usability: Writing for the Web (see John Morkes and Jakob Nielsen INFO 654 – Spring 2007

2 How do People Read on the Web? They don’t ! They scan the text. How to write for the web?: Concise (58% more usable) Scannable (47% more usable) Objective (27% more usable) All three above (124% more usable)

3 Summary of Usability Studies Morkes and Nielsen 1997 Nielsen 1995 Nielsen and Sano 1994 Nielsen 1994

4 Content is King When asked for feedback on a web page, users will comment on the quality and relevance of the content more than they comment on navigational issues or other ‘user interface’ issues. Also, when a new page comes up, users focus their attention on the center of the window where they read the body text before they bother looking over headerbars or other navigational elements.

5 Three Main Content-Oriented Conclusions Users scan, they don’t read. User do not like long, scrolling pages. User detest “marketese.”

6 Customer Survey Quote “One piece of advice, folks: Let’s not try to be so gratuitous and self-inflating. Beginning answers to common sense questions such as “Will Sun support my older Solaris platform?” with answers such as “Sun is exceptionally committed to…” or “Solaris is a leading operating system in today’s business world…” doesn’t give me, as an engineer, a lot of confidence in your ability. I want to hear fact, not platitudes and self-serving ideology. Hell, why not paint your home page red under the moving banner of “Computers of the world, Unite under the glorious Sun motherland!”

7 In General Web writing often does not support users in achieving their main goal: to find useful information as quickly as possible!

8 More Conclusions Web pages should employ scannable text, using: Highlighted keywords Meaningful sub-headings (not “clever” ones) Bulleted lists One idea per paragraph Inverted pyramid style Half the word count (or less) than conventional writing.

9 Example of Inverted Pyramid

10 Credibility is Important Often do not know who posted the information Credibility can be enhanced by: High-quality graphics Good writing Use of outbound links to (or endorsements by) other trusted sites.

Endorsement links lend credibility

12 Overview Three studies – 81 users read web pages First two studies exploratory Third study measures the potential benefits of writing styles generated from first two studies. Conducted summer 1997 SunSoft usability laboratories in Menlo Park, CA.

13 Study #1: Directed Tasks Users were taken to home page of a site and asked to find specific information on the site You are planning a trip to Las Vegas and want to know about a local restaurant run by Chef Charlie Trotter. You heard it was located in the MGM Grand hotel and casino, but you want more information about the restaurant. You begin by looking at the website for Restaurants & Institutions magazine at: Hint: Look for stories on casino foodservice Try to find out: - what the article said about the restaurant - where most food is served at the riverboat casino

14 Study #1 Users wasted enormous amounts of time trying to find the specific page that contained the answer to the question. Even when on the intended page, they often could not find the answer because they could not see the relevant line.

15 Study #1 Findings Users Want to Search Waiting is Unpleasant Conventional Guidelines for Good Writing are Good

16 Study #2: Exploratory Study of Reading Users visited three pre-selected sites and performed assigned tasks that required reading and answering questions about the sites. Participants were instructed to “think aloud” during the study.

17 Study #2 Task Instructions Please go to the following site, which is bookmarked: [site URL]. Take several moments to read it. Feel free to look at anything you want to. In your opinion, what are the three most important points the author is trying to make? After you find the answers, we will ask you some questions.

18 Study #2: Standard Questions What would you say is the primary purpose of the site? How would you describe the site’s style of writing? How do you like the way it is written? How could the writing in this website be improved? How easy to use is the website? Why? How much do you like the site? Why? Do you have any advice for the writer or designer of this website? Think back to the site you saw just before this one. Of the two sites, which do you like better? Why?

19 Study #2 Findings (1 of 2) Simple and Informal Writing are Preferred. Credibility is an Important Issue on the Web. Outbound Links can Increase Credibility. Humor Should be Used with Caution. Users Want to Get their Information Quickly.

20 Study #2 Findings (2 of 2) Text Should be Scannable. Text Should be Concise. Users Like Summaries and the Inverted Pyramid Style. Hypertext is Well-Liked. Graphics and Text Should Complement One Another.

21 Study #3: Measurement Study Users tested 5 writing style variations of a web site (“Travel Nebraska”), although each contained essentially the same information: Promotional style (control) Scanning Concise Objective Combined concise, scannable, and objective.

Promotional (control) version

Concise version

Scannable version

Objective version

Combined version

27 Procedure Participant began at “Travel Nebraska” homepage and searched for specific facts. Answered Part 1 of questionnaire. Find relevant information, perform judgment task. Answered Part 2 of questionnaire. Spend 10 minutes studying website, then draw structure.

28 Measures Task Time Task Errors Memory Time to Recall Site Structure Subjective Satisfaction Quality Ease of Use Likability User affect

29 Normalized Results Normalized mean scores for five major measures and Overall Usability. Scores above 100 (the control score) are “better.” For example, the scannable version is 57% better than the control for Task Time.

30 Conclusions Scannable, concise, and objective writing styles each make a positive difference in Web users’ performance and subjective satisfaction. Promotional writing, commonly found on the web today, had much lower scored on virtually all usability measures.