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


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

Course Overview

Designing intuitive and effective user interfaces is both science and art. During this course, you 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.

You 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

2 Days / 14 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


  • 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


  • 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


  • 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


  • 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 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


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



Before GST

With GST

Full Course Fee



Union Training Assistance Programme (UTAP)

NTUC members enjoy UTAP* benefit of up to $250 each year when you sign up for courses with NTUC LearningHub.

* UTAP supports 50% of the course fees paid cap at $250 per year. You must be a union member throughout the course duration and at the time of claim. You must achieve a minimum of 75% attendance for each application and have sat for all prescribed examinations. Other terms and conditions apply.

Terms and conditions apply. NTUC LearningHub reserve the right to make changes or improvements to any of the products described in this document without prior notice.

Prices are subject to other LHUB miscellaneous fees.

Conducted in partnership with