P L E A S E E M A I L M E W I T H YO U R F E E D B AC K BY W E D N E S DAY , JA N U A RY 2 2 N D

KA R I K N I S E LY @ G M A I L . C O M O R C A L L M E AT 7 2 7 - 7 1 0 - 2 4 8 0

WEBSITE DESIGN IDEA/OPTIONS

OBJECTIVES

The objective of this presentation, is to: • Analyze the goal of the website• Decide on the location of the navigation bar• Check out some research/best practices• Should it be on the top or left

• Re-organize the Navigation Bar menu to 5-6 items• Review other ASTD websites

Goal of Website

• Is it for potential members? • What do you think they need/want to

see?

• Is it for current members? • What do you think they need/want to

see?

Goal of Website

• Is it for sponsors? • What do you think they need/want to

see?

Goal of Website

• What is a pet peeve of yours when you go to a website?

Goal of Website

• What do you want to see as a potential customer on websites you visit?

Goal of Website

Some Best Practices to Consider- Look up your own if interested

Do you prefer navigation bar on the top or left?

Think about the “space” or “real estate” remaining on the webpage horizontally

then compare each option.

Do you prefer navigation bar on the top or left?

Think about the “space” or “real estate” remaining on the webpage

horizontally then compare each option.

THE CURRENT NAVIGATION BAR

This is the view of a new visitor to the site.

How many options do they see?

Do they know what all those things mean?

Would that be confusing or helpful to someone who is not a member that we want to attract?

REMEMBER: Keep it simple so there are not too many options and it is cut and clear where to go.

THE CURRENT NAVIGATION BAR

12

34

56

7

8

9

1011

5 TIPSHTTP://GRAPHICDESIGN.ABOUT.COM/OD/EFFECTIVEWEBSITES/A/WEB_NAVIGATION.HTM

1. Navigation should be easy to find

2. Keep it consistent

3. Use obvious section names

4. Less is more - Keep it simple

5. Remind the user where they are

HOW DO WE RE-ORGANIZE THEM?

Your turn to think of 5-6

main heading for

ALL of these

options to fit under.

See my recommendation on the next

page.

RECOMMENDATION

Every page on old site is still on new site, but re-organized under these headings. You will see the

re-organized pages on next slide.

RECOMMENDATION

This is a screenshot of each option under each menu that I can use as a pull down or put on each

page without a pull down.(all pages are still here, just moved or condensed)

• http://blog.kissmetrics.com/common-website-navigation-mistakes/

• http://www.seantimberlake.com/clips/efusenavigationbasics.pdf

• http://graphicdesign.about.com/od/effectivewebsites/a/web_navigation.htm

SOME WEBSITES TO REVIEW AND FIND YOUR OWN IF YOU WANT

Examples of other ASTD websites

OBJECTIVES

The objective of this presentation, was to: • Analyze the goal of the website• Decide on the location of the navigation bar• Check out some research/best practices• Should it be on the top or left

• Re-organize the Navigation Bar menu to 5-6 items• Review other ASTD websites

YOUR HOMEWORKDUE BY WEDNESDAY, JAN 22

Email me (kariknisely@gmail.com) or call me (727-710-2480) with your feedback to the following questions:

1) Do you prefer a horizontal or vertical navigation menu bar?

2) Which 5-6 options should we have as our main navigation menu items?

3) I need a headshot and your info for the following page: http://astd-suncoast.org/Default.aspx?pageId=1148321

Thank you!!!