HOME PROJECTS RESUME CONTACT

THOMAS WANG: Full Stack Developer

☰

YouTube Thumbnail Microinteractions

Fall 2023

Overview

I did an analysis and redesign of YouTube's thumbnail microinteractions. The goal was to redesign an improvement and then build that redesign using code.

Assignment

We had to find a set of microinteractions on a website, recognize and describe them, then we we had to improve upon the design of the microinteractions and build it using code.

Project Goals

  1. Find and analyze microinteractions on the YouTube website
  2. Redesign and improve upon the microinteractions
  3. Build the redesign from scratch with code

Research and Analysis

Finding and indentifying

For this project, I decided to identify and improve the YouTube thumbnail and its microinteractions. I picked the YouTube thumbnail because it fairly regularly changes and I think a lot of previously had features should be brought back as well as new ones being added on.

Redesign

After identifying the microinteractions on the YouTube thumbnail, I had come up with with come my redesign

More Details

Deliverables

Final Product

This video shows all the microinteractions I previously described integrated into a redesign using HTML, CSS and Javascript