Requirements Sources Research User Interviews Focus Groups User Groups
Interview Ask lots of questions Have the user do most of the talking Mix questions types from yes/no to those requiring an explanation
GUI Guidelines and Standards Contains basic design guidelines Provides a consistent look and feel Helps maintain company standards Builds foundation for UI specifications
User Interface Specification Blueprint for all user interfaces Contains user interface layouts and overall application map Describes function of all user interface components Details the layout, behavior, and flow of all UI content Establishes detailed requirements Provides verification testing
Architectural Specifications Modeled from User Interface Specification and business logic Provides basis for Interface Control Document
Interface Control Document Maps user interface to application Derived from UI Specification Satisfies UI requirements Standard reference for the GUI developers so that they can look up and understand the interface methods exposed by the Back-End components
Inductive User Interface (IUI) Also called inductive navigation, the IUI model suggests how to make software applications simpler by breaking features into screens or pages that are easy to explain and understand. Informal tests suggest that users can perform tasks as quickly in this model as in traditional interfaces, and may find things more easily.
Custom Controls Unless you are making a game or multi- media application, try to use the controls that are provided by the operating system Users are already familiar with standard controls and will readily understand their purpose and rules of operation
Color is a phenomenon of perception not an objective component or characteristic of a substance Color is an aspect of vision; it is a psychophysical response consisting of the physical reaction of the eye and the automatic interpretive response of the brain to wavelength characteristics of light above a certain brightness level
Color Complementary colors Alerts Display Printouts Disability
Color Wheel Harmonious color combinations use any two colors opposite each other on the color wheel, any three colors equally spaced around the color wheel forming a triangle, or any four colors forming a rectangle
Color Wheel The color wheel is a visual representation of color theory http://www.visibone.com/color/wheel.ht mlhttp://www.visibone.com/color/wheel.ht ml Color Wheel Pro - http://www.color- wheel-pro.com/index.html
Color Blindness Approximately 8% of men are color blind to some extent while only 0.4% of women are affected. The key issue is to know when you are using colors which some people will not be able to differentiate.
Color Blindness Most color blindness involves red or green Safe Web Colors for color-deficient vision - http://more.btexact.com/people/rigdence /colours/
Color Blindness Follow direction from color blindness guides Offer alternative colors or a means to customize UI colors
Windows 95 "Insert Floppy - please insert the disk labeled "Windows 95 CD-ROM'.
Address Most U.S. designed applications assume that every country in the world has the same address conventions Validating address forms tends to provide the most frustration for users (e.g. valid state required!)
Development Control libraries Utilities Graphics software Macromedia Flash
Resources Books Magazines Internet UI Related Organizations UI Related Businesses
Recommended Reading Designing the User Interface, Shneiderman The Humane Interface, Raskin International User Interfaces, del Galdo, Nielsen Design Graphics Magazine Java Look and Feel Guidelines, Sun Microsystems The Windows Interface Guidelines for Software Design, Microsoft Press
Web Human-Computer Interaction Resource Network - http://www.hcirn.com/ http://www.hcirn.com/ http://www.iarchitect.com/mshame.htm