Slide 1

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