PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages 20-60 Broad range of job backgrounds and web experience.

Slides:



Advertisements
Similar presentations
Webmasters Workshop Walt Howe Delphi.com Forums. Bells & Whistles?
Advertisements

Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
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.
Maintaining a Website April Old vs New – Maintained with Dreamweaver/Contribute – Style is fixed by template (header, left menu,
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Web-designWeb-design. Web design What is it? Web-design features Before…
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Heuristic evaluation Functionality: Visual Design: Efficiency:
Review Paul Ammann SWE 432 Design and Implementation of Software for the Web.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
Prioritizing Web Usability Nielsen and Loranger Chapter 3: Revisiting Early Web Usability Findings Paul Ammann SWE 432 Design.
Introduction to Web Page Design. General Design Tips.
Copyright © 2012 W3C (MIT, ERCIM, Keio) BAD: Before and After Demo Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
Web Site Design 15 Easy Steps to an Excellent Web Site.
Heuristic Evaluation JUAN MONRREAL JANETTE VAZQUEZ INEZ VELA.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Principles of effective web design NOTES Flo Morris-Duffin.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Web Site Development - Process of planning and creating a website.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
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.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
The Successful Website
Understanding the principles of website development
Investigating User Interfaces
Section 7.1 Section 7.2 Identify presentation design principles
Color Theory in Web Design
Web-design.
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Web Design and Development
Objective % Explain concepts used to create websites.
Fixed Positioning.
Web Development Life Cycle from Beginning to End…and BEYOND!
Creating a Website.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Interface Design Interface Design
Elements of Effective Web Design
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

PRIORITIZING WEB USABILITY

Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience  Used a Windows machine with Internet Explorer  “Thinking Aloud” Method  Site-Specific Testing  Study Scavenger Hunt Web-wide tasks  Purpose: To asses how well sites support the most typical goals users have when visiting them

The Web-User Experience  How well do people use the web?  Majority have a 66% success rate  How people use sites  Search engine dominance 88% go to search engines first when looking for solutions  Spend 30 seconds on home page  Spend seconds deep link pages  Scrolling  Users are “Information Foragers”  Your Website is their snack “You have less than two minutes to communicate the first time a prospective customer visits your Web site. This is the basic fact about the Web experience: As far as users are concerned, every page must justify its claim on their time. If a page doesn’t do that immediately and clearly, they go elsewhere. Most don’t even bother scrolling to see what’s further down the page.”

Revisiting Early Web Usability Findings 8 Problems That Haven’t Changed Dense content and un- scannable text Links don’t change color Breaking the back button Opening new browser windows Vaporous content and empty hype Violating Web-wide conventions Design elements that look like ads Pop-up windows

The Art of “Searching”  Internal Search Engines are good!  Search Interface  Needs to be easy to find on Web site  Search Engine Results Page  Search Engine Optimization

Navigation and Information Architecture  Match structure of site to user expectations  Be consistent  Reduce clutter and avoid redundancy  Be specific with links and label names  Dropdown menus  Direct links on homepage  Clickability Cues “You’ve come to our website like most for information, but unlike other websites we’ve filled it with surprises. So have fun, go find the surprises!”

Typography: Readability and Legibility  Use the 10-point rule  Choosing fonts  Veranda is most readable  Moving Text  Users associate this with ads, don’t do it!  Be smart when mixing fonts and colors  Text images  Only for snippets of text  Customize for your target users

Writing for the Web  What turns users away?  Confusing content  Understand how web users read  Have strong visual cues  Write for your reader  Use simple language  Don’t go overboard on promotional lingo  Format text for readability  Highlight key words

Providing Good Product Information  Display price and extra fees clearly  Support comparison shopping  Tables  Customization  Win customer confidence  Describe product  Provide pictures  Layer product pages  Display bona fides

Presenting Page Elements  “Three-Click” Rule  Common layout mistakes  Interactions too complex  Too many elements  Should you design for scrolling?  Guide users step by step  Keep similar items in the same area  Use white space correctly

Balancing Technology With People’s Needs  Use multimedia when it benefits your audience  Accommodate low-tech users  Underestimate users technical knowledge  Detect users bandwidth  Stick to familiar interface conventions  Practice simplicity “Keep your users at the center of your design project. Be humble. Listen to them. They’ll make you successful.”