Please enable JavaScript to use CodeHS

Web Design (Picasso)

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

9.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

9.2 Empathy

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

9.3 Define

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

9.4 Ideate

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

9.5 Prototype

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

9.6 Test

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

9.7 Designing User Interfaces Quiz

  • Designing User Interfaces Quiz
  • Designing User Interfaces Badge

Courses that include this module