OUCampus 201 Site Navigation and Architecture. 2 Class Topics What is navigation? Vocabulary ...
-
Upload
amos-burke -
Category
Documents
-
view
222 -
download
3
Transcript of OUCampus 201 Site Navigation and Architecture. 2 Class Topics What is navigation? Vocabulary ...
2
Class Topics
What is navigation? Vocabulary Template navigation overview How to customize site navigation Navigation design best practices
3
What is navigation?
The roads and railways of your site.
Getting from POINT A to POINT B
( via C, D and sometimes Y )
4
Vocabulary
.pcf, .inc
index
root
top-level
directory / folder
parent, sibling, child
primary nav / mega nav
sidenav
10
Mega Nav
Using MegaNav:
1)Rename “/includes/zz-meganav.inc”
2)Edit “meganav.inc”
3)Snippets: Row & Sub
•Difficult to use and update•Requires some coding knowledge
13
Quick Links
• Only on the home page• Open editable region• Useful for important, highly-trafficked pages• Don’t get too fancy
16
Do’s and Don’ts
DO:• Plan ahead: draw a map• Keep language simple and clear• Think about your user’s goals
17
Do’s and Don’ts
DON’T:• Link to external pages in primary/meganav• Link to files in primary/mega nav• Overuse internally-focused jargon• Design based on your own preferences
“It’s easier to build than to renovate. Plan ahead!”
18
Getting Further Help
Addons tab• Links to videos, help docs, classes & more
Web Services• Tuesday Open Lab
• Advanced Training: OUCampus 201 / 202
• iSupport: [email protected], attn: Web Services