partner emailing visual updated.png

Dailymotion Media Injector Design Discovery

Empowering video creators to easily manage and mass upload their content.

Role: Senior Product Designer

Problem

Content creators were unable to easily upload more than 10 videos at a time on to Dailymotion without the time consuming assistance of both our support and content team. This led to a poor experience for a majority of our partners and content creators who upload videos frequently, and even worse for our new brands who are eager to transfer all of their content on to Dailymotion. I needed to devise a solution that would provide content creators with more autonomy on our platform:

Provide content creators with an autonomous interface that enables them to seamlessly manage and upload massive amounts of content through an accessible standardized format.

Design Discovery Roadmap

Prior to kickoff, I created a roadmap detailing the expected outcomes and deliverables for each sprint.

Sprint 1:

Research and information architecture

Understand all current industry solutions and how our competitors approach the problem.

Sprint 2:

User interviews

Understand our internal team and our partners current approach to solving the problem.

Sprint 3:

Journey mapping

Create a consolidated visual representation of all previously discovered information for key stakeholders to clearly interpret.

Sprint 4:

Wireframes and UI

Design wireframes and UI based on outcome of the Design Discovery and based on insight from key stakeholders.

Research and Information Architecture

Phase 1: My first goal was to research the current climate and industry trends related to media injectors.

Although this was a design discovery, having some comprehension of the technical landscape made it easier to understand industry trends, terminology used, and the basic function behind various injectors. Multiple variations were discovered, however an injector format known as MRSS stood out as being the most versatile and easy to implement (especially considering that Dailymotion was using a very basic MRSS injector as an interim solution). I still needed to validate whether our competitors also used the MRSS format, and more about specific features within their injector platforms.

Phase 2: By conducting a competitor analysis, I was able to compare and contrast key injector features amongst major players in the media space.

The competitor analysis first allowed us to validate that all major media platforms were using MRSS injectors. Next, I wanted to conduct a more in depth audit of Viemo and JW Player injectors as they were our closest competitors and had a similar use case for injectors.

I conducted a feature teardown of Viemo and JW Players injectors in order to further understand the granular functionality of each of our competitors injectors. In doing so, I discovered that each platform accounted for multiple different MRSS formats, providing users with different options depending on their technical preferences. 

Phase 3: Flow diagrams were created in order to understand the various MRSS use cases.

As mentioned, Dailymotion developed a very simple MRSS injector that was intended for use only until a more sustainable solution was developed. If a partner wanted to inject content, they would have to do so by reaching out to either our content or support team (often through email or our help center). A flow diagram was created of our injector in order to understand which features were lacking compared to our competitors.

The flow diagrams were helpful in highlighting the subtle differences in MRSS formats. I still wanted to know which of these MRSS format variations was most common and most useful to users. This was an area I made a point to focus on during our user interviews.

User interviews

Phase 1: A scope was created for our user interviews using the information gathered from our prior research.

Understand the current injection use cases and workflow as well as the problems users encountered when completing certain tasks.

Of the eight participants I interviewed, half were from the Dailymotion Internal team and half were media managers from brands frequently creating and injecting content (on to both Dailymotion as well as other media platforms). Our goal was to understand the differences and similarities between these two user groups, as well as their preferences and pain points in regards to different MRSS formats.

Phase 2: Separate interview questions were created for our internal team and brand media managers.

The most shocking piece of information uncovered through the user interviews was the amount of time and resources our internal team spent using the Dailymotion media injector. This was mainly due to the fact that our content and support team were essentially having to set up and run injectors on our partners behalf. In contrast I learned that this was an autonomous and painless process on other media platforms. These high level discoveries were extremely helpful, however I knew there was more detail to extract once the interviews had been properly sorted and organized.

Phase 3: I broke down and sorted sections of the interviews into themes that highlighted the recurring topics that were most frequently mentioned.

Summarizing the themes made it easy to clearly interpret the core findings from each of the interviews, and more importantly understand why our injection process was so tedious compared to our competitors. Interestingly enough, almost all of the themes shared a similar pain point: most problems were rooted in the fact that not all MRSS feeds are formatted the same, and technical errors often occurred due to incorrect formatting, which typically led to exhausting communication between us and our partners.

Journey mapping

A journey map synthesized all information gathered through prior research and interviews in a format that was easy for key stakeholders to interpret.

I felt it was extremely important to include both Dailymotion and our partners on one journey map, as I wanted to demonstrate the communication and transactions between users. I also wanted to correlate specific steps along a user's journey to problems that occurred, usually due to incorrect formatting. Most importantly, the journey map allowed me to suggest solutions alongside each of the phases within the injection process. Key solutions included:

  1. Create an autonomous and intuitive MRSS injector that is accessible to our partners.

  2. Ensure that all major MRSS formats are accepted within our injector.

  3. Educate our partners so they knew how to use our injector and format their MRSS feed properly.

Wireframes and UI

Below are key screens designed using pre-existing components from our design library as well as new components that I created specifically for this project.

Design discovery conclusion and KPIs

A detailed roadmap and the thorough synthesis of our research findings led to the success of this discovery and allowed us to accomplish the following KPIs: