Usability Inspection for AT&T Official Website Debaleena Chattopadhyay, Katherine Pacis Manuel, Li He. 2011 Rethink Usability.

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Chapter 11 Designing the User Interface
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
24HR USC Ticket Sale Team #4 Shao-Hung Chen 0979 Campus Yat-Wei Edward Lee 2547 Campus Jing Ma Campus.
Caitlin Depp | Daniel Hanson |Kristen Kuron | Lamont Parker.
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
UI Best Practices Application Developer’s Intro School Week 1 Day 1.
LO4 - Be able to create websites
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Navigating Your Website. What is Navigation? Website navigation is what helps visitors find information on your site. Navigation can be images, links,
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Reverb Usability Blink UX Study and Reverb User Experience Jeff Siarto UI/UX Design, NASA Earth Data Team.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
User Centered Web Site Engineering Part 2. Iterative Process of User-Centered Web Engineering Prototype Evaluate Discovery Maintenance Implementation.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
07 HCI - Lesson 6 Introduction to MiLE+ : a systematic method for usability evaluation Prof. Garzotto.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web-designWeb-design. Web design What is it? Web-design features Before…
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Challenges in Web Document Summarization: Some Myths and Reality A. Rahman H. Alam Document Analysis and Recognition Team (DART) BCL Computers Inc. Santa.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
Introduction to Web Page Design. General Design Tips.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
The Successful Website
Pre-Production Meet with the client to create a project plan:
Objective % Select and utilize tools to design and develop websites.
Investigating User Interfaces
Objectives Design a form Create a form Create text fields
Web Site Design Plan Checklist
Web-design.
Designing a site (2/4) Conceptual Design – 1h
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
Research in a Digital Media Environment
Website Design and Management Section 3 - Design
Designing for the World Wide Web
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Website production.
CIS 376 Bruce R. Maxim UM-Dearborn
Presentation transcript:

Usability Inspection for AT&T Official Website Debaleena Chattopadhyay, Katherine Pacis Manuel, Li He Rethink Usability

Requirement Analysis & Application Modeling Part 1

1. Stakeholder Goals: Overview

Business Process Goals Earn Revenue Compete Fairly in the Market Gain Popularity Advertise Products Showcase Bundle Deals Advertise 3rd Party Products (Phones/Accessories) Maintain Business Model Cost Reduction

Consumer Concern Goals Customer Loyalty 24X7 Availability User Experience Goals Trustworthy Robust Customization De-fragmentation

2. IA: Overall Site

2. IA: Personal Section

3. Key User Profiles On-the-go Student Lisa Eaves Economical Tech-timid Jennifer Minnelli Tech Enthusiastic Steve Spellman

Usability Inspection Result Overview Part 2

Inspection Results

Severity Scale 1 – Cosmetic problem only 2 – Minor usability problem 3 – Major usability problem 4 – Usability catastrophe Severity of problems in relation to business goals primarily impacts: Advertisement of products/services Gaining popularity Compete fairly in the market

Navigation (6 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) Tree navigation [Backward navigation] “Did I not leave the breadcrumbs?” Navigation within a topic [Orientation clues] Looped Navigation3.33 Navigation within a group of topics [Accessibility]; within a topic [Accessibility of different pages]; and overall Navigation Inconsistent Navigation Tree Navigation [Depth anticipation] “How Long, How Far”33 Navigation within a group of topics & within a transition [Orientation clues] “Where am I ?”32.17 Navigation within a transition [Accessibility of a target] & within a group of topics [Introduction list] Target Accessibility

Content (2 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) Text [Conciseness]Lack of Conciseness Text [Authority]Unidentified Third-Party Elements 1.662

Interface: Cognitive (2 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) Information architecture [Website mental map] Failure to Create Mental Map 3.33 Information architecture [Classification Adequacy within group of topics and transition lists] Inadequate Classification 32.66

Interface: Semiotics (5 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) String of Characters [Ambiguity/Clarity; Generality vs. Specificity] Ambiguous, Overlapping and Unspecified Labels Macro-areas [Grouping adequacy; Position of importance] Inadequate Information Grouping Interaction Images [Conventionality; Intuitiveness] Unintuitive Images/Icons String of Characters [Ambiguity/Clarity] Too Many Emphasized Words 22 String of characters [Information scent] Using Code to Specify Items 21.33

Interface: Graphics (6 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) Overall graphic design [Widget consistency] Inconsistent Widgets31.66 Overall graphic design [Anchor states; Anchor identity] Ambiguous and Misleading Anchors Overall graphic design [Icon consistency] Inconsistent Icons Overall graphic design [Visual identity] Inconsistent Visual Identity Page layout [Position consistency] Inconsistent Object Positioning Overall graphic design [Font size] Small Font Size2.332

Technology (5 problems) Feature [Heuristic]ProblemOverall SeveritySeverity (with Business Goals) Optimization [Page downloading time; Media streaming] Lack of Optimization2.662 Errors management [System reaction to errors of a user; Scripting errors] Invalid User Error Handling Errors management [Operation management] Refresh Page Problem Errors management [Scripting error] Blank Page22.33 Browser compatibility [HTML interpretation] HTML Incompatibility21.66

Scenario-based (7 problems) Usability Goal ViolationProblemOverall SeveritySeverity (with Business Goals) UtilityInflexible Comparison Functionality EffectivenessUser Un-friendly Requirement 2.67 EfficiencyLack of Visibility of Buttons Effectiveness; EfficiencyPoor FAQ/Customer Support 2.33 UtilityLimited options21.66 SafetyAutomatic audio1.661 EfficiencyHidden information11

Results Summary Uncovered salient issues that impacted user experience and business goals Website is not very usable and is in need of improvements, mainly in navigation design and information architecture.

Typical Problems Part 3

Anchor Ambiguity

Overlapping Labels

Mental Mapping & Memorability

Shop Wireless Internet Home Phone Digital TV Services Bundle is a shopping feature. U-Verse is a technology across services. Legends Bundles U-Verse / Non-U- Verse Bundles U-Verse/ Non U- Verse

Depth Anticipation

Navigation Loops

1 2 3 Same Page Navigation Loops

Recommendations Transparency in Information architecture Consistency and clarity in Interface Design Refinement of present Navigation options Topic Difference Awareness clear inter-topic transitions unambiguous orientation clues a universal shopping cart consistent styling to identify anchors visited link coloring Intuitive associated anchor icons unambiguous anchor labels Widgets should not afford deceptive functionality backward navigation Stick to general-to- specific navigation paradigm Make multiple navigation consistent Better introduction lists Orientation clues transition lists

Thank you! Questions?