Wirewax, organise and locate your files faster

Wirewax

Working with our client Wirewax, my team and I redesigned the dashboard and how users save and locate their files within the software. We delivered a high fidelity prototype, a presentation outlining our process and discoveries, as well as a report to detail all our research and testing findings.

Overview

Client: Wirewax

Project Brief

For our final project we worked with Wirewax, an interactive video editing software company headquartered in London. We were tasked to redesign the digital asset management within the system. I worked with three fellow UX Design students: Kjerstin (KJ) Engebretson, Emily Pela and Shruti Hallur.

Design Process

Interviews

Screener Survey

User Testing

Competitive Analysis

Persona

How Might We

Design Studio

Crazy 8s

User Flow

Feature Prioritization

Usability Testing

Scope

2.5 week sprint. During the first week we conducted research and interviews. Our second week focused on the design and testing phases. In our remaining time, we collated our findings into a report and presentation.

My Role

Since we were working with a tight time frame, we evenly split all work. My contribution was conducting interviews, synthesizing our findings into a research presentation, creating the paper and mid fi prototype, testing with users, gathering data and iterating our design, and creating our final presentation.

Research

To gain an understanding of the current system and its pain points and opportunities, we created a screener survey, did a competitive analysis as well as conducted interviews and user testing.

User Testing

Starting with user testing of the current system, we identified some things which could be improved upon. During the tests, we observed how people created folders, moved items around in the system and uploaded assets.

Wirewax user testing the current system and results

Interviews

Following this, we interviewed Wirewax users as well as video editors within our own personal networks, and came up with some key findings.

1 — Asset Organisation

Everyone we interviewed stated that they had a very particular way to name and organise their video assets. They like to have control over their folders for peace of mind.

“I don’t want to waste time trying to find things so I have become very meticulous in naming.”

2 — Search

Wirewax has a very powerful search function and we assumed that some would use this to locate assets. However, 0% of users surveyed said they would use the search for this purpose. While speaking with them, they mentioned that they always know where assets are located because of their folder and naming systems.

“I don’t use search because I usually know where everything is.”

3 — Work in Progress

Users want quick access to the projects they are currently working on. This is available in systems like Google drive, and when you open a software and click ‘recently opened.’

“I create a folder called 'Work in Progress' in the system and place all of the assets inside it. That way I have quick access to what I’m working on [when I enter Wirewax].”

Persona

With this research, our persona took shape. With this tool, we were able to better understand the needs of the Wirewax user.

Wirewax Persona, the Videographer

Ideation

We conducted a design studio with Wirewax employees to generate ideas on how the digital asset management could look. Before the design studio began, we presented our research findings and what users were saying. To guide the session, we presented a few how might we statements.

How Might We ...

Improve the folder structure in the DAM? the upload process? & the overall efficiency of the user’s workflow?

Wirewax Design Studio with the Wirewax team
Design Studio Sketches

We then came out with several features, visuals and ideas. Using the MoSCoW method, we were able to prioritize the various features by plotting them on a map.

Moscow Feature Prioritization map

Moreover, we looked at the user flow, and broke it down to further pinpoint areas to focus our design on. This helped us to identify the key workflows for the system and the scenario to design for.

Wirewas User Flow
Main areas for focus: Upload, Folder System and Asset Cards

Prototype Development

Moving our ideas forwards, we designed paper prototypes to test on our classmates and general public before making digital wireframes.

Wirewax paper prototype

Once our digital prototype was ready, we tested with Wirewax users, both in person and remotely.

We sought to gain feedback on the new dashboard, the features, upload process and how they created folders and organised assets.

We continued to iterate on the design with every version we tested.

Emily Testing with Wirewax user
Version 2 Iterations

Having been given Wirewax’s style and brand guide, we rolled out the designs accordingly.

Sketch document overview

Solution

The updated Studio Dashboard and digital asset management allows users to more through the system, organise and locate files with ease. They can create folders easily, move items around using drag and drop, and are able to understand the visual hierarchy of their assets.

Wirewax new DAM

The following high fidelity wireframe explores how a user would preform all of the essential tasks in the digital asset management system: upload a video, create a folder and organise the item into the folder.

We also developed how the folder structure would act with multiple subfolders and assets within. Another task we asked users to preform was changing the status of an asset, and getting their thoughts on the updated asset cards.

Outcome

During testing, Wirewax users were very pleased with the concepts and design. All of the users we tested with were able to successfully complete tasks. Some of the things we heard from users were:

"I love the edit button [on the asset card], it reduces the number of clicks."

"The folder system is so smart and familiar. This would be really helpful to have!"

"It’s brilliant and intuitive!"

The outcome of the project was overwhelmingly positive, and Wirewax wanted to implement many of our ideas and learn more about the research and testing findings. Furthermore, we were asked to create an in-depth report highlighting all of our insights and findings.