UI SOFTWARE ARCHITECTURE docx

UI SOFTWARE

ARCHITECTURE

Topics

 Visual structure

 Model-view-controller

 View hierarchy

 Observer

 Android design pattern

2

Visual structure

 Clarity

 Consistency

 Hierarchy

 Balance

 Grids

 Contrast

 Textures

 Evaluating

3

Clarity

 Directs the eye

 Provides balance through its use

 Strengthens impact of message

 Allows eye to rest between elements of activity

 Increases legibility, clarifies hierarchy

 Used to promote simplicity and “elegance”

4

Clarity

 Economy of Visual Elements

 Minimize borders, heavy outlining, section

boundaries

 Use white space instead

 Reduce clutter

 Minimize the number of controls

5

Clarity via White Space

 White space

6