Video Management Solution

Design of the entire video management system for intranet purpose

Company

LumApps

Platforms

Figma, Maze

Timeline

2021

Page under construction

Overview

In June 2021, LumApps acquiers its first company, Novastream, a B2B video management solution. Video becomes a major feature for LumApps in 2021.

Looking for new challenges, I volunteered to be the only designer of Play feature team.

In order to respect the customer commitment, we only had 4 month to design and develop the first iteration of the feature. We did not have time to conduct user interviews and user tests, so we based our work on the 10 years of knowledge of the Novastream teams.

The LumApps Design Process requires us to perform a minimum of one user testing session, either before development or during production if the timing prevents us from doing so beforehand. This is what we did with Play.

Process

Usability tests

We conducted filmed tests in production with the 5 customers who had access to the beta version of LumApps Play. The testers were the responsible of videos of these intranets.

Each test was broken down into three parts:

       1.  We started with background questions, to understand users habits with video management, within LumApps or in third-parties solution.
       2. Then the test part: users had to open the homepage of their intranet, upload a video and add some details (title, description, thumbnail, translations…).
       3. Finally we came back on every screen of the process and asked a series of questions to understand their expectations.

Version A
Iteration

We focused on redesigning the layout of the video editor: 

       - The player took too much space: the point is to edit the details of the video, not play it.
       - We reworked the permissions of the video, giving them more space in a dedicated tab
       - We initiated a rework of the translation pattern

Version B
Usability test

We lead these tests with the 5 users we met previously. We asked them to complete tasks in two versions of the editor:

       - Version A was the current editor, in their intranet.
       - Version B was the redesign, in Figma

Outcomes

The layout of version B looked more streamlined than version A, while displaying the same options. Version A seems more like a draft version of the feature, when version B looks like definitive version.

The column dedicated to video is appreciated by the testers: the video takes less space, but still allows a preview of the changes made.

100% of testers preferred version B. The navigation was considered clearer and more readable.

The position of the translation button made more  sense to our testers, however the label should clearly indicate the term « translation".

Translation is a big cross-cutting topic for LumApps. I lead a project dedicated to it later this year.

Thanks for reading

Other work

@2023

Designed with  ❤️  in Lyon, France

icon linkedin greyicon linkedin coloredicon tiktok greyicon tiktok coloredicon instagram greyicon instagram colored