Home arrow Design Usability arrow Page 2 - EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell
DESIGN USABILITY

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


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.

Author Info:
By: Eliana Stavrou
Rating: 4 stars4 stars4 stars4 stars4 stars / 20
March 08, 2005
TABLE OF CONTENTS:
  1. · EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell
  2. · Demonstration
  3. · Help Documentation
  4. · Build a chart

print this article
SEARCH DEVARTICLES

EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell - Demonstration
(Page 2 of 4 )

Our target in this section is to create a graph using the EasyChart tool, and in the process of doing it I’m going to explain what’s wrong with the working environment.

Launch Application

The following figure shows the initial window that is loaded when the user launches the application. Do you notice anything unusual with it? You don’t??!!

This window breaks the “Aesthetic and minimalist design” principle due to the long length of the window’s title. The title cannot be seen when you first start the application because it is longer that the width of the main content of the window. Remember that we want to use minimal information in an attempt not to disturb the user from the main content.


blog comments powered by Disqus
DESIGN USABILITY ARTICLES

- Responsive Web Design: More Than Just a Buzz...
- Add New Website Features to Please Users
- Gzip Components in Action
- Configuring Gzip Components
- Gzip Components
- 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

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials