System Design | Design Research | Internationalization
We are tasked with redesigning global navigation for our new product that merges the newly acquired streaming app in France, as well as our USA app. In addition to cross-platform design, we also need to understand how the navigation should be scalable and flexible enough to launch in international markets.
Product Designer
Prototyper
Chloe Park (Senior Designer)
John Banks (Product Manager)
Christopher Jarzebek (Design Manager)
Frontend Platform Engineers
April 2022 - July 2022 (Design Phase)
Figma, Arduino, Notion, Google Slides, Usertesting.com
I took on the responsibility as one of two designers to create navigation for our unified app across TV, web and mobile device platforms (7). I created a documentation for navigation framework, and contributed significantly to coming up with main navigation, subnavigation,and filter for the new navigation system.
In late 2021, fuboTV acquired a streaming company in France as part of its global expansion strategy. I was tasked with the desgin of the navigation for the unified app across TV, Web and Mobile --- in partnership with a Senior Product Designer. As we consider existing markets, we also need to take into account the flexibility and scalability as we expand the product internationally.
In our product discovery phase, we have conducted several research methods to help us formulate an informed decision on the right way to navigate around the app.
We looked at 10+ direct and indirect competitors, conducted analytics across our 7 device platforms in our US app, and conducted device platform user behavior surveys with 400 participants in each survey.
In addition to analytics and survey, I also conducted in-person user testing with Figma Prototype and Arduino to walk through the scenario for choosing a sports league or watching a show.
On TV, web, and mobile, we looked over 10+ direct and indirect competitors, by collecting their navigation flows, and screenshots. My senior design partner put together a competitive analysis summary in Figma that outlines the evaluation of each of these competitors including a mix of qualitative and quantitative evaluations.
With our existing product in both France and US, I asked the product manager to pull existing analytics on the platform to understand what are the top viewed pages on each platform and the content being consumed. This provides additional insights into the type of content emphasized in different markets and uncovers patterns of how people currently navigate our app.
Together with the UX research team, we launch a platform-specific survey with 400 participants on each device platform to understand the user behaviors and attitudes specific to that platform. The participants are a mix of users who uses our service and other streaming services.
Sports fans are our primary users who come in to choose from their favorite teams or sports to watch. They often have a good idea of what they are looking for.
Most of the interpreters said that images of terms that show the relationships are more helpful than images of the specific term.
Conducted prototype testing with 6 people in the office
During the offsite in New York, I was working with my design partner in the office to create Figma prototypes and to validate with half a dozen people to help us figure out the best path forward for TV Navigation
We prepared different Figma prototypes based on the use-case of someone trying to find a sporting league or show. In under just one week, we went through 3 rounds of prototype iteration to test with people who are both sports watchers and non-sport watchers.
In the context of web, we have a few insights to work with, but some of these insights also apply to across multiple platforms.
Users came to web primarily to access sport or entertainment content to watch, favorite or record
Sports fans like to go directly into their sport leagues or sport types, and they often know what they are looking for coming into the app
Cord-Cutters tend to be more in the browsing mindset when they are looking for entertainment content.
I started by looking over the flow of the Sports section. There are a few noteworthy issues with the current flow:
(Main Navigation with Dropdown explorations)
Downselection after subnavigation exploration