EIEIOTECHNOVATION
← Training programmes

EIEIO / AUTOMATION & EMERGING TECHNOLOGY

UX-WAD The Science and Art of Effective Web and Application Design

Course outline

3 days

Duration

3 days

WHAT YOU WILL LEARN

Designing intuitive and effective user interfaces is both science and art. During this course, participants will learn how to apply research-based and field-tested Web and application design principles and methodologies.

Initially they will focus on the four foundational layers of the interface: Navigation, Presentation, Content, and Interaction. Participants will then be provided with the framework and methodology needed to support rapid prototyping initiatives. Finally, they will extend their sphere of influence through the application of accessibility and cross cultural design methods.

What you'll learn

  • How to implement user-centered requirements into usable designs
  • How to integrate the focal points of design: Navigation, Presentation, Content, and Interaction
  • How Web site and application design strategies differ and overlap h

AUDIENCE

Those involved in the design and development of e-commerce, sites, informational and promotional sites, intranets, and applications

METHODOLOGY

  • A comprehensive student manual
  • Workbook and Resource Guide that contains:
  • Course exercises
  • User interface control selection guide
  • Glossary with annotations and illustrations
  • Quick reference job aids

COURSE OBJECTIVES

Upon completion of this program, participants should be able to :

  • Identify, select, and implement appropriate navigation models used to build intuitive navigation structures
  • Make better decisions and recommendations to improve visual design, including: layout, color, graphics and icons, and text
  • Implement effective usability-based content organization and treatment methods
  • Ensure intuitive interaction through appropriate UI control selection and error and feedback design
  • Increase design efficiency using Web and application standards
  • Extend their UCD sphere of influence into the domains of user experience, accessibility, and cross-cultural design

OUTLINE

Design is Science and Art

  • Scientific models in user-centered design (UCD)
  • Definition of UCD

Exercise: Designing for functional requirements

  • Characteristics of usable designs
  • UCD Benefits

Exercise: Conduct a design heuristic evaluation

Navigation

  • Characteristics of usable navigation
  • Primary navigation systems
  • Hierarchical models
  • Persistent design systems
  • Sequential navigation
  • Search
  • Supplemental navigation
  • Index
  • Breadcrumbs
  • Quick links
  • Multiple systems navigation design

Exercise: Select appropriate navigation models

Presentation

  • Visual-cognitive processing
  • Eye movement and eye tracking
  • Gestalt principles of visual design
  • Layout

Exercise: Evaluate and redesign a cluttered screen

  • Color
  • Graphics
  • Text

Content

  • Printed vs. digital content
  • Writing for clarity
  • Writing style
  • Word choice
  • Mechanics
  • Methods that facilitate scanning
  • Writers’ pyramid
  • Headings, bulleted and numbered lists

Exercise: Sharpen writing skills

Interaction

  • Factors that influence interaction design
  • User interface controls
  • Data entry and selection
  • Navigation and action
  • Multi-function controls

Exercise: Selecting appropriate UI Controls

  • Error handling and prevention
  • Feedback

Exercise: Design an effective feedback message

Screen Elements and Wireframing

  • Screen elements
  • Wireframing
  • Low fidelity
  • High-fidelity
  • Effective prototyping strategies

Exercise: Build a paper wireframe

Accessibility

  • Why design for accessibility
  • Types of disabilities
  • Vision
  • Hearing
  • Motor
  • Cognitive
  • Assistive technologies
  • Accessibility laws
  • Accessibility guidelines

Section 508 Guidelines

  • Accessibility Guidelines (WCAG 2.0)
  • Web Accessibility Initiative (WAI)
  • Evaluating for accessibility

Exercise: Conduct a site review for accessibility

Internationalization

  • Internationalization and Localization
  • Multicultural considerations
  • Internationalization design process and usability

Beyond Design Knowledge

  • Barriers to implementing UCD practices
  • UCD practitioners’ knowledge, skills, and abilities
  • Academic training and HFI certification
  • UCD and HCI professional organizations

Programme scope, delivery arrangements and suitability are confirmed during enquiry.