Skip To Content
The Science and Art of Effective Web and Application Design is a Program

The Science and Art of Effective Web and Application Design

Self-paced

Sorry! The enrollment period is currently closed. Please check back soon.

Full program description

The Science and Art of Effective Web and Application Design

What's In It For Me

Learn proven user-centered design principles

Course Overview

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.

Participants will 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 

This course is one of the four courses that will prepare participants to sit for Certified Usability Analyst (CUA) certification exam.

Who Should Attend

Usability practitioners, website/intranet developers, application developers, interface designers, project managers, graphic artiststhose involved in the design and development of web, e-commerce, informational and promotional sites, intranets, and applications.

Course Duration

3 Days / 21 Hours

Course 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

  1. Hierarchical models
  2. Persistent design systems
  3. Sequential navigation
  4. Search

  • Supplemental navigation

  1. Index
  2. Breadcrumbs
  3. Quick links

  • Multiple systems navigation design
  • Exercise: Select appropriate navigation models

Presentation

  • Visual-cognitive processing

  1. Eye movement and eye tracking
  2. Gestalt principles of visual design

  • Layout
  • Exercise: Evaluate and redesign a cluttered screen
  • Color
  • Graphics
  • Text

Content

  • Printed vs. digital content
  • Writing for clarity

  1. Writing style
  2. Word choice
  3. Mechanics

  • Methods that facilitate scanning

  1. Writers pyramid
  2. Headings, bulleted and numbered lists

  • Exercise: Sharpen writing skills
  • Interaction
  • Factors that influence interaction design
  • User interface controls

  1. Data entry and selection
  2. Navigation and action
  3. 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

  1. Low fidelity
  2. High-fidelity

  • Effective prototyping strategies
  • Exercise: Build a paper wireframe

Accessibility

  • Why design for accessibility
  • Types of disabilities

  1. Vision
  2. Hearing
  3. Motor
  4. Cognitive

  • Assistive technologies
  • Accessibility laws
  • Accessibility guidelines

  1. Section 508 Guidelines
  2. Accessibility Guidelines (WCAG 2.0)
  3. 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 testing

Beyond Design Knowledge

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

Mode of Assessment

Not applicable

Certification Obtained and Conferred by

1.  Certificate of Attendance from NTUC LearningHub

Certificate of Attendance from NTUC LearningHub will be issued to participants who have met at least 75% attendance.

2.  External Certification Exam

The Science and Art of Effective Web and Application Design (Design) is one of the four courses that will prepare participants to sit for Certified Usability Analyst (CUA) certification. Upon passing the exam, participants will receive Certified Usability Analyst (CUA) certification from Human Factors International, Inc

Course Objectives

  • 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

Pre-requisites

No credit or certification pre-requisites required to take this course.

Medium of Instruction & Trainer

Medium of Instruction: English

Trainer: Trainee ratio is 1:20

Price

 

Before GST

With GST

Full Course Fee

$1,365.00

$1,460.55

Conducted in partnership with


HFIDSN