Interface / navigation COM 366 Web Design & Production
Slide 2
Site plan List of info to be included on site Make an outline
Serves as basic structure of site Flowchart Serves same purpose as
outline
Slide 3
To-do list List of whos doing what Writing copy Keywords Design
layout for main page Process images etc.
Slide 4
Format Monitor size 1024 x 768 pixels Ideally home page should
fit within that frame Initial visual impression of site Whatever
you do, dont make visitor scroll sideways
Slide 5
Slide 6
Navigation Make it easy to find way around site Get back to
home page from anywhere Primary navigation should go to main
sections Across the top, off to the side
Slide 7
Horizontal navigation bars
Slide 8
Slide 9
More examples:
Slide 10
Vertical navigation bars:
Slide 11
Slide 12
Slide 13
Repetition Should use the same navigation system on every page
Home page can be a little different Use same words, graphics,
fonts, etc.
Slide 14
Home page: Inside page:
Slide 15
Slide 16
Slide 17
Slide 18
Where are you? Need to let viewer know what page they are on
Page headings Breadcrumbs Fade out the graphic icon, use different
color, have arrow point to icon (abcnews)
Slide 19
page headings changing menu items
Slide 20
breadcrumbs
Slide 21
page heading title nav bar
Slide 22
Index / site map Alphabetical listing of all pages in site
Slide 23
Slide 24
links Make sure all links work Make sure links are worth
jumping to Pages that say the page is coming soon Larger image of
photo with no new info Link should be relevant Relate to content on
page