Identifying Requirements

• Requirements Gathering
  • Nature (Website)
  • Suave Urbanites (Website)
  • Teens (Website)
  • Cheapest Water (Website)
  • Branding Workshop Tool (PDF)
• Understanding User Goals
  • Sample Market Segmentation (PDF)
  • University of Baltimore KidsTeam (Website)
  • Reading-based Homework (PDF)
  • Read for Pleasure (PDF)
  • User Profile Field Visit Summary (PDF)
  • Complete Field Visit Summary (PDF)
  • Steven Merrick (PDF)
  • Personas (PDF)
  • Capital Process Site (GIF)
  • Inventory Management Site (GIF)
  • Detailed Version of an Inventory Management (GIF)
  • Checking a Patient's EKG (GIF)
• Identifying Human and Technical Resource Requirements
  • Capturing Design Decisions in a Style Guide
    

Designing the User Experience

• Experience Design
  • First Draft (GIF)
  • Revised Draft (GIF)
  • Banking Site (GIF)
  • User Research (Understanding User Goals)
  • Content Items from a University Website (Exercise in Categorizing Information)
• Wireframes
  • Homepage (GIF)
  • Product Category (GIF)
  • Product Page (GIF)
  • Alphabetical List of Products (GIF)
• Image Collaging
  • Script (PDF)
  • Participant Results (GIF)
  • Findings for a Cholesterol Site (PDF)
  • Findings for an Erectile Dysfunction Site (PDF)
  • Effective Visual Design

Creating a Visual Design

• Effective Visual Design
  • Typography
• Typography
  • Creating Effective Content for the Web

Preparing Effective Content

• Creating Effective Content for the Web
  • Copyright Law
  • Interviews (Interviewing Site Owner Personnel and Subject Matter Experts)
  • Usability Testing
  • Making Content Accessible (Make Content Accessible)
  • Add Graphics and Multimedia
• Add Graphics and Multimedia
  • Optimizing Your Graphics (Tips for Optimizing Graphics)
  • Make the Most of Your Online Environment
• Make the Most of Your Online Environment
  • Add Links to Further Information
  • Use Scrolling Appropriately
  • Use Frames Cautiously
  • Write for an International Audience
  • Use Good Keywords
  • Usability Analysis

Usability Testing

• Usability Analysis
  • Test Script (PDF)
  • Testing the Registration Process (PDF)
  • Screener (PDF)
  • cingular.mov (QuickTime)
  • Presenting Results
• Presenting Results
  • Executive Summary (PDF)
  • Complete Usability Report (PDF)

Creating a Portfolio Site

• http://www.hyperinkdesign.com/billboardsite.html (Website)
• http://www.funktiondesign.ca/illustration.html# (Website)
• Usability Tests (Usability Testing)

Tips on Business Proposals

• Creating Proposals for Web Sites
• Writing Proposal Sections
• Presenting Your Proposal Effectively

Guidelines for Obeying Copyright Laws

• Copyright Law
  • Copyright Basics—US Copyright Office (Website)
  • Copyright in Visual Arts (Website)
  • Copyright on the Internet (Website)

Exercises

• To come

Links

• The Counter (Website)
• Web page Design for Designers (Website)
• Web Style Guide (Website)
• Gestalt Theory (Website)
• Lexicon (Website)
• Zyman (Website)
• Bobby (Website)
• W3C (Website)
• Jakob Neilsen's site (Website)
• Usable Web (Website)
• Usability Professionals' Organization (Website)
• University of Maryland's Usability Resource List (Website)
• Usability Testing of World Wide Web Sites (Website)
• Dreamweaver Depot (Website)
• DrHTML (Website)
• Webmonkey (Website)