Please enable JavaScript to use CodeHS

My Website Portfolio

In this project, students are introduced 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.


8 Hours

High School

Project Description

Project Overview

Here is an outline of the project activities:
Intro to Design Thinking
Intro to Design Thinking
Website Requirements
Web Design Tools
Tools Evaluation
Project Planning: Timeline
Empathy Quiz
A Cafeteria Designed for Me
A Cafeteria Designed for Me
Accessibility Tips
W3C Accessibility Standards
Accessibility: Designing for ALL
Good vs. Bad Web Design
Creating a Rubric
Reflection: Checklist
Creating an Image/Graphic
Image/Graphic Brainstorm
My Image/Graphic
Creating Audio/Video
Audio/Video Brainstorm
My Audio File
My Video File
Creating Animation
CSS Animation
Animation Brainstorm
My Animation
Testing Quiz
Testing with Users
Example: How to User Test
How to User Test Responses
Example: How NOT to User Test
How NOT to User Test Responses
Test Prototype 1
Test Prototype 2
Improve Your Prototype
Final Project