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.

Hard

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

Empathy Quiz

A Cafeteria Designed for Me

A Cafeteria Designed for Me

Accessibility

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

Test

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