YouTubeTracker logo

Overview

YouTubeTracker is a tool in development by COSMOS (Collaboratorium for Social Media and Online Behavioral Studies) that can track, monitor, and identify influential YouTube groups and content. Through visual analytics, YouTubeTracker helps researchers identify trends, opinions, communities, and anomalous behaviors such as bots, spam, and trolls as they relate to the YouTube platform.

As a team lead for this project, I was responsible for exploring feature ideation, establishing user flow and usability best practices, communicating with end-users, and designing story-driven dashboards.

Challenges

  • Maintaining design patterns and user flow consistent with other COSMOS applications
  • Designing a series of dashboards to display over 25 computed YouTube metrics that can be expanded as new social media forensic techniques arise

Approach

This collection of work illustrates some of my contributions as UI/UX team lead for YouTubeTracker.

Storyboarding

I collaborated across teams to compile a feature-rich list and create concepts for initial grant funding. My sketches for user flow and page functionalities are featured in the promotional image below.

Promotional poster illustrating user flow abd features Richard Young work from InVisionApp Freehand
Promotional poster illustrating user flow features my work from InVisionApp Freehand

User Interface Design

I created static mock-ups and conceptualized analytic dashboards, features, and functions. The Posting Frequency page mockup below is one of 7 narrative-based dashboards I designed.

Dashboard mockup with YouTube channels metrics relating to posting
Dashboard for comparing YouTube channels’ posting behaviors created in Affinity Designer

User Testing

I interviewed end-users for qualitative feedback to improve designs and functionality. In the mockup below, an addition was made to dashboard navigation after researchers requested the ability to view the entire history of their dataset and then select by ranges of time.

Mockup with a selection feature being added to the main navigation
Sparkline concept for identifying, selecting, and reporting POIs created in Affinity Designer

User Experience

I developed strategies for addressing beta users and began collecting measurements with Google Analytics. I created the graphics in the following images as a way to establish a more personal connection with our users.

404 page inspired by the Matrix with red and blue pills as the buttons
404 page concept created in Affinity Designer
Thank You modal concept for providing user feedback with YouTubeTracker mascot tearing up
Thank You modal concept for providing user feedback created in Affinity Designer

End Results

  • Condensed 25+ metrics to 7 dashboard mockups for development
  • Created dashboards with a modular approach so that additional features can be later added without my involvement in this project
  • Developed my abilities as a designer working with dynamic data