Style Tile & Components

With solutions and low-fi design sketches ready, I created the style tile and components for Dropout. I replicated Dropout’s colours and styling, redesigned icons for consistency, and ensured the overall aesthetic remained true to the original.

High-Fi Designs and Solutions

Consistency and Standards:

• Adjusted icons to have a consistent style.

• Added text below navigation icons for better context.

Error Prevention:

• Added suggested content while typing in the search field to prevent errors.

Recognition Rather Than Recall:

• Optimized button labels to clearly indicate their functions (e.g., “remove” and “download”).

Flexibility and Efficiency of Use:

• Added a recommendations row for personalized experience.

• Introduced a series category filter button for quick content sifting.

Aesthetic and Minimalist Design:

• Replaced the obtrusive “Next video” bar with a smaller, unobtrusive “Next Episode” button.

• Added sort options for downloaded videos and implemented progressive disclosure to avoid overwhelming users.

Help Users Recognize, Diagnose, and Recover from Errors:

• Provided reasons and suggestions for failed searches to avoid dead ends.