NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator
NOAC 2002 E-Scouting2 Basic Site Design Principles
NOAC 2002 E-Scouting3 The Design Process Define the Site Set up the Information Design the Site Construction
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
NOAC 2002 E-Scouting5 How to Design Design or Layout – Which comes first? Design on Paper Information Structure Page Layout
NOAC 2002 E-Scouting6 Accessibility Notes Test your pages Monitors are different Always include alternates and fallbacks
NOAC 2002 E-Scouting7 Site Design
NOAC 2002 E-Scouting8 Organizing Information Gather Content Chunk Information Develop a Hierarchy Establish Relationships
NOAC 2002 E-Scouting9 Site Structure Information Structures Sequences Hierarchies Webs File Structure
NOAC 2002 E-Scouting10 Site Theme Resource E-Commerce Entertainment
NOAC 2002 E-Scouting11 Navigation Information Flow Table of Contents Titles Headings Navigation Bars Don’t Reinvent the Library
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
NOAC 2002 E-Scouting13 Site Elements Home Page Resources Site Guides What’s New Search Features Contact Information User Feedback FAQ Pages Error Pages
NOAC 2002 E-Scouting14 Page Layout
NOAC 2002 E-Scouting15 Layout Principles Page Dimensions
NOAC 2002 E-Scouting16 Recommended Page Sizes
NOAC 2002 E-Scouting17 Layout Principles Page Dimensions Fixed vs. Flexible Line Length Page Length Page Navigation Page Headers and Footers
NOAC 2002 E-Scouting18 Page Layout Tables
NOAC 2002 E-Scouting19 Page Style COLORCOLOR Contrast Understand the Medium Page Grid Screens of Information Keep it Simple
NOAC 2002 E-Scouting20 Typography Alignment White Space Typefaces Type Size Accessibility CSS – Cascading Style Sheets
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