Please enable JavaScript to use CodeHS

Web Design and Development

Designing User Interfaces

This module introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.

Lessons

17.1 Intro to Design Thinking

  • Intro to Design Thinking
  • Intro to Design Thinking
  • User Interface Scavenger Hunt
  • Case Study: Helping Blind People See
  • Case Study Responses
  • +10 more

17.2 Empathy

  • Empathy
  • Empathy Quiz
  • A Cafeteria Designed for Me
  • A Cafeteria Designed for Me
  • Accessibility
  • +6 more

17.3 Define

  • Define
  • Define Quiz
  • Make a Composite Character Profile
  • Composite Character Profile
  • Point-of-View Statement Brainstorm
  • +1 more

17.4 Ideate

  • Ideate
  • Ideate Quiz
  • Stoke
  • Get Stoked
  • Brainstorming Tips
  • +1 more

17.5 Prototype

  • Prototype
  • Prototype Quiz
  • Brainstorm Selection
  • Harvest Ideas from the Brainstorm
  • Wizard of Oz Prototyping
  • +2 more

17.6 Test

  • Test
  • Testing Quiz
  • Testing with Users
  • Example: How to User Test
  • How to User Test Responses
  • +5 more

17.7 Designing User Interfaces Quiz

  • Designing User Interfaces Quiz
  • Designing User Interfaces Badge

Courses that include this module