Creating an Interactive Analytics
Dashboard for Instagram
USER RESEARCH | USER EXPERIENCE DESIGN | MOBILE USER INTERFACE DESIGN | INTERACTION DESIGN | VISUAL DESIGN
We all know Instagram. We all use Instagram. We all love Instagram. What started off as a simple photo-sharing social media platform is now a digital product that allows thousands, perhaps even millions, of users to profit through product/company sponsorship.
Being an eager learner, I decided to challenge myself to design an in-app, single-screen analytics dashboard for Instagram which would allow users, both those who are incredibly active and profit from sharing photos (I think they're called "Influencers," these days?), as well as everyday active users, to track the various trends which mattered to them most.
Using my network, I was able to connect with 10 "Influencers" who had thousands of followers on Instagram. Since many of them did not live in San Francisco, I created a Google Form survey to better understand these users — from there, I taught myself Flinto and was able to achieve my learning personal goal.
One-woman Product Designer!
As an frequent 'grammer, I wanted to created an in-app analytics dashboard which retained the same UI style for the photo-sharing app — one targeting those with or hoping to get thousands of Instagram users. I conducted 10 user interviews and found the features which mattered to these particular users (or so-called Influencers). Based on the user research findings, I decided on using smooth line graphs without points for the data visualization as a means to fit the new and simple Instagram UI. It also gave me a chance to continue mastering the art of creating Bézier curves. Using Flinto, I was able to create an interactive prototype that incorporated horizontal scrolling and in addition, I added a popover to explain the visualization.
I spent the first portion of the project researching dashboards of social media apps (i.e., Twitter, Medium and even Iconosquare), but struggled to find a mobile dashboard for applications of the sort. And no, I do not own a Fitbit. In any case, I then moved on to developing a persona based on assumptions and real-life Influencers. Moving forward, I conducted user research to better understand what metrics mattered to those who fit that persona.
Beyond simply looking at the dashboards of similar social media applications (all of which, that I know of, were online), I also ventured out into the world of third-party social-media analytics websites such as Iconosquare and Snaplytics; however, I was unable to find something strictly for mobile.
Because of Instagram's latest UI transition, I sought after the simplistic look and felt the most drawn to Twitter's dashboard which were very simplified line graphs which showed trends over a "28 day summary" — including "Tweets," "Tweet Impressions," "Profile Visits," "Mentions," "Followers" and "Tweets Linking to You."
I created a persona, Jenn, that was heavily based on many of the people I follow on Instagram who have achieved "social media-fame" to some extent. By developing a persona, it helped to guide the rest of the design process along by providing a foundation for understanding user needs and motivations.
User Surveys and Findings
Using Google Forms, I created a user survey with questions I felt would best help me understand the typical flow an active user goes through from the time they open the app to when they exit it. Luckily, I was able to gather this data from 10 incredibly active users — 50% of whom were paid to use the app as Influencers.
Based on the results of the surveys, I gathered the following information.
The two venn diagrams ensured that I was targeting the right users when conducing the user research and surveys. Secondly, by knowing how important each Instagram feature was to the Influencers, collectively, it allowed me to design the dashboard with their values in mind.
This portion of the project consisted primarily of creating a very simple task flow and creating wireframes — which was rather difficult as I had to decide upon a single type of data visualization out of many in order to retain consistency.
The Standard User Flow of an Influencer
Pen and Pencil Lo-Fi Wireframing
Ultimately, I chose the fourth iteration of the wireframes because it best fit the desires of the users I interviewed by showing trends and optimization times. There's also an additional section which shows the photos with the most engagement (—most liked and commented). Furthermore, I added a popover to explain what each portion of the analytics screen referred to.