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


Content creators were unable to easily upload more than 10 videos at a time 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.

Information architecture Copy 2.png
Information architecture.png

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.

Competition benchmark.png

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.

Vimeo teardown.png
JW Player teardown.png

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.

Dailymotion media injector flow diagram.

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.

JW Player media injector flow
Vimeo media injector flow diagram.png

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.

Artboard Copy 3.png

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.

Theme summary - Tools.png
Theme summary - Frequency.png
Theme summary - Useful.png
Theme summary - formatting.png
Theme summary - workflow.png

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.

Vimeo media injector flow diagram Copy t

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. Educate our partners so they knew how to use our injector and format their MRSS feed properly.

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

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: