UI Design: Multi Select

My role as a UI designer

  • Apply the visual design to wireframes
  • Work closely with accessibility and content where necessary
  • Collaborate with the software developer to ensure a seamless handover
  • Validate the component against successive builds

Client

Wells Fargo, San Francisco CA

My role

UI Designer

Team

UX designer, developer, content strategist and accessibility.

Tools

Adobe Illustrator

Date

2015

Multiselect

Wireframe • Anatomy • Specifications

About

Multiselect is used for collecting users selections from a list of options; either in a data table or list view. The multiselect component is comprised of multiple components.

Wireframe

Mobile flow

Anatomy — multiselect in a panel

Anatomy — multiselect in a balloon

Multiselect in a data table