User Interface Standards

From Computing and Software Wiki

(Difference between revisions)
Jump to: navigation, search
(<span style="color:#191979">Eight Golden Rules of Interface Design</span>)
(Standards)
Line 43: Line 43:
===<span style="color:#191979">Windows</span>===
===<span style="color:#191979">Windows</span>===
-
=====&nbsp;&nbsp;''Window Management''=====
+
=====&nbsp;&nbsp;Window Management=====
-
=====&nbsp;&nbsp;''Dialog Boxes''=====
+
=====&nbsp;&nbsp;Dialog Boxes=====
-
=====&nbsp;&nbsp;''Properties Windows''=====
+
=====&nbsp;&nbsp;Properties Windows=====
-
=====&nbsp;&nbsp;''Common Dialogs''=====
+
=====&nbsp;&nbsp;Common Dialogs=====
===<span style="color:#191979">Asthetics</span>===
===<span style="color:#191979">Asthetics</span>===
-
=====&nbsp;&nbsp;''Sizing''=====
+
=====&nbsp;&nbsp;Sizing=====
-
=====&nbsp;&nbsp;''Formatting''=====
+
=====&nbsp;&nbsp;Formatting=====
-
=====&nbsp;&nbsp;''Titles and Icons''=====
+
=====&nbsp;&nbsp;Titles and Icons=====
-
=====&nbsp;&nbsp;''Fonts and Colour''=====
+
=====&nbsp;&nbsp;Fonts and Colour=====
===<span style="color:#191979">Interaction</span>===
===<span style="color:#191979">Interaction</span>===
-
=====&nbsp;&nbsp;''Shortcuts''=====
+
=====&nbsp;&nbsp;Shortcuts=====
-
=====&nbsp;&nbsp;''Mouseovers''=====
+
=====&nbsp;&nbsp;Mouseovers=====
-
=====&nbsp;&nbsp;''User Input''=====
+
=====&nbsp;&nbsp;User Input=====
-
=====&nbsp;&nbsp;''Keyboard''=====
+
=====&nbsp;&nbsp;Keyboard=====
-
=====&nbsp;&nbsp;''Pointers''=====
+
=====&nbsp;&nbsp;Pointers=====
-
=====&nbsp;&nbsp;''Accessibility''=====
+
=====&nbsp;&nbsp;Accessibility=====
===<span style="color:#191979">Messages</span>===
===<span style="color:#191979">Messages</span>===
-
=====&nbsp;&nbsp;''Errors and Warnings''=====
+
=====&nbsp;&nbsp;Errors and Warnings=====
-
=====&nbsp;&nbsp;''Confirmation and Notifications''=====
+
=====&nbsp;&nbsp;Confirmation and Notifications=====
===<span style="color:#191979">Text</span>===
===<span style="color:#191979">Text</span>===
-
=====&nbsp;&nbsp;''UI Text''=====
+
=====&nbsp;&nbsp;UI Text=====
-
=====&nbsp;&nbsp;''Style and Tone''=====
+
=====&nbsp;&nbsp;Style and Tone=====
===<span style="color:#191979">Commands</span>===
===<span style="color:#191979">Commands</span>===
-
=====&nbsp;&nbsp;''Menus''=====
+
=====&nbsp;&nbsp;Menus=====
-
=====&nbsp;&nbsp;''Toolbars''=====
+
=====&nbsp;&nbsp;Toolbars=====
-
=====&nbsp;&nbsp;''Ribbons''=====
+
=====&nbsp;&nbsp;Ribbons=====
===<span style="color:#191979">Controls</span>===
===<span style="color:#191979">Controls</span>===

Revision as of 23:15, 21 November 2009

User Interface Standards is created by Group 6 for 2009/2010 Software Engineering 4D03 Assignment 5. Group Members: Roshan Jesuratnam, Ashan Khan, Arturo Mata, Jaganvir Sandhu

This document specifically looks at Graphical User Interface (GUI) standards, over other types of interfaces which exist.


Contents

Overview

TALK ABOUT TRIAL AND ERROR, SIMPLICITY,ETC


NO INDUSTRY STANDARDS BUT THERE ARE HEURISTICS AS A GENERAL GUIDLINE

EACH COMPANY HAS ITS OWN STANDARD WHICH IT FOLLOWS, THIS WIKI WILL EXPLAIN THE GENERAL, COMMON THINGS AMONG THEM.SDFSDG

The structure principle. The simplicity principle. The visibility principle. The feedback principle. The tolerance principle. The reuse principle.


APPLES AQUA INTERFACE DESIGN STANDARD WINDOWS NEW WINDOWS 7 STANDARD

DIFFERENT TYPES OF USERS

CONSSISTENCY

(Use http://www.isii.com/ui_design.html)

Standards

ADD MORE SHIT ON THIS, NEEDS MORE COWBELL

TAKE FROM APPLE AND MICROSOFT AND MORE CRAP
http://en.wikipedia.org/wiki/Aqua_(user_interface)
http://developer.apple.com/mac/library/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/XHIGIntro.html
http://download.microsoft.com/download/e/1/9/e191fd8c-bce8-4dba-a9d5-2d4e3f3ec1d3/ux%20guide.pdf ********************
http://www.usabilitynet.org/tools/r_international.htm
http://www.beta-research.com/standards.html <---GOOD RESOURCE

Windows

  Window Management
  Dialog Boxes
  Properties Windows
  Common Dialogs

Asthetics

  Sizing
  Formatting
  Titles and Icons
  Fonts and Colour

Interaction

  Shortcuts
  Mouseovers
  User Input
  Keyboard
  Pointers
  Accessibility

Messages

  Errors and Warnings
  Confirmation and Notifications

Text

  UI Text
  Style and Tone

Commands

  Menus
  Toolbars
  Ribbons

Controls

Principles

These principles are in nature heuristics of interface design. They are guidelines that "should" be used in the design of interfaces, since there is no one industry standard. These general rules provide a basis to build on for an user interface designer.

Ten Usability Heuristics

Jakob Nielsen, a user adovacate and principal of the Nielsen Norman Group for enhancing user experience, outlines the following heuristics;

  • Visibility of system status
  • Relate system and real world
  • User Control and freedom
  • Consistency and standards
  • Error Prevention
  • Recognition rather than recall
  • Flexibility and effciency of use
  • Aesthetic and minimalistic design
  • Help users recognize, diagnose, and recover from errors
  • Help and documentation

Eight Golden Rules of Interface Design

From the book Designing the User Interface, Ben Shneiderman outlines eight key rules of good interface design;

  • Strive for consistency
    Consistency must be implemented within itself and other interfaces. This ensures a "global" understanding of where things are and where one would look for it. See Figure 1 for example.
  • Enable frequent users to use shortcuts
    Expert users should not be bound by interaction styles that may slow progress. Thus, enabling shortcuts through speed keys, hidden commands, marcos, etc. will optimize pace of interaction while reducing the number of interactions.
  • Offer informative feedback
    Major or infrequent actions should make aware the user, with descriptive and clear information of what is occuring.
  • Design dialog to yield closure
    Sequences of actions should be grouped with a beginning, middle and end. This gives the user a sense of direction and accomplishment of the task.
  • Offer simple error handling
    Design the interface in a manner which the chance of human error is impossible. However, since it is impossible to predict every behaviour, design it in a way such that it offers informative feedback explaining the details of the error and how it could be solved.
  • Permit easy reversal of actions
  • Support internal locus of control
  • Reduce short-term memory load

Design

(Use http://www.ambysoft.com/essays/userInterfaceDesign.html)

PUT INTERACTIPON STYLES IN HERE

Techniques

http://www.ambysoft.com/essays/userInterfaceDesign.html

Human Factors

(Use http://www.beta-research.com/standards.html)

References

Personal tools