Institutional Dashboard

The Challenge

While at Vitalsource, the company created an extensive analytics platform with statistics to help a variety of users. Instructors were given a platform to view analytics associated with their students, but the need for a larger view for administrators became apparent. The main focus was to have a platform that allowed administrators, or department chairs a quick glance and how their instructors and courses were performing.

My role: Brainstorming, whiteboarding, design thinking, ux research, ui audit, iterative design
My deliverables: Responsive wireframes, workflow prototypes, feature prototypes, component library

institutional-db.png

Defining & Ideating

We walked through various design solutions and checked them with business goals before decided on a solution that catered to useful experience, as well as providing information that we as a company wanted to be providing. Since another analytics dashboard had been built, we were taking existing functionalities in some cases and fitting it in to this new experience.

brainstorm-in-db.png

Prototyping & Iterating

Working through the iteration part of this experience was challenging. Since we had no actual user feedback, we were making a lot of assumptions. Diving further in to the design process, the need for a complex and simple filtering system was realized. We were also running in to inconsistencies with the new designs and the existing designs that were already in production.


Complex Features

mobile-filtering.gif

A design challenge that came to light after the initial pages were laid out was how to filter through what could be thousands of course cards. This was a great opportunity to step out a complex filtering system for the dashboard, to cater for various types of input, multi and single select capabilities, all in a intuitive experience.

Since this entire experience is responsive, taking mobile in to consideration through out the design iterations was imperative. The final solution ended up being malleable enough to scale to multiple products, with various goals.


UI Audit, Component Library, UI Kit

lyza-2.png

As a direct result of designing a new institutional dashboard, and retro-fitting it with existing features, it became obvious that not all of the UI was staying consistent. No matter if the user were an instructor or an administrator, we wanted the experience to be learnable, and consistent through out the entire breadth of the product. After this UI audit, and discussing it with the development team, it was agreed upon that we would all benefit from a component library.

Templates, components, basics and principles were broken down in to styles and language that could be followed for all feature updates moving forward in to an easily digestable and understandable document for reference. We started off with the traditional atomic design framework, but ended flipping it to start with the larger structures. We found that it better fit our framework, and was easier to socialize.