Design Usability
  Home arrow Design Usability arrow 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


    (Page 1 of 4 )

    Do you have students or programmers who don't quite seem to "get" the importance of following the rules to  make an interface that is easy for the end user to deal with? Maybe you should make them use EasyChart. Created as an educational tool to deliberately break every design usability rule, it just might lead to an "a-ha" awakening. Eliana Stavrou walks you through some telling examples from the program.

    Introduction

    Most of the time we hear about disciplines and guidelines that we must use to do this and that, without having any actual proof of the results whatsoever or even an example as to how to apply these practices. Being a computer-science graduate, I hated when I had to learn all the theorems which had no immediate practical applicability, because I could not make an association to help me first to understand and then learn. So I spent hundreds of hours on the Internet looking for information to help me on the subject. It gave me a big headache at the time.

    In a previous article titled “Back to school – Design Usability,” I discussed the principles you should keep in mind when designing the interface of your site or application. These principles were based on Nielsen’s Usability Criteria, which I learned in a course I took many years ago. At the time, I had no experience with the usability concepts; I created my websites according to my viewpoint. When we learned about the dos and don’ts of Web design, we concentrated on the theory rather on the practical applicability due to the huge amount of material we had to learn and the lack of time. However, it would have been more useful if we could seen a demonstration of these concepts to better understand their actual meaning.

    I came across a tool called EasyChart, which was developed by IBM’s Ease of Use group in Warwick, UK. EasyChart is a charting tool that has been designed to purposefully violate well-known interface design rules of thumb (heuristics) in order to demonstrate the effect they have on the usability of an interface; it is not intended to be used as a professional charting application. Best of all, it is free; just be aware that the application is about 11MB (zipped format).

    In this article, I will present to you the EasyChart tool and how you can use it to show the importance of usability concepts.

    EasyChart Overview

    As I said, EasyChart is a tool that demonstrates how poor interface design affects users’ performance and satisfaction by violating known usability design principles. You may implement various scenarios and observe the violations regarding specific usability design principles. Such demonstrations could be used to highlight the importance of usability to a potential customer, or to a student audience. In addition, the tool can be used for assessment and training purposes to provide knowledge and skills to potential usability evaluators.

    In order to run the application, follow the steps:

    • Create a new directory.
    • Extract the EasyChart.zip file into the directory.
    • Run EasyChart.bat to launch the application.

    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 2 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek