2. What mode am I in? Be careful with button states.
3. What does this button do? Don&#x2019;t change a buttons function on different screens. Keep it consistent.
Walk through the flow chart & put on paper all the actions and options available on screen.
Do you need to consider timing?
Come up with a visual language that will make the content list, flow chart and storyboard come to life, work together and support the functions of each screen.
Keep it simple Keep it consistent Know when to break the rules
The Elements of Style
Design a collection of screens not individual screens How will they work together and be visually interesting? Examples distinct images in a montage on the main screen, used individually in topic screens Distinct colors in the main screen, used individually as key colors in topic screens a hierarchical family of images, such as a clock and clock parts or a tree and leaves.
Come from the world of print Be aware of, know when to break Scan from top left to bottom right assume that larger items are more significant assume that items &#x201C;above&#x201D; have primacy over items &#x201C;below&#x201D; Look for &#x201C;more to come&#x201D; signals at the bottom center or right
Layout Effects: How good it looks How easy it is to understand How easy it is to use The purpose of interface elements are: structural <hr /> Informational &#x2013; images, text functional &#x2013; buttons
The elements are the building blocks of the interface Their family relationship produces a sense of continuity and consistency
Backgrounds provide location and context they influence look, balance & location of all elements on the screen fill empty space so other elements are not floating do not need to fill screen should be integrated and not compete with content
Windows often hold media Panels enhance structural features or add depth or color
Can be any part of the screen or image has to reveal purpose at first glance need to mach style & composition of the screen should be proportional in importance to the function it represents For Layout cluster controls by function use consistent positioning when there are many controls if same controls used frequently several controls have a similar look & feel
Special button that symbolically depicts what it does Instantly recognizable meaning is cross-cultural scalable simple
standalone component - should be created seperately Integration techniques drop shadow alpha transparency mask soft or irregular edges
Text is always content
Preserving Formats bitmap - can&#x2019;t be edited, searched or indexed Flash text - Increases storage and bandwidth in addition to the above PDF Scrolling Fields no custom formatting anti-aliasing can be an issue can negatively impact design
How large should the video window be? How long should the video play?
Elements that change Elements that move Elements that appear/disappear Screen transitions