Design

Hard design - increase control. - Displays are more virtual / artificial. Marketplace pressure: - Adding operations cheaper. Adding controls expensive. - Errors are becoming increasingly serious.

Idea Creation - Ideas come from - Imagination - Analogy Observation of current practice - - Observation of current systems - Animation - Theatre - Information displays - Architecture

- Consider new use for object. - object Adaptability. - Modify of object. - Magnify of object. - Minimize of object. - Substitute something similar. - Rearrange aspects of object. - Change the point of view. - Combine data into an ensemble. Idea Creation Methods

Principles of Design Specific Design - Use simple and natural dialog in user’s - language -Strive for consistency - - Provide informative feedback. - Minimize user’s memory load. - Permit easy reversal of actions. Provide clearly marked exits.- Provide shortcuts.- Support internal locus of control.- Handle errors smoothly and positively. - - Provide useful help and documentation. :Overall Guidelines - Provide a good conceptual model - Make things visible

Graphic Design The “look & feel”

Design Philosophies Personal preferences : - Economy of visual elements. - Less is more. - Clean, well organized.

Graphic Design Principles Metaphor : Tying presentation and visual elements to some familiar relevant items. Clarity: - Every element in an interface should have a reason for being there. - Less is more. - White space.

Consistency: symmetry and follow. Alignment : “Read-flow” principle and grids. Proximity: grouping similar close items together. Contrast : use with important item Graphic Design principles (cont…..)

Economy of Visual Elements Less is more. Minimize borders and heavy outlining, section boundaries (use whitespace). Reduce clutter. Minimize the number of controls.

- Characters and symbols should be easily noticeable and distinguishable. - Readability. - Legibility. - Typeface same as font. (- Serif font – readability (extended text - Sans serif font – legibility (headlines) - Monospace font. Typaography

Attributes: Hue - - Saturation - Value Guidelines: -Print your design for test. -Use color to draw attention. -Avoid using color with unimportant tasks. -use high contrast colors for express difference. Color

Icon Design -Design task -Represent object or action in a familiar and recognizable manner -Limit number of different icons -Make each icon distinctive,the icon stand out from background and icons harmonious members also -Ensure that singly selected icon is clearly visible when surrounded by unselected ones Avoid excessive detail