Effective Screen Design
“Successful concealment organisation is supported on how substantially the developer knows both the individual and the data.”
- Bryce’s Law
INTRODUCTION
Some instance past I was employed with a infirmary in the Midwest who
was disagreeable to automate whatever enduring incoming forms. Hospital
forms are notoriously complicated and voluminous (thanks to the lawyers), and this infirmary was no different. This prefabricated it arduous for the infirmary to foregather the needed accumulation most a patient, their physician, and their shelter carrier. As such, they desired to automate the forms thereby simplifying the assemblage of data. Unfortunately, the resulting concealment designs were essentially no assorted than the forms. They were rattling laboring and complicated with lowercase redaction checks. Frankly, they were no meliorate than the forms they were disagreeable to change and, because of this, ingest of the screens were inconsistent at best.
Designing a machine concealment is essentially no assorted than artful a essay form. But since most of today’s developers hit lowercase undergo in forms organisation perhaps it is instance to analyse whatever of the humble elements of beatific design. First, because a concealment or modify represents how a manlike existence module programme with a system, we staleness study the man/machine interface; its ergonomics. This effectuation we staleness prototypal wager the witting user, including his/her content verify and senses. Someone with a greater skillfulness in using a machine module hit inferior travail in using complicated screens than someone inferior informed in machine technology. As to senses, there is lowercase saucer in production an enlarge colouration plot if the individual haw be colorblind. Again, undergo thy witting user.
For more aggregation on ergonomics, wager No. 65 - “What Ever Happened to Ergonomics?” - March 6, 2006
http://www.phmainstreet.com/mba/ss060306.pdf
The objective, therefore, in beatific concealment organisation (and forms design) is to attain something that is cushy to ingest (intuitive; requiring lowercase rendering and confusion) and trenchant for aggregation accumulation and displaying information. Although the mass communicating crapper be applicatory to screens as utilised in whatever case supported operative systems, it is primarily afraid with Graphical User Interfaces (GUI) as utilised in today’s favourite operative systems.
The interface was originally introduced with Xerox’s Star machine in the primeval 1980’s. Following this, individual companies emulated the Star, including Apple, Microsoft, IBM, and Sun. The interface was extremely favourite as it offered an assist of ingest never before intellection possible. The exclusive difficulty was that it lacked standards, whereby digit interface implemented information did not bear in the aforementioned activity as added interface program. Fortunately, standards started to materialize in the New 1980’s with IBM’s CUA standards (Common User Access) which provided a destined itemize of organisation standards for nonindustrial a interface supported program. (NOTE: CUA was an essential conception of IBM’s System Application Architecture standards - SAA). The goodness of CUA status was that users old with digit interface information could apace be drilled in how to ingest added interface program, since they essentially behaved the same. Today, there are today assorted interpretations of the CUA standards as implemented by assorted machine vendors (Gee, what a surprise! 
Nonetheless, artful a interface concealment in gift with acknowledged standards is desirable over nonindustrial of a concealment without much standards.
DESIGN CONSIDERATIONS
Today there are whatever pretty disentangle tools to apace physique screens. Regardless of their capabilities, a developer should be cognizant of threesome humble organisation considerations: Layout, Data Entry, and Support:
A. Layout
The neutral here is to attain the concealment “clean” and consistent. Too much discourse makes the concealment untidy and material to the end-user. When artful your screen, study receptor movement, receptor lineage and, where appropriate, add magnification. Here are whatever tips for consideration:
Alignment - there should be whatever ultimate equilibrium to the screen. Disjointed encounter of fields, text, and images tends to disaffect users. There should be a cushy turn of arrangement not exclusive around the bounds of the screen, but between sections of the screen. Because interface windows crapper be resized (either peak or to a peak and breadth devised by the user), study how the concealment module countenance in either form. Borders are multipurpose for process sections on the screen, but be destined they do not embellish overbearing and distracting.
Zoning - this refers to the organisation of sections within the screen. This is multipurpose if assorted types of users are feat to be accessing the aforementioned screen, or if assorted sections help distinctly removed purposes (thereby not unclear digit with another). Borders and colours crapper be multipurpose for characteristic sections. In a interface window, notebook tabs crapper be useful.
Flow - there should be an manifest line to the concealment that module course grownup the user’s receptor and stimulate him/her in the comely direction. Understand this, Western countries mostly notice things from left-to-right and top-down; Eastern countries notice things top-down and from left-to-right; and Middle Eastern countries notice things from right-to-left and top-down. Also wager that the journalism visit of the keyboard provides content for the user. As such, the journalism visit on a concealment should go in a conventional visit and not move around meaninglessly.
Type Fonts - ingest ordinary fonts old to users. Fancy fonts haw be impressive, but module they be supported on every of the computers where the concealment module be accessed from? Commonly acknowledged fonts earmark Arial, Courier, Sans Serif, and Times Roman. Devise a accepted identify saucer size; 10 is generally
united to be readable by the cipher person, but then again, module your end-user be an cipher person? Also, devise a accepted plot for upper-case and lower-case composition and identify styles (e.g., bold, italic); much subtleties module course draw the eye.
Colors crapper be adjuvant for lightness sections, state required earth entries, or for generalized appearance. Although colours crapper be helpful, they crapper also be distracting if they embellish overbearing. Be huffy to colouration contrasts so the individual crapper adequately feature the screen. Also be cognizant of end-users who are strength be colorblind.
Headings - concealment headings should be settled in a accepted function for cushy finding by the user. A conventional study and, where appropriate, a concealment sort should be understandably circumpolar to the user.
Keyboard/mouse relationship - if in the circumstance a machine pussyfoot either breaks downbound or is only not available, the individual should ease be healthy to fulfil the concealment using ultimate keyboard commands. CUA standards are specially multipurpose in this regard.
B. Data Entry
The comely entry of accumulation is meet as essential as the fleshly layout of the screen. Regrettably, whatever designers verify a ostensible move to accumulation assemblage and, consequently, a aggregation of instance is spent after on cleanup up accumulation in the accumulation base. Considerable instance crapper be ransomed with a lowercase try here in screen
design. Your objective, therefore, is to display a concealment that module amass “clean” accumulation (as anti to “dirty” accumulation that module hit to be rectified after on).
Before embarking on concealment design, the developer should be hint with the accumulation specifications. This crapper be obtained either from a beatific accumulation dictionary/repository, or from the fleshly accumulation humble design. Basically, the developer is hunting for the accumulation element’s:
- Length - the peak sort of characters which haw be appointed to a accumulation element.
- Class - the identify of characters to be expressed; e.g, alphabetic, numeric, alphanumeric, subscribed numeric, etc.
- Justification - the encounter of accumulation within a earth when the sort of characters is inferior than the size of the receiving field, e.g., left, right, around the quantitative point.
- Fill Character - the case to be utilised to rank a earth when the accumulation component to be settled in the earth is shorter than the peak length, e.g., blank, zero, X, etc.
- Void Character - the case to be utilised when a accumulation item’s continuance is uncharted or nonexistent, e.g., blank, zero, X, etc.
- Unit of Measure - the state of denotive data, e.g., area, volume, weight, length, time, forcefulness rate, money, etc.
- Precision - for denotive data, the sort of momentous digits in a number.
- Scale - for denotive data, the positioning of the quantitative point.
- Validation Rules - the limited values which the accumulation surroundings haw assume, including pick values. For example, Yes/No, limited codes or drawing to be used, redaction rules, etc. This includes much things as the countenance of dates:
20051211
Dec 11, 2005
12/11/2005
2005/12/11
11-DEC-05
- Generated accumulation - quite ofttimes it is needed to exhibit computations supported on direct values existence inputted by the user. As such, it is needed to undergo the accumulation dependencies and the formulas for conniving the generated values.
- Program Label - though this module not be circumpolar to the individual inputting the data, the developer staleness wager how the accumulation surroundings is referenced in the accumulation base.
NOW IS NOT THE TIME TO GUESS WHAT THE DATA DEFINITION IS; NOW IS THE TIME TO BE AS PRECISE AS POSSIBLE. Armed with this knowledge, the developer then determines the most fit mechanisms for aggregation the data; for interface windows, this primarily includes much things as earth entries, broadcasting buttons, analyse boxes, activity lists, and book boxes. The neutral here is to obligate the individual to attain precise entries as easily as possible. Some considerations:
- Mandate destined earth entries be complete before allowing processing to continue. This crapper be finished by: forcing the pore of the pane to the field(s) requiring entry; attaching a “hot” colouration to required earth entries (red) and; pop-up messages to stimulate the individual of difficulty entries.
- Automatically start pick values into earth entries; this saves instance for the individual (as substantially as forcing comely entries). One beatific warning of this is to hit the individual start a Zip Code first, which should then automatically fill City and State entries.
- Check characters entered and automatically change accordingly. For example, automatically upshift or downshift characters - this is specially multipurpose when incoming State Postal Codes (upshift), and incoming e-mail addresses (downshift). Also, react destined case entries and analyse formats.
- Make astir ingest of activity lists, thereby forcing the individual to superior a pick from a formal itemize as anti to typewriting an entry.
- Encrypt destined huffy entries, much as assign bill drawing and passwords.
- If your covering is to earmark continent characters (e.g., Chinese, Japanese, or Korean), wage the knowledge to earmark for the Double Byte Character Set (DBCS). For info, see:
http://publib.boulder.ibm.com/iseries/v5r2/ic2924/index.htm?info/dm/rbal3mst187.htm
- Accommodate the countenance of topical units of measure, much as dates, times, money, etc. This “personalizes” the concealment for the user.
- Depending on the situation, wage or differ the ingest of the computer’s clipboard for earth entries.
- Where applicable, wage for accumulation entry using voice/speech-type dictation.
Finally, info the composed accumulation to meet the targeted fleshly accumulation base.
By making accumulation entry “foolproof” you module be state a aggregation of instance and try for the end-user, the DBA, and yourself.
C. Support
To derogate individual confusion, be trusty to earmark decent Help book and messaging facilities into the screen. Too ofttimes I hit seen screens with lowercase hold in this regards. Again, CUA standards should be observed whenever possible.
Help Text - should be provided for:
A. The concealment coverall - explaining its coverall purpose, who should be using it, and how the accumulation module be computerized (its behavior). The Playscript module framework for composition procedures is specially multipurpose in this regards (see “References” beneath for details).
B. The different sections of the concealment sections (if binary sections).
C. Field entries - display the study of the earth entry, signaling specifications, along with whatever distribution and advisable entries. If a generated continuance is displayed, vindicate how it is computed (from another earth entries).
“Help” near buttons on the concealment are helpful, but everything should be attendant to the F1 Help key, specially earth entries. Further, every screens should feature a Help action-bar-choice which includes an Index of subjects, and “About” (identifying
the study and edition of the code in use).
Messages
Messages essentially become in threesome forms: Informational (requiring no action), Warning (that a possibleness difficulty strength exist), and Error (prohibiting processing). All messages should be understandably cursive and cushy for the individual to understand. For warning and nonachievement messages, do not only inform a difficulty to the user, but also apprize him on what he should do most it. In another words, saucer him in the precise content and don’t yield him hanging.
CONCLUSION
Good concealment organisation requires a developer in set with his witting conference and who crapper create a ultimate and trenchant resolution that is cushy for the individual to execute, still promotes the assemblage of “clean” data. The developer staleness accomplish a destined equilibrise between what is graphically foppish and what is applicatory for the individual to use.
One surroundings of organisation that is alluded to in this communicating is the utilization of coupler systems whereby screens crapper be translated into external languages. There are whatever ultimate tricks for doing this. Be trusty to read:
No. 03 - “Creating Universal Systems” - Dec 20, 2004
http://www.phmainstreet.com/mba/ss041220.pdf
Above every else, the developer should notice every relevant organisation standards when creating screens. As mentioned earlier, users module be more probable to accept and compel newborn programs if their organisation is kindred to programs they are already old with. The requirement for status cannot be heavy enough. To this end, whatever companies modify go so farther to devise a accumulation of accepted concealment templates for developers to use. This does digit things; it helps oblige organisation standards, and; it expedites the utilization of the screen. But in the end, flourishing concealment organisation is supported on how substantially the developer knows both the individual and the data.
REFERENCES
For vendor CUA (Common User Access) Standards, see:
IBM
http://www-306.ibm.com/ibm/easy/eou_ext.nsf/publish/558
Microsoft
http://msdn.microsoft.com/library/default.asp?URL=/library/books/winguide/fore.htm
Apple
http://developer.apple.com/documentation/index.html
Sun
http://docs.sun.com/app/docs/doc/802-6490
For a statement of the “Playscript” machine language, see:
No. 38 - “The Language of Systems” - Aug 22, 2005
http://www.phmainstreet.com/mba/ss050822.pdf
Tim Bryce is the Managing Director of M. Bryce & Associates (MBA)
of Palm Harbor, Florida and has 30 eld of undergo in the field. He is acquirable for upbringing and consulting on an planetary basis. He crapper be contacted at: timb001@phmainstreet.com
Copyright © 2006 MBA. All rights reserved.
Tags: Bryce, design, Forms, GUI, MBA, Screen, Tim