Design - What do I need to know?
Notes & Slides
Wireframes
The user-interface planning can be illustrated using wireframes. A separate wireframe is needed for each page on a website. Each wireframe indicates the intended layout of the page and shows the position of:
- all text elements on the page
- any media elements (images, audio clips and video clips)
- elements that allow the user to interact with the page
- intended position and type of all hyperlinks on the page
Navigation Map
Well-designed navigation on a website makes it easy for users to find their way around - especially if the site contains a large number of pages.
Some useful methods of improving site navigation include:
- Navigation bars
- Back/Forward Buttons
- Home button
- Graphic and text links
- Highlighted selection
- Consistency
- Site map
- Breadcrumbs
