• Create Platform Cover Selector

Just the facts, ma'am

Information Architect | Visual Designer | Interaction Designer

The Challenge

A complex and poorly organized book cover selection menu, and confusing customization process.

The Solution

A cover selection menu that divided books into recommended (based on user's profile), popular, and all, a customization process that dynamically updated based on user input.

The Result

Simple, clean design that was contextual and communicative, allowing users to quickly customize their book covers.

Good information architecture and visual design always begins with a clear understanding of site objectives and user needs. User testing gave us further insight into these, as well as our user's behaviors.

Simple and clean visual designs, and clear contextual communication.

Simple visual cues, such as changing the plus [+] button to a minus [-] button when the user had selected the maximum number of text fields allowed for a particular category, allowed instruction without words.

User testing gave us further insight into these, as well as our user's behaviors. Simple visual cues, such as changing the plus [+] button to a minus [-] button when the user had selected the maximum number of text fields allowed for a particular category, allowed instruction without words.

A well-defined and well-understood design framework that scales well and promotes consistent and usable interactions.

A check-out process that allowed the user to review their customized cover one last time, and easily jump back to previous sections to edit their work was another enhancement to the experience.

The Results

The new cover selection process features a more personalized approach that gives users a more individualized experience on the site. Working in tandem with the new cover selection process is a streamlined customization process. Smart use of color, button states, and noticeable but unobtrusive copy alerts users to automatic customization option changes based on covers they choose.

  • Cover Selector zero state
  • Cover Selector wireframe
  • Filter By Discipline
  • Filters applied to menu
  • Buttons dynamically update
A cleaner workflow for our users, allowing an easier, more efficient, and more personalized method to customize class materials.