Effective Web Application Design Training (T-511)

Overview

Discover the fundamentals of designing highly usable and effective web applications. Learn how to apply user interaction research methods and incorporate user feedback to create web applications that work for your users. Our qualified instructors will introduce you to the tools and techniques of web application design through theory and hands-on exercises.

You will come away from this course with an understanding of the essential building blocks of a web application, including the proper interaction model for web applications, creating the information architecture and an effective navigation scheme for your web application, as well as web guidelines and standards as they apply to web 1.0 and web 2.0 applications.

Benefits

After completing this course, you will be able to:

Who should attend?

Duration: 2 days
Course Price: $1390 CAD per participant + applicable taxes.
Schedule: View our training schedule.
Downloads: View our training brochure (pdf)

Course Outline

  • Introduction to User-Centered Design
  • Web Application Design
    • What web application design is not
    • How do we know what is good web app design?
    • 3 Step Approach
      • Create the Information Design
      • Create the Navigation
      • Create a Design Concept
  • Web Application Information Design
    • Information Architecture
    • Organizing Principles
      • Alphabetical
      • Chronological
      • Location
      • Category
      • Continuum
    • Exercise: Information Design Exercise
  • Web Applications
    • Examples of different types of web applications
    • Spectrum of web application models
    • Web Application UI Architecture
    • General Web Application Design Guidelines
  • Web Application Design Fundamentals
    • Interaction Principles
      • Orientation
      • Affordance & Association
      • Feedback
      • Progressive Disclosure
    • Building Blocks of Web Apps
      • Controls, Forms, Pages
      • Objects
      • Task Flow
  • Web Application Design: Common Interaction Elements
    • Text & Labels
    • Colours
    • Page Layout
    • Forms
    • Wizards & Guides
    • Icons & Images
    • Navigation
    • Links
    • Search
    • Common Controls
    • Key List Properties
    • Web vs. Web Application interaction
    • Design Patterns
  • Mock-ups & Prototyping
    • Why use Mock-ups and Prototypes?
    • Horizontal & Vertical Prototypes
    • Creating Design Prototypes
    • Wireframes
  • Web 2.0
    • Old problems
    • User needs
    • New technologies
      • Rich Internet Applications
      • Bypassing the Information Architecture
    • User Participation
      • Trusted networks
  • Designing Websites Based on Common Behaviours
    • Common behaviors and what they mean for your website
    • Tips for designing websites based on common behaviours
  • Usability Design Guidelines
    • Usability Guidelines
    • Heuristic Guidelines
    • Exercise: Wireframe Evaluation Exercise
  • Web Guidelines: Accessibility
    • What is 'Disability?' - Functional limitations
    • Solving Accessibility Problems
    • W3C Web Content Accessibility Guidelines
    • Accessibility Testing
  • Summary and Q&A

    Schedule Training

    For more information on our courses offered in Toronto and Ottawa, or to schedule a session, call +1 (613) 820-2179, +1 (416) 214-2854 or email us at design@macadamian.com.