Course Curriculum

7 Sections
00

Introduction

3 Lessons 17 min
  • Course Overview & Downloads 3 min
  • The Evolution of Input Controls 7 min
  • The 3 Types of Input Controls 7 min

Resources Provided

  • 0.1_CheatSheet-1_Input-Controls_Terms (PDF)
  • 0.1_CheatSheet-2_Input-Controls_Best-Practices (PDF)
  • 0.1_CheatSheet-3_Input-Controls_Form-Design (PDF)
01

Text Inputs

4 Lessons 35 min
  • Text Fields 7 min
  • Label Placement 5 min
  • Placeholders 5 min
  • Floating Labels 2 min

Practice Activities

  • Text Field Scorecard 16 min
02

Selection Inputs

9 Lessons 90 min
  • Radio Buttons 10 min
  • Checkboxes 6 min
  • Radio Buttons vs. Checkboxes: Differences and Best Practices 7 min
  • Toggle Switches 14 min
  • Dropdown Lists 7 min
  • Combo Boxes 3 min
  • Listboxes 8 min
  • Selection Inputs: When to Use What (Selection vs. Type-Based Controls) 9 min
  • Selection Inputs: When to Use What (Selection Control Decision Matrix) 11 min

Practice Activities

  • Selection Control Critique 15 min
03

Numeric Inputs

3 Lessons 48 min
  • Input Steppers 7 min
  • Sliders 13 min
  • Numeric Input: When to Use What 13 min

Practice Activities

  • Numeric Control Matchmaker 15 min
04

Specialized Inputs

2 Lessons 16 min
  • File Drop Zones 8 min
  • Date Pickers 8 min
05

Input Assistance and Validation

5 Lessons 69 min
  • Prepopulate, Autofill, Defaults, Autocomplete 7 min
  • Structured Formats, Forgiving Formats, Input Mask, Spellcheck, Autocorrect 9 min
  • Inline Validation vs. Submission Validation 11 min
  • Client-Side Validation vs. Server-Side Validation 11 min
  • Validation: When, Where, How 16 min

Practice Activities

  • Input Validation Analysis 15 min
06

Conclusion

1 Lesson 17 min
  • What’s Next? 2 min

Practice Activities

  • Design a Form with Input Controls 15 min

Learning Outcomes

  • Select appropriate input controls that address business needs and user requirements
  • Implement effective input assistance and validation in web forms
  • Ensure accessibility in input controls and form interfaces
  • Optimize input controls for mobile and touch-based devices

Course Preview

 to watch NN/g videos

Tools Used in This Course

All course resources can be accessed through a standard PDF reader.

Turn Problems Into Solutions

Confidently choose the right input controls

  • Compare different input controls’ purposes, types, patterns and best use cases
  • Select appropriate input controls to address data collection needs and user requirements
  • Balance usability, data accuracy, and technical feasibility in input selection

Make it easy for users to complete forms

  • Optimize styling and placement to develop clear, accessible input labels with optimized styling and placement
  • Design hybrid input patterns to address advanced input needs
  • Streamline input experiences through effective input assistance

Use robust validation & inclusive input interactions

  • Implement inline and submission validation to help users prevent and recover from errors
  • Meet accessibility standards and work for all users across different devices and platforms
  • Optimize input controls for mobile and touch-based devices

What People Are Saying

  • This was my second course with the instructor, Huei-Hsin Wang. I’ve also taken her live online course “AI for Design Workflows,” and both courses were excellent. Five stars!

    Kate
    Designer, Beta Participant

Frequently Asked Questions

How long will I have access to this course?
Once purchased, your access will never expire. This ensures you can learn at your own pace and return to review content as often as you'd like, whenever you need.
Will I get personalized instructor feedback on course activities?
No, personalized feedback is not provided for activities completed during the course. Most courses provide answer keys to activities that help learners reflect on their progress and understanding of course materials and examples.
What content can I download?
You can download a variety of resources provided with each course, including templates, how-to guides, cheat sheets, posters, reading lists, and more. Video lessons provided in all courses will not be available for download.
Can I access this course offline or on a mobile device?
Offline access isn't available yet, although we plan to add it. Most courses offer downloadable resources for offline reference.

For the best experience, mobile devices are not recommended.
Is this course eligible for the NNGroup UX Certification Program?
Unfortunately, self-paced courses do not count toward UX Certification. However, learners who complete the final exam will receive a “Recognition of Completion” to demonstrate their achievement.

See our Live Online courses for options that count toward UX Certification.
What can I share with my employer to show I’ve completed the training?
Upon completing a course’s final assessment, you will receive a “Recognition of Completion” showcasing your dedication to learning the topic. This document can be shared with your employer or professional network to demonstrate your new skills and commitment to professional development.