Yippsee

Web Dashboard - Redesign

Introduction
Yippsee, a revolutionary way for modern cinematographers to deliver, share and proof content online. Featuring beautiful and personalised cinematic galleries Yippsee sets the tone in captivating cinematic experience for the new era of digital delivery across all digital platforms.

Goal
Gain insights on the potential end users and usability of the Dashboard beta to drive the redesign.

Team
Myself, UX Lead.
Maxine Abrogar, User Research.
Hasith Panditharatne, Competitor Research.

Responsibilities
Stakeholder Communication.
Project Management.
Team Strategy.
Usability Testing
Heuristic Analysis.
Wireframing.
Prototyping.
UI Design.

1. User Insights
Key findings from the User Research which was drawn from Yippsee's potential customers. We received 50 online survey responses and facilitated 4 in-person contextual enquiries.

These findings were created in order to understand the potential end users of the Yippsee dashboard and what their needs were.

2. Personas
To ground our future designs in our users needs we created two personas based off User Research and User Insights that represented the dashboard's potential users.

The Creative Activist
“I love stories, and the most meaningful and satisfying way I am able to tell one is through the medium of film.”

Sees Digital Delivery Platforms as a supplement (not as a replacement) to delivering files via USB or Hard Drive.

Is yet to discover a very simple digital platform to use for collaborating with others.

The Ad Man
“You don’t want to think about the tool…you don’t want the tool to get in the way…you just want to be able to do the work.”

Sees Digital Delivery Platforms to be painful due to slow internet and getting in the way of collaboration.

Feels personal interaction and feedback is lost.

3. Heuristic Analysis
To get an understanding of the overall dashboard usability I assessed each of the existing user scenarios within the dashboard beta against Jakob Nielsen’s 10 Usability Heuristics (1994).

For each issue discovered I noted the heuristic which it had failed and created individual recommendations of resolution.

4. Usability Testing
I facilitated 6 usability testing sessions to enrich and validate the findings from the heuristic analysis.

This allowed for the opportunity to reveal further insights into the user’s experience of the dashboard and it’s usability while test participants attempted to complete their given tasks.

4. Usability Testing
I facilitated 6 usability testing sessions to enrich and validate the findings from the heuristic analysis. This allowed for the opportunity to reveal further insights into the user’s experience of the dashboard and it’s usability while test participants attempted to complete their given tasks.

5. Usability Testing Findings
After reviewing the issues discovered from the heuristic analysis and the usability testing sessions I was able to identify recurring issues.

I was also able to discover issues that came to light from each of the individual aforementioned user experience assessment methods.

Discovered in both methods.
Users were interrupted by having choose a pathway they did not understand.

Discovered in Usability Testing.
Users thought that the sharing options menu was the share button.

Discovered in Heuristic Analysis.
Thumbnails have no detail to signify a video file or indication of length.

6. Usability Summary
A positive key finding that I gathered was that users were able to complete the essential tasks within the dashboard.

The key issues that arose from the assessment were, commonly required features were not in easily accessible locations.

6. Usability Summary
A positive key finding that I gathered was that users were able to complete the major tasks within the dashboard. 

The key issues that arose from the assessment were, commonly required features were not in easily accessible locations.

7. Wireframing
Driven by user research, competitor research and usability findings, I redesigned the dashboard to improve overall the user experience and address key issues.

A notable improvement I designed was the prominence to the key CTAs and features on each screen. This caters to the user actions that are required take place on each screen. This aims to greatly increase the ease of use and reduce the time it takes to complete tasks.

8. UI Design Prototype
Based off the wireframes I created a UI prototype to bring the redesign to life along with a comprehensive style guide using Sketch and Invision.

Custom Icon Set
As part of the style guide for the dashboard I created numerous custom components and icons to match platform conventions and brand guidelines.

Modular Scrolling Cards
To allow for easier navigation and sorting of large image/video collections I implemented a modular scrolling card design. This design catered for a wide range of responsive widths.

Next Steps
Conduct further usability testing, this time with potential customers in order to validate the improved design. Gather user research regarding the customer facing screens in order to understand their needs and how they relate technically to the creative's dashboard.