Interface Design MindMap by Glenys

Get Started. It's Free
or sign up with your email address
Rocket clouds
Interface Design MindMap by Glenys by Mind Map: Interface Design MindMap      by Glenys

1. navigation devices

1.1. Where am I?

1.1.1. highlight current location

1.1.2. navigator bar

1.1.3. colors used to show location

1.2. Move forward and backwards

1.3. Give Directions to new places

1.3.1. hyperlinks

1.3.1.1. Changes occur as cursor move over

1.4. Sign posts to guide the journey

1.4.1. Textual Reference

1.4.1.1. next topic

1.4.1.2. Current topic

1.4.1.3. previous topic

1.5. Clearly mark different sections

1.5.1. design differences

1.6. Links clearly indicated

1.6.1. different colour

1.6.2. different font

2. Graphics

2.1. Connections to text

2.2. Consider download time

2.2.1. use visual anchors

2.2.1.1. lower resolution

2.2.1.2. black and white copy

2.2.2. Slice for faster download

2.2.3. optimize

2.2.3.1. GIF or JPEG format

2.2.3.2. browser safe colours

2.2.3.3. compression

2.3. Color

2.3.1. create mood

2.3.2. use to group information

2.3.2.1. similiar colours for similair topics

2.3.3. contrast text and background

2.3.3.1. Dark color background print poorly

2.3.3.2. Colored background should be pastels

2.3.3.2.1. muted tones

2.3.3.2.2. low in color saturation

2.3.3.3. consider the colorblind viewer

2.3.4. Hyperlinks

2.3.4.1. use standard default colours

2.3.4.1.1. Blue for hyperlink

2.3.4.1.2. red or purple for visited links

2.4. meaningful

2.4.1. directly support text

2.4.2. instructional purpose

2.5. type face

2.5.1. test appearance

2.5.1.1. various platforms

2.5.1.1.1. Mac

2.5.1.1.2. PC

2.5.1.2. popular browsers

2.5.1.2.1. Firefox

2.5.1.2.2. Explorer

2.5.2. consistent

2.5.3. sans fonts most readable