Design Usability
  Home arrow Design Usability arrow Page 3 - EasyChart: a Usability Teaching Tool to De...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
DESIGN USABILITY

EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell
By: Eliana Stavrou
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 13
    2005-03-08

    Table of Contents:
  • EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell
  • Demonstration
  • Help Documentation
  • Build a chart

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell - Help Documentation


    (Page 3 of 4 )

    What is the first thing you do when you use an application for the first time? You search the Help documentation for a quick introduction to the system. Well, notice the main menu bar. At first glance, you can not locate a Help option. You recognize two main options, the “File” and “Edit” options; a “Games” option that has nothing to do with the operation of the tool; and a “Go” option that does not give you any hint as to what is in the menu.

    This menu breaks the “Aesthetic and minimalist design” principle at a high level, because it provides irrelevant information that confuses the user. It also violates the “Error prevention” principle, because the “Go” option misleads the user who is trying to find a specific task that may not be there, thus making an error.

    Anyhow, you decide to explore the “Go” option and, if you are lucky, find information to use the tool.

    As you can see from the previous figure, there is a sub-option called Assistance. The selection of “Assistance” rather that “Help” violates the “Consistency” and “Match between system and the real world” principles; Help is more common and recognizable by all users as it relates to real-world situations.

    Now you expect the Help window to be launched, but instead you get the following message:

    The message is confusing, because on the one hand it informs you that Help is unavailable, and on the other hand it provides a Help button that reloads the same dialogue! The button “Never mind” closes the message, although its name does not indicate the close action. This message violates a bunch of usability design principles: the “Help and documentation” because it doesn't provide either; the “Visibility of system status” because it does not provide any title to the message to indicate feedback about the action taken; and the “Match between system and the real world” and “Aesthetic and minimalist design” principles due to the selection of the buttons’ names.

    More Design Usability Articles
    More By Eliana Stavrou


       · Thank you for bringing this tool to my attention. What a great idea -- a purpose...
     

    DESIGN USABILITY ARTICLES

    - Create Great JavaScript and CSS Menus Simply
    - Design Principles that Shape a Web Site
    - Creating Aqua Style Images
    - Easy as A,B,C – dynamic A to Z indexes
    - EasyChart: a Usability Teaching Tool to Demo...
    - Building Friendly Pop-up Windows
    - Back to School: Design Usability
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - More Website Knick Knack
    - Browsers as Test Platforms
    - Website Knick Knack
    - Dynamic Page Elements-Cloak and Dagger Web D...
    - Accessibility and Dreamweaver MX 2004







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 1 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek