Uswebusabilityproblems.ppt1 Web Usability Overview This workshop attempts to give a quick overview of web usability: by demonstrating some common usability.

Slides:



Advertisements
Similar presentations
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Advertisements

Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Internal information 1 EPi/Policy training UK September 12, 2008.
Web Accessibility Web Services Office of Communications.
1 Introduction to Accessibility and Planning an Accessible Website Presented by Everett Zufelt & Mike Gifford for Citizens With Disabilities - Ontario.
Usability presented by the OSU Libraries’ u-team.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
COMP6703 : eScience Project III ArtServe on Rubens Emy Elyanee binti Mustapha Supervisor: Peter Stradzins Client: Professor Michael.
Web Page Design University of Wollongong IACT303 – INTI 2005 World Wide Networking.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Usability & Visual Design Krystine Wetherill.  Usability measures the quality of a user's experience when interacting with a product or system—whether.
Web Design Part 2 Page Size, Screen Layout and Content.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Website Planning and Design
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
EPA Web Procedures and Standards October 26, 2010.
Copyright © 2003 Pearson Education, Inc. Chapter 8 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
An Introduction To Websites With a little of help from “WebPages That Suck.
World Wide Web Resources What Do the Experts Say About Web Pages? February, 2001.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
1 Human Computer Interaction Week 10 Web Usability.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
PBA Front-End Programming Universal Usability. Two aspects of usability in web design – Enabling the typical user to accomplish her task as efficiently.
Web Page Design Focus on Usability. 2 Sources (Jacob Neilsen) (Vincent Flanders)
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Promoting the Sustainability of a Digital Initiatives Project User-Centered Assessment and Testing of Aerial Photographs of Colorado Holley Long, Kathryn.

Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Designing web pages for handheld mobile devices Improving the client experience.
Custom Fab Solutions Website Date of evaluation: Heuristic Evaluation.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
OSU Libraries presented by the u-team.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
Evaluating Fitness Websites Kin 260 Jackie Kiwata.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
Web best practices. Basic needs of ALL websites Utility Usability.
Browser Compatibility Testing, using different browsers Conditional Statements.
Is This Website A Useful Resource? Helpful Tips. A Useful Website Has... Quality, depth and usefulness of content clear statement of the content, including.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
Project: Web Designer. Phase 1: The World Wide Web.
Section 6.1 Section 6.2 Write Web text Use a mission statement
How to get the best results from your website and images.
Best Practices in Creating Next Generation PDFs
Web Development A Visual-Spatial Approach
Publishing and Maintaining a Website
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Web Programming– UFCFB Lecture 3
Unit 2 – Webpage Creation
Creating a Website.
Information Systems 337 Prof. Harry Plantinga Usability.
Chapter 4 Planning Site Navigation
Presentation transcript:

uswebusabilityproblems.ppt1 Web Usability Overview This workshop attempts to give a quick overview of web usability: by demonstrating some common usability problems and their causes by highlighting the most fundamental issue in web design - the notion of user- centered design

uswebusabilityproblems.ppt2 Web Usability: Topics What is web usability? Why is usability important? Common usability problems Ways to enhance usability Usability workshop Online resources

uswebusabilityproblems.ppt3 What is web usability? Usability is about ensuring that your website is easy to learn, effective to use and enjoyable for your target audience. Jakob Nielsen suggests that there are five aspects of usability: Ease of learning Efficiency of use Memorability Error frequency and severity Subjective satisfaction

uswebusabilityproblems.ppt4 Why is usability important? Research shows that users cannot find the information they want on Web sites about 60% of the time. This leads to wasted time,reduced productivity, increased frustration, and loss of repeat visits and money... Avoid this with user-centred design

uswebusabilityproblems.ppt5 User-centered design user-centered design approach: is based on knowledge of your website's potential users and their:  technological capacities  physical capacities  cultural context  information needs

uswebusabilityproblems.ppt6 Common Usability Problems 1. the inability to quickly locate information on a web site 2. getting lost or stuck in a site 3. inability to properly view page content or parts of it 4. page difficult to print 5. slow page download times

uswebusabilityproblems.ppt7 Common usability problems (1) Problem: the inability to quickly locate information on a web site

uswebusabilityproblems.ppt8 Common usability problems (1) Problem locating information Philosophy in Cyberspace too many steps required to navigate poorly named navigational aids All About Lawns inconsistent search engine placement search results

uswebusabilityproblems.ppt9 Common usability problems (1) Problem: the inability to quickly locate information on a web site Likely cause(s): (a) badly-designed navigation (b) site architecture inappropriate (c) no readily-accessible search facility (d) poor page layout/use of screen real estate (e) broken link(s) (f) out of date information

uswebusabilityproblems.ppt10 Common usability problems (2) Problem: getting lost or stuck in a site

uswebusabilityproblems.ppt11 Common usability problems (2) Problem: getting lost or stuck in a site Ask Jeeves (traps user in frame)Ask Jeeves

uswebusabilityproblems.ppt12 Common usability problems (2) Problem: getting lost or stuck in a site Likely cause(s): (a) badly-designed navigation (b) no site location indicators on pages (c) orphan pages (no internal links) (d) broken back button on browser (e) opening unnecessary browser windows

uswebusabilityproblems.ppt13 Common usability problems (3) Problem: inability to properly view page content or parts of it

uswebusabilityproblems.ppt14 Common usability problems (3) Problem: inability to properly view page content or parts of it Netspot (no text alternatives to images) Netspot

uswebusabilityproblems.ppt15 Common usability problems (3) Problem: inability to properly view page content or parts of it Likely cause(s): (a) page not cross-platform/cross-browser compatible (b) page not authored to web accessibility (WAI) standards (c) page not designed to 'degrade gracefully' in older browsers (d) page design does not take account of different monitor resolutions (e) HTML markup does not conform to standards (f) reliance on non-present client-side technology browser plug-ins) (g) faulty or inappropriate use of client-side technology

uswebusabilityproblems.ppt16 Common usability problems (4) Problem: page difficult to print Likely cause(s): (a) fixed page width too wide (b) inappropriate use of background colours/images (c) graphics used as text

uswebusabilityproblems.ppt17 Common usability problems (4) Problem: page difficult to print Victorian Government (fixed width page that's too wide to print) Victorian Government

uswebusabilityproblems.ppt18 Common usability problems (5) Problem: slow page download times Likely cause(s): (a) gratuitous use of graphics and/or multimedia (b) failure to optimize graphics (c) too much content on one page

uswebusabilityproblems.ppt19 Common usability problems (5) Problem: slow page download times Guide to Philosophy (page too long - 350Kb) Guide to Philosophy

uswebusabilityproblems.ppt20 Evaluating Web Usability Group Exercise: Website evaluation of usability Form groups Use checklist to evaluate one website Read the guide to web usability Present your views of strengths & weaknesses to the group Post group statement of strengths and weaknesses of website you evaluated and proposed changes to deal with 2 weaknesses Peer assessment of another group’s postings