EDIT 5320

1
EDIT 5320

• Educational Network Applications
• Web Styling

9/19/2006
2
Web Styling PROCESS

• What are your goals?
• Know your audience
• Web Surfers
• Novice Users Occasional Users
• Expert Users Frequent Users
• International Users
• Design Critiques
• Content Inventory

3
Web Styling PROCESS

• The Site Development Process
• Site Definition Planning
• Information Architecture
• Site Design Construction
• Site Marketing
• Tracking, Evaluation, Maintenance

4
Web Styling INTERFACE DESIGN

• What a Web Page Needs
• Informative Title
• Page Creators Identity
• Creation/Revision Date
• Link to Homepage
• Homepage URL

5
Web Styling INTERFACE DESIGN

• Basics of Interface Design
• User-Centered Design
• navigation aids no dead-end pages
• direct access interaction design
• simplicity consistency
• design integrity stability
• feedback dialog
• disability access

6
Web Styling INTERFACE DESIGN

• Basics of Interface Design
• Navigation
• Provide context or lose the reader
• Button bar usefulness
• Fixed/relative links

7
Web Styling SITE DESIGN

• Organizing Information
• Divide your content into logical units
• Establish a hierarchy of importance among units
• Use hierarchy to structure relations among units
• Build a site that follows your info structure
• Analyze the functional aesthetic success of
  your system

8
Web Styling SITE DESIGN

• Organizing Information
• Chunking information
• Hierarchy of importance
• Relations
• Function

9
Web Styling SITE DESIGN

• Organizing Information
• Summary

10
Web Styling SITE DESIGN

• Site Structure
• Basic Information Structure
• Sequences
• Grids
• Hierarchies
• Webs
• Summary

11
Web Styling SITE DESIGN

• Site Design Themes
• Training
• Teaching
• Continuing Education
• Reference

12
Web Styling SITE DESIGN

• Site Elements
• Home Pages
• Menu, News, Path-Based, Splash Screens
• Graphics or text
• Master page layout

13
Web Styling SITE DESIGN

• Site Elements
• Menus and Subsites
• Resource lists
• TOC, Site Indexes, Site Maps
• Search Features
• Contact Information
• User Feedback

14
Web Styling SITE DESIGN

• Site Elements
• Menus and Subsites
• Bibliographies
• Appendices
• FAQs
• Server Error Pages
• Internet vs. Intranet
• The Web, Design Standards, User-Centered Design