Unison Vendor Dashboard / v2

Unison is one of Target’s major software platforms for powering in-store digital experiences. This page chronicles the design process for Version 2 of the Unison Vendor Dashboard. The dashboard provides vendors with insight into how guests were interacting with their products in Unison-enabled stores. I worked with Sr UX Researcher Amie Baron and Lead UX Architect Faith Hutchinson on conducting studies and translating the research findings into actionable design suggestions. I led the visual design of the Reports page and the microinteractions.

Navigation and Structure

The visual design aligns closely to the tablet UI that was released in late 2018. For engineering reasons, we oped to keep the sidebar navigation that is present in early Unison tool. We considered the possible latency that would occur if data were loaded when a user made a selection and opted instead for the "Update Filters" button.

Landing page for the new Vendor Dashboard.

Filtering modal where vendors can choose whether they want information for all of their products are one of them, as well as the date range.

Smooth animation for the filtering modal.

Metric Definitions

As with the previous dashboards, users can click the "Help" icon to get detailed information about what a particular metric means. We heard time and time in our research and conversations that it matters less what the metric means and more that its definition is extremely clear.

Dwell, Engagement, Page Activity and related averages with benchmarking.

As with the previous dashboard, clicking the "help" icon brings up the metric definition.

Animations for metric definitions on the Dashboard page.

Reports Page

We learned from conversations with vendors that access to raw data is preferred, as it is extremely flexible to use. The Reports page lets vendors download the reports that are generated weekly.

Landing page for the Reports page. Sidebar is open. The most recent week is open by default.

"Help" buttons are included within the text for vendors to reference. Sidebar is closed.

Animations for metric definitions on the Reports page.

Reports are organized by weeks, as is customary with sales data.

A group of reports is successfully downloaded. The naming convention makes for easy reference and searching.

Expanding and collapsing the reports modals.

Additional UI animations

Opening and closing the sidebar. Animation in ProtoPie.

Experimenting with sticky navigation.

Animation for the filtering modal in slo-mo.

You may also like