SECOND HALF MODULE 3 Flashcards
(NOTES) Best Practices for Designing an Interface:
Keep the interface simple.
Create consistency and use common UI elements.
Be purposeful in page layout.
Strategically use color and texture.
Use typography to create hierarchy and clarity.
Make sure that the system communicates what’s happening.
Think about the defaults.
There are three factors that should be considered for the design of a successful user interface;
development factors
visibility factors
acceptance factors.
These factors help by improving visual communication. These include: platform constraints, tool
kits and component libraries, support for rapid prototyping, and customizability.
Development factors
These factors take into account human factors and express a strong visual identity. These include:
human abilities, product identity, clear conceptual model, and multiple representations.
Visibility factors
Included as these factors are an installed base, corporate politics, international markets, and
documentation and training.
acceptance factors
This refers to all of the graphical techniques used to communicate the message or context.
Visible language
Visible language includes:
Layout:
Typography:
Color and Texture:
Imagery:
Animation:
Sequencing:
Sound:
Visual identity:
Principles of User Interface Design
There are three fundamental principles involved in the use of the visible language.
Organize: provide the user with a clear and consistent conceptual structure
Economize: do the most with the least amount of cues
Communicate: match the presentation to the capabilities of the user.
These are important concepts of organization.
Consistency, screen layout, relationships and navigability
Consistency
There are four views of consistency:
internal consistency,
external consistency,
real-world
consistency,
and when not to be consistent.
Screen Layout
Three ways to design display spatial layout:
use a grid structure,
standardize the screen layout,
and group related elements.
NOTES: Navigability
There are three important navigation techniques:
- provide an initial focus for the viewer’s attention
- direct attention to important, secondary, or peripheral items
- assist in navigation throughout the material.
Economize
Four major points to be considered:
simplicity,
clarity,
distinctiveness,
emphasis.
This includes only the elements that are most important for communication. It should also be as
unobtrusive as possible.
Simplicity
All components should be designed so their meaning is not ambiguous.
Clarity