Tom Brinck Chief Usability Officer Yaffe Workshop on Web Site Strategy and Tactics Web site architecture and usability September.

Slides:



Advertisements
Similar presentations
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Welcome Presentation by Gavin Evans and Jaime Purvis.
Refinement Production Implementation Design and Development Stages.
And How To Avoid Them! Continuing Studies CS 22: Enhanced Web Site Design September 2013 Top Ten Web Design Misteaks (sic)
A Web Accessibility Primer: Usability for Everyone XX Presenter Name Presenter Title Presenter Contact Office of Web Communications.
Online Access for all POSTGRADUATE DIPLOMA IN PUBLIC COMMUNICATION (New Media) Trinity & All Saints College April 2006 Bim Egan Web Accessibility Consultant.
Web Usability by Scott Grissom1 Web Usability Scott Grissom Computer Science & Information Systems.
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
Universal Access to Technology. User-centered system Design is iterative! DESIGN TEST.
Web Design, Usability, and Aesthetics 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Universal Access to Technology. User-centered system Design is iterative! DESIGN TEST.
1 AccessMonkey A scripting framework for improving web accessibility Jeremy Brudvik Jessica Leung.
Understanding Universal Web Accessibility Bebo White SLAC 27 Sept 2002.
Everyday inclusive Web design: an activity perspective CS575 MADHAVI L NIDAMARTHY.
1/12. 2/12 Who is this Lawrence guy? Why am I here? Why is effective web design important? :: See whySee why We will discuss: General Suggestions User.
WCAG 2.0 California State University, Los Angeles.
Americans with Disabilities Act Ms. Sam Wainford.
Web Accessibility John Rochford UMMS Shriver Center Director, INDEX Program Rich Caloggero WGBH National Center for Accessible Media MIT Adaptive Technology.
Designing for Disabled Users.  p?vid=35 p?vid=35.
 What is web accessibility? ture=relatedhttp://
In this day where computers and the web are a daily part of life, people now have better and more independent access to information and communication.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Accessibility IS 403: User Interface Design Shaun Kane 1.
Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
Writing for the Web 101. Benefits of Writing Good Content The Web is most often the first place people go to find information –Good content improves image.
The Online Experience: Accessibility & Usability for Everyone Richard W. Smith.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
1 Usability and accessibility of educational web sites Nigel Bevan University of York UK eTEN Tenuta support action.
DRUPAL AND INFORMATION ARCHITECTURE MICHAEL WAYNE HARRIS INFORMATION ARCHITECT USER EXPERIENCE & WEB SERVICES.
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,
Refine Produce Implement Design and Development Stages.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.
Putting Assessment into Practice - Library Websites Steve Burks, LIS Web Developer Saint Michael’s College Library
Web Content Development IS Dr. Ravi Kuber Accessible Web Design.
Making eLearning Accessible for Everyone. Will the be accessible to everyone? MOOC online space scenario mobile course eLearning.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Usability Engineering Dr. Dania Bilal IS 592 Spring 2005.
Acessible Digital Media By Rivelina Lorvil. What is Accessibility? ♦Accessibility involves two key issues ♦ first, how users with disabilities access.
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.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Dr Faezeh Seyedarabi & Rocio Calvo Digital Accessibility in Higher and Further Education Conference – 7 th April 2016 Making Accessible PDF documents in.
University of Sunderland CDM105 Session 3 Web Authoring Web accessibility A review of some of the current issues affecting Web design in respect to user.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Understanding the principles of website development
Web & accessibility resources
Community Engagement Web Community Manger (WCM) - Schoolwires
Making the Web Accessible to Impaired Users
Information Architecture and Design I
Objective % Explain concepts used to create websites.
Client Needs Analysis & Competitors
Web Programming– UFCFB Lecture 3
Lakeshore Public Schools
From compliance to usability
Information Architecture and Design I
ICT Communications Lesson 4: Creating Content for the Web
Introduction to Web Accessibility
Refine Produce Implement
Accessibility.
Presentation transcript:

Tom Brinck Chief Usability Officer Yaffe Workshop on Web Site Strategy and Tactics Web site architecture and usability September 20, 2002

©2002 Diamond Bullet Design Website architecture and usability Who I am Chief Usability Officer at Diamond Bullet Design ( Adjunct lecturer at the UM School of Information Co-author of “Usability for the Web” Background in computer science, psychology, and design

©2002 Diamond Bullet Design Website architecture and usability What is usability? Usable = easy to use Philosophy – Being sensitive to and accountable to your users and your design goals Process – Optimize the chances of producing a successful design Design principles – Numerous specific guidelines for an easy user interface

©2002 Diamond Bullet Design Website architecture and usability Why does usability matter? People can’t accomplish what they need on sites: –People can’t find what they are looking for on a website about 60% of the time (UIE) –62% of Web shoppers have given up looking for the item they wanted to buy (ZR) –40% of users don’t return to a site when their first experience is negative (FR) Sites should generate revenue by serving customer needs Technology shouldn’t be another barrier Studies conducted by: Forrester Research (FR), User Interface Engineering (UIE), and Zona Research (ZR)

©2002 Diamond Bullet Design Website architecture and usability A common usability problem: illegibility

©2002 Diamond Bullet Design Website architecture and usability Usability problems not useful: mismatch of functionality obscurity and ambiguity: can’t find information confusion: users do the wrong thing (order the wrong product!) quality: the site doesn’t work accessibility: people with disabilities can’t access information compatibility: it doesn’t work in various browsers

©2002 Diamond Bullet Design Website architecture and usability Accessibility Reach the broadest audience possible 1 in 5 people in the United States has some kind of disability and an estimated 30 million people are impacted by inaccessible computer and software design. Census Brief 97-5

©2002 Diamond Bullet Design Website architecture and usability Accessibility Types of disability: vision, hearing, movement, cognition Vision –Avoid small fonts, small images, and non-scalable fonts –Enable blind users to use a screen reader –Use ALT tags –Keep text succinct and put the most important items first

©2002 Diamond Bullet Design Website architecture and usability Accessibility Standards Section U.S. federal government standards W3C WCAG - Web Content Accessibility Guidelines These enable wide access, including access from non-traditional browsers and people with temporary access limitations

©2002 Diamond Bullet Design Website architecture and usability ROI: Measurement-based design define measurable goals based on your business strategy and customer needs end goals –sales volume –market share –customer satisfaction ratings goals measurable during development estimate these end goals –task-completion rate –task time –subjective ratings

©2002 Diamond Bullet Design Website architecture and usability Pervasive usability manage the ENTIRE process to guarantee that you deliver on the goals accountability = measurement-based –test users and refine to meet your goals –other measurement methods: surveys, focus groups, interviews, … cost management –build inexpensive prototypes and select measurement methods that are cost effective risk reduction –iterations and variations – plan to produce alternatives to explore the design space and to evolve the design, select backup plans early in case goals aren’t reached

©2002 Diamond Bullet Design Website architecture and usability ROI: a case study of a state portal thousands of links to eGovernment resources in every state agency iterative design of architecture driven by user testing and refinement most improvements were in categorization and labeling test tasks included finding online driver’s license renewal and information about 4-year colleges in the state

©2002 Diamond Bullet Design Website architecture and usability ROI: a case study of a state portal results of improvement –task completion rate went from 72% to 95% –average task time went from 132 seconds to 50 seconds –users rated tasks as easier, faster, and more intuitive improved site performance leads to –dramatically greater site-generated revenue (e.g. online license registrations) –time savings for state citizens that we conservatively estimate to be at least $1.2 million annually

©2002 Diamond Bullet Design Website architecture and usability Summary People aren’t successful at using most sites. Usability is about solving that problem. Apply accessibility guidelines to maximize your market penetration. Set explicit, measurable, customer-driven goals Make goals meaningful and be accountable to them. Test against your goals and refine accordingly. Choose methods of usability analysis based on cost and estimated impact on performance.