• Embed Doc
  • Readcast
  • Collections
  • CommentGo Back
Download
Web:
www.j ackbe.com
Phone: +1.240.744.7620
Email:i nf o@j ackbe. com
\u00a9 JackBe Corporation August, 2006
Aj ax Usabi l i t y Benef i t s
and Best Practices
A Whit e Paper from JackBe Corporat ion
Jerrold Prot hero, Ph.D.
Usability Specialist
JackBe Corporat ion
j erroldp@j ackbe. com
+1. 240. 744. 7639
Cont ent s

About This Document..................................................................... 2 Purpose of t his Document........................................................ 2 Who is this document for?........................................................ 2 Execut ive Summary................................................................ 2

Aj ax Technology Summary............................................................... 3
Summary of Aj ax Applications, Benefits & Pitfalls................................... 3

User Int erf ace Design Wit h Aj ax......................................................... 7 General Principles of Interface Design......................................... 8 Shneiderman\u2019s Eight Golden Rules.............................................. 8 Norman\u2019 s Four Principles of Good Design...................................... 8 Interaction Styles.................................................................. 9 Specific Guidelines................................................................ 9 Aj ax Design Pat t erns.............................................................. 9

Gl ossar y..................................................................................... 15
About JackBe / For Furt her Informat ion.............................................. 15
Tabl es

Table 1: Aj ax Applicat ion Areas..................................................... 4 Tabl e 2: When Not To Use Aj ax...................................................... 6 Table 3: Communicat ion Design Pat t erns......................................... 10 Table 4: Dat a View Design Pat t erns................................................ 11 Table 5: Edit ing Design Pat t erns................................................... 11 Table 6: Hierarchies, Set s & Navigat ion Design Pat t erns....................... 12 Table 7: Layout Design Pat t erns.................................................... 12 Table 8: Obj ect Display, Select ion & Manipulat ion.............................. 12 Table 9: Save & Undo Design Pat t erns............................................. 14 Table 10: Search Design Pat t erns.................................................. 14 Table 11: Time Design Pat t erns.................................................... 14 Table 12: Widget Design Pat t erns.................................................. 15

\u00a9 2006 JackBe Corporation. All rights reserved.
Page 1
About This Document
Purpose of t his Document

While Aj ax t echnology has recent ly received a lot of at t ent ion, t here is uncert aint y about benefit s, best pract ice, and risks. This whit e paper addresses t hese quest ions, primarily from a usabilit y perspect ive.

Who is this document for?
This document is intended for:
\ue000
Developers who need t o learn more about Aj ax applicat ions and best
pract ice.
\ue000
Executives who need t o make business decisions about adopt ing Aj ax
t echnol ogy.
\ue000
Analyst s who need background on t he developing Aj ax market .
Executive Summary

Aj ax (Asynchronous JavaScript and XML) refers t o using a combinat ion of pre-exist ing soft ware t echnologies t o creat e int eract ive Web applicat ions. The sudden emergence of Aj ax (or Aj ax) as a t erm, first int roduced in February 2005 by Jesse James Garret t ,1 reflect s t he rapidly growing market awareness of t he benefit s Aj ax can provide.

The primary st rengt h of Aj ax is allowing Web applicat ions t o have t he int eract ivit y of familiar deskt op t ools. Aj ax can be t hought of as a set of enabling t echnologies for t he Web 2. 02 t ransit ion from a st at ic t o an int eract ive Web environment .

Key Aj ax benefit s for Aj ax-enabled Web applicat ions include:
\ue000
Less wai t i ng.Aj ax support s updat ing part s of a Web page on an as-needed
basis, rat her t han t he t radit ional approach of updat ing an ent ire Web page
at once. This allows for faster turn-around.
\ue000
Fast er user t ask performance.Aj ax pr ovi des numer ous usabi l i t y benef i t s,
which (wit h good design) allow users t o do what t hey need t o do more
quickly.
\ue000
Familiar user int erfaces.Aj ax i nt er act i vi t y suppor t al l ow s Web
applicat ions t o look more like t radit ional deskt op applicat ions.
\ue000
Lower bandwidt h requirement s.Aj ax r educes bandw i dt h r equi r ement s i n
t wo ways: by removing t he need t o resend an ent ire page t o updat e part of
it ; and by a more efficient encoding of complex Web pages.
The goal of user int erface design is t o improve usabilit y3 and t he overall user
experience.4Aj ax si mpl i f i es achi evi ng t hi s goal .
1 ht t p:/ / adapt ivepat h.com/ publicat ions/ essays/ archives/ 000385.php
2 ht t p:/ / en.wikipedia.org/ wiki/ Web_2
3ht t p: / / w w w . usei t . com/ al er t box/ 20030825. ht ml
\u00a9 2006 JackBe Corporation. All rights reserved.
Page 2
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
You must be to leave a comment.
Submit
Characters: ...