Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day

Similar documents
needs, wants, and limitations

Web Evaluation Report Guidelines

Federal Plain Language Guidelines

CREATING A CULTURE OF USABILITY

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system

Module 9: Audience Analysis, Usability, and Information Architecture COM 420

Usability. HCI - Human Computer Interaction

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

User Centered Design - Maximising the Use of Portal

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

Software Development and Usability Testing

A short introduction to. designing user-friendly interfaces

CS3205 HCI IN SOFTWARE DEVELOPMENT INTRODUCTION TO PROTOTYPING. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

Human-Computer Interaction IS4300

Digital Marketing Manager, Marketing Manager, Agency Owner. Bachelors in Marketing, Advertising, Communications, or equivalent experience

A Heuristic Evaluation of Ohiosci.org

By Snappy. Advanced SEO

VIDEO 1: WHY IS THE USER EXPERIENCE CRITICAL TO CONTEXTUAL MARKETING?

Plunging into the waters of UX

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

By Snappy. Advanced SEO

Six Steps to Creating a Great User Experience. By: Lorena Proia Founder and Principle User Experience Designer

DIGITAL CONTENT STRATEGY WORKSHOP SERIES >>> Carrie Hawthorne Consulting Fair Trade Federation Conference PART 1 UNDERSTANDING & GATHERING

WRAP UP AND MAKING IT ALL WORK

IBM s approach. Ease of Use. Total user experience. UCD Principles - IBM. What is the distinction between ease of use and UCD? Total User Experience

Lose It! Weight Loss App Heuristic Evaluation Report

15/16 CSY2041 Quality and User-Centred Systems

Usability Testing CS 4501 / 6501 Software Testing

Table of Contents. I) Project Planning. User Analysis. III) Tasks Analysis. IV) Storyboard. V) Function Design. VI) Scenario Design.

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea

User Centered Design (UCD)

12 Key Steps to Successful Marketing

Analytical &! Empirical Evaluation

Sample Online Survey Report: Complex Software Application

WEB DESIGN SERVICES. Google Certified Partner. In-Studio Interactive CEO: Onan Bridgewater. instudiologic.com.

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

Usability: An Ultimate Journey of Experience STC-2013

Building Websites People Can Actually Use

Applying Usability to elearning

The PROCESS of Interaction DESIGN

FOUNDATION IN. GRAPHIC DESIGN with ADOBE APPLICATIONS. LESSON 1 Summary Notes

10 Tips For Effective Content

Meet our Example Buyer Persona Adele Revella, CEO

GRADY NEWSOURCE KATE DEVLIN, LEAH MOSS, ANDREA SKELLIE & ASHLEY PANTER

Users and Usability Principles

The 23 Point UX Design Checklist

Topics Covered: 6. SSL Certificates. 1. Website Design 2. Domain Names 3. Hosting 4. Data Entry 5. SEO. 7. Website Updates.

Chapter 9 THE PROCESS OF INTERACTION DESIGN

Linked Lists. What is a Linked List?

evision Review Project - Engagement Simon McLean, Head of Web & IT Support Information & Data Services.

DESIGN. (Chapter 04)

HCI Design Process: An Overview. What is HCI Design Process? Practical Issues in HCI Design Process Examples of Lifecycle Models

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013!

SOLUTIONS GUIDE. I Don t Know What to or

WINDOWS NT FILE SYSTEM INTERNALS : OSR CLASSIC REPRINTS BY RAJEEV NAGAR

Up and Running Software The Development Process

User-Centered Design. Jeff Bos, Design Insights BlackBerry

INTRODUCTION. 2. User-centred interface design.

Web-Accessibility Tutorials 1 Development and Evaluation of Web-Accessibility Tutorials

Introducing the. new & improved. Think. Formerly. Intelligent Business Automation.

Contractors Guide to Search Engine Optimization

The Website. Teaching Thoughts. Usability Report. By Jon Morris

Copyright 2017 by Kevin de Wit

Problem and Solution Overview: An elegant task management solution, that saves busy people time.

THE USABILITY ENGINEERING LIFECYCLE: A PRACTITIONER'S HANDBOOK FOR USER INTERFACE DESIGN (INTERACTIVE TECHNOLOGIES) BY DEBORAH J.

COMP6471 WINTER User-Centered Design

2016 All Rights Reserved

seosummit seosummit April 24-26, 2017 Copyright 2017 Rebecca Gill & ithemes

E-COMMERCE HOMEPAGE UX DESIGN TIPS THESE TIPS WILL HELP YOU CREATE A USABLE E-COMMERCE WEBSITE AND TURN YOUR HOMEPAGE INTO A CONVERSION MAGNET

I m going to be introducing you to ergonomics More specifically ergonomics in terms of designing touch interfaces for mobile devices I m going to be

Online Copywriting Tips and Search Engine Optimisation.

Planning and designing a web presence (Part 1) MGMT 230 Week 3

WHAT YOU WILL LEARN IN THIS WHITE PAPER

Valuable points from Lesson 6 Adobe Flash CS5 Professional Classroom in a Book

Web Designer vs Web Developer What s the Difference?

THINGS YOU NEED TO KNOW ABOUT USER DOCUMENTATION DOCUMENTATION BEST PRACTICES

Instructor: Craig Duckett. Lecture 03: Tuesday, April 3, 2018 SQL Sorting, Aggregates and Joining Tables

10 Step Checklist for Your Next Website Redesign

User-centered design in technical communication

Strategy. 1. You must do an internal needs analysis before looking at software or creating an ITT

ONLINE EVALUATION FOR: Company Name

How to Improve Your Campaign Conversion Rates

Mobile UX or WHITEPAPER

Unit 9 Tech savvy? Tech support. 1 I have no idea why... Lesson A. A Unscramble the questions. Do you know which battery I should buy?

Introduction What is Usability and Usability Testing?

Usability Testing. Cha Kang & Zach Pease

Using GitHub to Share with SparkFun a

Interaction Design. Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability

Download Free Pictures & Wallpaper from the Internet

User Testing & Automated Evaluation. Product Hall of Shame! User Testing & Automated Evaluation. Visual Design Review. Outline. Visual design review

Interaction Design. Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): Process Models, Elements and Usability

When it comes to your website redesign, form and function need to be a package deal.

Extension Web Publishing 3 Lecture # 1. Chapter 6 Site Types and Architectures

Introduction to User Stories. CSCI 5828: Foundations of Software Engineering Lecture 05 09/09/2014

Understanding Browsers

EBOOK THE BEGINNER S GUIDE TO DESIGN VERIFICATION AND DESIGN VALIDATION FOR MEDICAL DEVICES

Nektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece

What Are CSS and DHTML?

6367(Print), ISSN (Online) Volume 4, Issue 3, May June (2013), IAEME & TECHNOLOGY (IJCET)

Website Optimizer. Before we start building a website, it s good practice to think about the purpose, your target

Transcription:

Curtin University School of Design Internet Usability Design 391 Chapter 1 Introduction to Usability Design By Joel Day

Internet Usability Design 391 Chapter 1: Usability Introduction Page 2 of 6 What is Usability? Three Possible Definitions: 1. Usability is Defined as Ease of Use. How easy is it really to make something work? (Goto and Cotler, 2001) 2. Usability is the broad discipline of applying sound scientific observation, measurement, and design principles to the creation and maintenance of Web sites in order to bring about the greatest ease of use, ease of learnability, amount of usefulness, and least amount of discomfort for the humans who have to use the system. (Pearrow, 2000) 3. The Measure of the quality of a user s experience when interacting with a product or system whether a Web site, a software application, mobile technology, or any other user-operated device. (Nielsen, 1998) Neilsen, continued: Usability is a combination of factors that affect the user's experience with the product or system, including: Ease of learning How fast can a user, who has never seen the user interface before, learn it sufficiently well to accomplish basic tasks? Efficiency of use: Once an experienced user has learned to use the system, how fast can he or she accomplish tasks? (Is the system still tedious to use?) Memorability: If a user has used the system before, can he or she remember enough to use it effectively the next time or does the user have to start over again learning everything? (Jakob would be happy if all sites looked the same: See Tipping Jakob's Ladder at http://hotwired.lycos.com/webmonkey/01/26/index1a.html and Wait for It at http://hotwired.lycos.com/webmonkey/99/21/index0a.html for opposing points of view ) (Also, Macromedia vs. Adobe). Error frequency and severity: How often do users make errors while using the system, how serious are these errors, and how do users recover from these errors? (Nielsen, 1998) Discussion: Subjective sa tisfaction: How much does the user like using the system? What are your favourite products? Why? VCRs? Mobile Phones? Bell Labs Phone story: sometimes users don t know what they want. Research by User Interface Engineering, Inc. (http://world.std.com/~uieweb/), shows that people cannot find the information they seek on Web sites about 60% of the time. This can lead to wasted time, reduced productivity, increased frustration, and loss of repeat visits and money. Other sources report:

Internet Usability Design 391 Chapter 1: Usability Introduction Page 3 of 6 "There are about 43 million Web sites, and no one knows which ones are usable. The best sites we've found are usable only 42 percent of the time, and none that we have studied are usable a majority of the time..." Studies by Forrester Research (http://www.forrester.com/) estimate several costs of bad site design. The two most striking are: o Losing approximately 50% of the potential sales from a site as people can't find what they need o Losing repeat visits from 40% of the users who do not return to a site when their first visit resulted in a negative experience Site design guru Jakob Nielsen (http://www.useit.com/) reports: "Studies of user behaviour on the Web find a low tolerance for difficult designs or slow sites. People don't want to wait. And they don't want to learn how to use a home page. There's no such thing as a training class or a manual for a Web site. People have to be able to grasp the functioning of the site immediately after scanning the home page for a few seconds at most." Class Discussion: Name ten things you hate most about the Web. How could they be improved? What are five things you love about the Web? Why? What Is the Difference Between Usability Engineering and Usability Testing? Usability engineering is a methodical approach to producing a Web site or any user interface. It is a practical and systematic way to deliver a product that works for users. Usability engineering involves several methods, each applied at appropriate times, including gathering requirements, developing and testing prototypes, evaluating design alternatives, analysing usability problems, proposing solutions, and testing a site (or other interface) with users. Usability testing is part of the process of usability engineering. Usability testing includes a range of methods for having users try out a site (or other system). In a typical usability test, users perform a variety of tasks with a prototype (or other system) while observers record notes on what each user does and says. Typical tests are conducted with one user at a time or two users working together. Testing may include collecting data on the paths users take to do tasks, the errors they make, when and where they are confused or frustrated, how fast they do a task, whether they succeed in doing the task, and how satisfied they are with the experience. The goal of most usability testing is to uncover any problems that users may encounter so those problems can be fixed. (National Cancer Institute, 1998) Form vs. Function In reality, the need for beauty and the need for usability can be balanced, much like the yin and the yang of Zen. Truly great Web sites combine both aspects to make a Web site that is both aesthetically pleasing and truly usable. The area of Web Usability is currently considered a specialty area, much like that of a Web server administrator, content developer, or Web programmer. (Pearrow, 2000) Always start with a purpose. What problem are you trying to solve?

Internet Usability Design 391 Chapter 1: Usability Introduction Page 4 of 6 What Steps Are Involved in Usability? Getting Started Planning the Web Site The first step is to understand: Why you are developing a site? Who should come to your site? When and why should those people come? In answering these questions, you establish your objectives for the site. The specific objectives depend, of course, on your organization and your audience. You should also think about usability objectives for the site. General usability objectives are that a site must be: Easy to learn. Efficient to use. Easy to remember on subsequent visits. Satisfying, with a minimum number of errors as users go through the site. All the usability objectives are important for most sites, but you may emphasize different ones for different audiences and situations. For example, in a site that is aimed at members of the general public who may only visit once in a while, you should build a site where almost no learning needs to take place to use it efficiently. (National Cancer Institute, 1998) What isn t usability? Usability is not Accessibility. Although Accessibility is a Usability issue we will get into later in the semester. Usability is not Market Research. Although you should perform usability testing on what you consider to be your biggest competitors. Usability is not about Crafting the User Experience. At least, it s not about pure entertainment sites. It has more to do with functionality. (Pearrow, 2000) Other Terms: HCI: Human Computer Interaction Concerns itself with issues such as GUIs, the logic and functionality of the features the software provides, and the way that humans interact with the input and output devices. (Also known as CHI: Computer Human Interaction) Ergonomics: Concerns with the particular hazards that these devices can pose to humans and how we can avoid those hazards. GUI: Graphical User Interface UCD: User Centred Design A philosophy and a methodology of product development that, to be done properly, must necessarily permeate the entire infrastructure of an organization or business. The simple idea is that no product, Web site, or software system matters at all unless there are users to use it. (Pearrow, 2000) Usability Testing and other Usability Tools are an integral part of the product development lifecycle.

Internet Usability Design 391 Chapter 1: Usability Introduction Page 5 of 6 How things end up unusable: 1. All too often, the developers of a Web site focus on the site s features or it s technical implementation while never paying attention to the end user. This defies the first law of UCD: Know your user. 2. The designers of Web sites are often highly technical people who possess skills in programming and other analytical areas. Unfortunately the way these people think and act is usually totally different from the way the end user does. Assumptions these designers make simply do not generalize to the people who will actually be using the site. 3. People who are in charge of the development of Web sites often give in to trends, assuming that incorporating the latest and greatest technology will give them the edge over their competitors. In fact, this type of behaviour usually works exactly the opposite: It reduces the actual usability of the Web site, giving less state-of-the-art competition the edge. Remember, just because a feature exists does not mean that you are obligated to use it. 4. Most people merely assume that good usability results from common-sense reasoning. Most people don t even think of usability as a discipline. In reality, you ll find that common sense is really quite uncommon. Highly usable Web sites do not happen accidentally: they re the results of iterative and exhaustive testing. 5. Unfortunately, people with little or no user interface design experience are making critical decisions about the look, feel, and logical model of Web sites. Virtually every usability problem (above) can be traced back to one of these five well-known principles of UCD. (Pearrow, 2000) What is User Centred Design? User Centered Design (UCD) is both a technique and philosophy that puts the user s needs ahead of anything else. UCD is typified by early and frequent interaction with the real user community to solicit feedback and to gain foresight into the future of the design. It is a philosophy because every part of the design process and other processes that touch it are necessarily touched by it. UCD involves interviewing potential users of your site (or revision of an existing site) before a single line of new HTML has been written. The goal is to determine users likes and dislikes, hopes and expectations, as well as to find out how they currently interact with existing tools. Things you need to find out: Minimal Required Functionality: What, at the very least, does the user need to be able to do with the site? Figure this out first, and add features later. User constraints: What sorts of limitations do your users have? Bandwidth? Browser limitations? WebTV, PDA, vs. IE and NS? Accessibility? User preferences: How do your users want your Web site to act? Are they savvy surfers that want lots of bells and whistles or novices that want easy access? Do your users have cookiephobia? (IE 6 has a default configuration that blocks many cookies). Fast downloads with few graphics or lots of streaming audio & video? User habits: How do users currently carry out tasks? Do they use a competitor s site that they like or hate? Are there actions that they carry out in their sleep on existing sites that can be incorporated into your design? Finding out what works well at other sites can save you a lot of time.

Internet Usability Design 391 Chapter 1: Usability Introduction Page 6 of 6 Existing Systems: What kinds of systems are users currently using to carry out actions? This does not necessarily mean computer systems. User dislikes: What do your users hate about the existing site or comparible sites? You ll want to make sure you don t repeat these errors. Personal Data: Who are your users? How old are they? What s their level of Internet know how? How educated are they? What sites do they use the most? Are they current customers of potential customers? Where do they live? How many computers do they have at home? What platforms do they use? (Pearrow, 2000) References Goto, K. and Cotler, E. (2001), Web ReDesign: Workflow that Works, New Riders Publishing, Indianapolis, IN. Krug, S. (2000), Don't Make Me Think: A Common Sense Approach to Web Usability, New Riders Publishing, Indianapolis, IN. National Cancer Institue (1998), Usability.gov: Usability Basics, [Online], Available http://www.usability.gov/basics/ Nielsen, J. (1998), What is "Usability"?, [Online], Available http://www.zdnet.com/devhead/stories/articles/0,4413,2137671,00.html Pearrow, M. (2000), Web Site Usability Handbook, Charles River Media, Rockland, MA