1. NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator

2. NOAC 2002 E-Scouting2 Basic Site Design Principles

3. NOAC 2002 E-Scouting3 The Design Process Define the Site Set up the Information Design the Site Construction

4. NOAC 2002 E-Scouting4 Interface Design Design for the User Simple and Consistent Clear Navigational Aids Consider Bandwidth Feedback Use Publishing Standards Use the Fold Web Pages are Like News Articles

5. NOAC 2002 E-Scouting5 How to Design Design or Layout – Which comes first? Design on Paper Information Structure Page Layout

6. NOAC 2002 E-Scouting6 Accessibility Notes Test your pages Monitors are different Always include alternates and fallbacks

7. NOAC 2002 E-Scouting7 Site Design

8. NOAC 2002 E-Scouting8 Organizing Information Gather Content Chunk Information Develop a Hierarchy Establish Relationships

9. NOAC 2002 E-Scouting9 Site Structure Information Structures Sequences Hierarchies Webs File Structure

10. NOAC 2002 E-Scouting10 Site Theme Resource E-Commerce Entertainment

11. NOAC 2002 E-Scouting11 Navigation Information Flow Table of Contents Titles Headings Navigation Bars Don’t Reinvent the Library

12. NOAC 2002 E-Scouting12 Lodge Navigation Ideas Leadership Lodge Chapters Committees Events When & Where Why Go? How to Sign Up Programs Resources About the Lodge Purpose History Service

13. NOAC 2002 E-Scouting13 Site Elements Home Page Resources Site Guides What’s New Search Features Contact Information User Feedback FAQ Pages Error Pages

14. NOAC 2002 E-Scouting14 Page Layout

15. NOAC 2002 E-Scouting15 Layout Principles Page Dimensions

16. NOAC 2002 E-Scouting16 Recommended Page Sizes

17. NOAC 2002 E-Scouting17 Layout Principles Page Dimensions Fixed vs. Flexible Line Length Page Length Page Navigation Page Headers and Footers

18. NOAC 2002 E-Scouting18 Page Layout Tables

19. NOAC 2002 E-Scouting19 Page Style COLORCOLOR Contrast Understand the Medium Page Grid Screens of Information Keep it Simple

20. NOAC 2002 E-Scouting20 Typography Alignment White Space Typefaces Type Size Accessibility CSS – Cascading Style Sheets

21. NOAC 2002 E-Scouting21 Summary The Web is not just a Highway Use predictable navigation Be kind to eyes The design is the interface to the content Great Web Sites are easy to use and easy to understand