Raven Path for NoogleProduct UX lead2019

Ten analysts a week, or one screen a day

Noogle Maps ran its Twitter and Instagram reporting from a spreadsheet that ten analysts rebuilt every week, country by country. I led the product UX of the Tableau dashboard that replaced it: both networks side by side, refreshed daily, in three levels from the health of the quarter down to a single post.

10analysts, weekly

The old spreadsheet needed ten analysts to gather each country's data every week. The dashboard refreshed every day.

3levels

High, mid and low: the quarter's health, how it got there, and the posts that did it.

25–45%

More engagement on both networks four months after launch.

Self-reported
The hub on a channel manager's monitor and the day-of-week view on a laptop. Both redrawn in vector, with the values the dashboard showed for Q2 2019.

The brief from Noogle was a question: how does the same content perform on Twitter and on Instagram, and why differently? The people asking were the Maps channel managers, who had to decide what to post and when. Their answer lived in a Google Sheet.

The sheet was only as fresh as the last time ten analysts had filled it. Each week they gathered the raw data for every country by hand, so the numbers were always a few days old and the analysts spent their week collecting instead of reading. The brief asked for a Tableau dashboard with more features, intuitive navigation and a pleasant layout, and for zero human input of raw data.

Stop collecting the numbers. Start reading them.

The beforeTen sheets, one week

Here is the week as it was and the day as it became, one card per beat. On the back track, ten analysts' exports have to arrive before anyone can compare a network. On the front, the dashboard already has both networks and three levels to read them at.

The spreadsheets are drawn as wireframes: only the process is known, not their contents. The three dashboard views are the high, mid and low levels, redrawn.

The peopleDesign for the person who presents the number

The executives the channel managers reported to were not available for interviews. So we studied them indirectly: a netnographic study of the services they read, such as Forbes, Bloomberg and The New York Times, plus focus groups and workshops with the employees who reported to them. What made a deliverable look diligent in front of that manager became our research question, and it unblocked work that stakeholder calendars would have stopped.

Persona · Chief Marketing Officer Carolyn “Rush through your day, take your time to plan the decade.” Age 30 to 38 · $250K to $700K · expert negotiator
About
Social media to her is like the stock market: she never bets everything on one venture. Social media executives are the news editors of this decade, hard on deadlines and immune to tech jargon.
Pain point
Project delays ruin her day.
Trait
Hates micromanaging, values bold ideas and anything that makes her work shine.
Emotional need
To feel confident with every number she shows and presents.

From the persona, shortened.

That last line set the design. Carolyn would never open the dashboard herself. Her channel managers would, and they had to walk into her office with a number they could defend and the post behind it.

The productThree levels on one screen

The hub is a single view of the Noogle Maps social footprint, with each network in its own colour and always side by side. It reads top to bottom in three levels. High: how the quarter is doing against the last. Mid: how it got there, ten quarters at a time. Low: the posts that did it, down to one tweet. The filters at the top follow you down every level, so the comparison is never lost.

The hub, redrawn in vector from the dashboard capture and lifted into its layers. Values are the dashboard's own for Q2 2019; the quarterly bars and their changes reconcile to within half a point.

Mid levelWhen to post

The view channel managers asked for most answered the brief's first question: what time to post. It splits owned content by the day it went out. On Twitter, Thursday posts earned a 0.45% engagement rate, about twice most other days, while Wednesday posts drew the most impressions and not the most engagement. On Instagram the week was flatter: Thursday and Friday led at 5.9%, Saturday trailed at 4.4%.

Engagement rate and impressions by day of posting, Twitter and Instagram
Day of the week, redrawn. The top tweet of the period went out on a Thursday: 102,171 impressions and 473 engagements, a 0.46% rate.

Mid levelWhat moved, on which network

Every chart carries its quarter-on-quarter change, because the question in the room is always "is that up?" Read across both networks and the story of 2017 jumps out. In the fourth quarter, Twitter impressions rose 296% and Instagram's average post reach rose 112%. The low level shows why: in December 2017 the account posted 55 tweets for 10.3 million impressions, more than any other quarter in the record.

Mid levelWho engages

The content tag comparison set any tag against any other: the audience who engaged against the network, the asset type against the feature mentioned. It showed a different crowd on each network. Lifestyle consumers led everywhere, but Twitter skewed technical, with 23.8% tech enthusiasts and 13.5% developers, while Instagram had the most students and educators.

Share of engagers by audience tag on each network
Content tag comparison, redrawn from the wireframe on, which also compared Facebook. Shares add to 100% on every network.

The processWireframed in sprints

I ran the product as an agile project and wireframed it in sprints with the developers. The dashboard was one of four sections in a larger social analytics product: owned channel analytics, social listening, a benchmark library and the Noogle Maps benchmark. Each opens on an overview, with deeper views behind the arrows on the left, so every section is learned once.

User flow of the four sections, each an overview with deeper views
User flow redrawn from the wireframe board.

The outcomeContent made for each network

With both networks side by side and fresh every day, the differences stopped being a finding in a report and became a working habit: channel managers began to make content for each network. The analysts moved from gathering data to analysing content and strategy. Four months after launch, engagement on both networks was up between 25% and 45%.

The engagement result is my own account; I do not have Noogle's own measurement to link.

The vector setEvery screen, redrawn

Pulled, redrawn in vector on a light theme and split into layers. Every number is the dashboard's own.

High level, vector
High level · SVG
Hub, vector
Hub, all three levels · SVG

My role

  • Product UX lead
  • Agile product management
  • Information architecture support

Research

  • Netnographic study
  • Focus groups and workshops
  • Persona: Carolyn, CMO

Client

  • Noogle Maps social team
  • Raven Path, Chicago

Sources: "Portfolio 2024, Plan C Optimized": the brief, the product, the users, the persona, my involvement, the wireframes, the dashboard captures and the results.

Data: every value is read. Where a tile and a chart on the same screen disagree, the chart is used, so the screens reconcile: Twitter's engagement-rate change shows +8.8% (the tile read +8.5%) and Instagram's average impressions 107.7K (the tile read 109.2K). The 2017 matrix leaves out its total-impressions column, which is rounded to 0.1M. The spreadsheets in the race are wireframes.

Raven Path, in Chicago, was the public brand. The team I worked in was Node Cltda, in Guayaquil, Ecuador.

Colophon: redrawn in vector and staged in 3D with three.js. Written with Clikiti Portfolio from my own material; I approved every line.

Client and employer names are changed for confidentiality.