ABOUT THE PROJECT
Game analytics the whole studio could use
GameTuner was an analytics platform for mobile game studios, started by a team at the gaming studio Two Desperados. The idea was simple: the people who make decisions about a game should be able to answer their own questions about it, without waiting for an analyst or writing SQL. I was the UX/UI designer on the product team, working with the product owner, delivery lead, and data engineering, data science and frontend teams.
What I worked on
Product strategy Prototyping and testing Interaction design UX & UI Research Brand identity
Team
TIMELINE
2022–2023

Context
Context
Everyone had questions. Only analysts could ask them.
Studios already had analytics tools, but the harder questions still went through a business analyst. A product manager could see that revenue dropped. Finding out why meant opening explore mode, breaking revenue down by country and platform, checking registrations and retention, and eventually calling an analyst for the KPIs they couldn't find themselves. Analysts weren't much better off. If the tool couldn't keep up, they'd fall back to Tableau or SQL for most investigations, and the tool became one more thing to maintain. The opportunity was to let more of the studio answer its own questions, and to leave analysts free for the hard ones.
Everyone had questions. Only analysts could ask them.
Studios already had analytics tools, but the harder questions still went through a business analyst. A product manager could see that revenue dropped. Finding out why meant opening explore mode, breaking revenue down by country and platform, checking registrations and retention, and eventually calling an analyst for the KPIs they couldn't find themselves. Analysts weren't much better off. If the tool couldn't keep up, they'd fall back to Tableau or SQL for most investigations, and the tool became one more thing to maintain. The opportunity was to let more of the studio answer its own questions, and to leave analysts free for the hard ones.

The same revenue-drop scenario in Amplitude and Game Tuner, showing how direct access to predefined KPIs could remove the analyst handoff
Research and requirements
Research and requirements
I was handed a good brief
I joined after the initial research. The data team had already written a thorough brief: personas, the terms the product would use, chart types and core use cases. The brief described four people, and in a small studio one person often plays several of these roles: - Developer implements events, builds technical dashboards (battery, frame rate) and checks events are tracked correctly. - Business analyst defines events and high-level KPIs, builds business dashboards, runs A/B tests, and wants to answer 80% of questions in the tool. - Product manager tracks the game’s key KPIs, wants to answer 80% of questions alone, and uses the analyst as a fallback. - CEO wants 90% of answers from dashboards. All four shared the same risks: the learning curve is too high, the tool is too complex for common cases, or it’s too slow. That became my design brief in one line.
I was handed a good brief
I joined after the initial research. The data team had already written a thorough brief: personas, the terms the product would use, chart types and core use cases. The brief described four people, and in a small studio one person often plays several of these roles: - Developer implements events, builds technical dashboards (battery, frame rate) and checks events are tracked correctly. - Business analyst defines events and high-level KPIs, builds business dashboards, runs A/B tests, and wants to answer 80% of questions in the tool. - Product manager tracks the game’s key KPIs, wants to answer 80% of questions alone, and uses the analyst as a fallback. - CEO wants 90% of answers from dashboards. All four shared the same risks: the learning curve is too high, the tool is too complex for common cases, or it’s too slow. That became my design brief in one line.

Four roles working with the same game data, from defining events and KPIs to investigating performance and monitoring the business
Turning analyst vocabulary into interface language
The brief defined metric, dimension, user property, segment, cohort and group by. These words meant precise things to the data team and very little to a producer. I used the definitions to decide where each concept lived in the UI: metrics on the Y axis, dimensions in filters and group by, segments as named groups you could compare on every chart.
Turning analyst vocabulary into interface language
The brief defined metric, dimension, user property, segment, cohort and group by. These words meant precise things to the data team and very little to a producer. I used the definitions to decide where each concept lived in the UI: metrics on the Y axis, dimensions in filters and group by, segments as named groups you could compare on every chart.

Glossary mapped to UI controls
Bringing our ideas together
After the research, I led a design sprint with my PM and engineers. We spent a week digging deeper into the problem, brainstorming different solutions and focusing on three key questions: - How might we help a product manager spot a problem without reading every chart? - How might we let non-analysts break data down by country, platform or segment without writing a query? - How might we keep what the team learns attached to the data?
Bringing our ideas together
After the research, I led a design sprint with my PM and engineers. We spent a week digging deeper into the problem, brainstorming different solutions and focusing on three key questions: - How might we help a product manager spot a problem without reading every chart? - How might we let non-analysts break data down by country, platform or segment without writing a query? - How might we keep what the team learns attached to the data?
Prototype, test, repeat
Prototype, test, repeat
Testing with people across the studio
We tested the prototype with 12 participants: three business analysts, two game designers, three developers and four product managers. We wanted to check three things: - A product manager could go from an emailed dashboard to a likely root cause without help. - People could set a filter for the whole dashboard, then change it for an individual chart. - A developer could confirm an event was being tracked.
Testing with people across the studio
We tested the prototype with 12 participants: three business analysts, two game designers, three developers and four product managers. We wanted to check three things: - A product manager could go from an emailed dashboard to a likely root cause without help. - People could set a filter for the whole dashboard, then change it for an individual chart. - A developer could confirm an event was being tracked.

A few moments from the in-office testing session
Making the comparison period visible
The comparison dates were too small and easy to miss. Participants weren't sure which period they were comparing against. We added the period beneath the Compare button and made the dates stand out more on the chart.
Making the comparison period visible
The comparison dates were too small and easy to miss. Participants weren't sure which period they were comparing against. We added the period beneath the Compare button and made the dates stand out more on the chart.

Returning a chart to global filters
Participants understood how to give an individual chart its own filters. Only the settings they changed stopped following the dashboard’s global settings. After changing a global filter, they weren't sure why the chart kept its local value or how to make that setting follow the global filter again. We added clear override indicators and controls to restore global settings on that chart.
Returning a chart to global filters
Participants understood how to give an individual chart its own filters. Only the settings they changed stopped following the dashboard’s global settings. After changing a global filter, they weren't sure why the chart kept its local value or how to make that setting follow the global filter again. We added clear override indicators and controls to restore global settings on that chart.

Showing that KPIs could be selected together
The KPI picker allowed multiple selections, but people were adding one chart at a time because they hadn't noticed that option. We added checkboxes to the KPI cards to show that more than one could be selected.
Showing that KPIs could be selected together
The KPI picker allowed multiple selections, but people were adding one chart at a time because they hadn't noticed that option. We added checkboxes to the KPI cards to show that more than one could be selected.

Identifying the game behind the dashboard
The studio worked on several games, but the dashboard didn't say which game the data came from. That left people unsure which one they were looking at. We added a game identifier at the top.
Identifying the game behind the dashboard
The studio worked on several games, but the dashboard didn't say which game the data came from. That left people unsure which one they were looking at. We added a game identifier at the top.

Adding preset chart sizes
On crowded dashboards, resizing one chart made the others move around, and the layout became hard to follow. We kept the manual resizing people liked and added a dropdown with preset layouts and sizes, so they could also choose a size without dragging.
Adding preset chart sizes
On crowded dashboards, resizing one chart made the others move around, and the layout became hard to follow. We kept the manual resizing people liked and added a dropdown with preset layouts and sizes, so they could also choose a size without dragging.

GameTuner is ready!
GameTuner is ready!
It starts in the inbox
Product managers didn't open analytics every morning. Dashboards came to them by email, so the email report had to show what changed, not just send a link.
It starts in the inbox
Product managers didn't open analytics every morning. Dashboards came to them by email, so the email report had to show what changed, not just send a link.

The email report highlights a revenue drop and links to the dashboard where the product manager can investigate what changed
The drop is the first thing you see
Dashboard highlighted a significant change and showed its size as a percentage, so nobody had to compare line charts with what they expected.
The drop is the first thing you see
Dashboard highlighted a significant change and showed its size as a percentage, so nobody had to compare line charts with what they expected.

The revenue total and percentage change show the drop against the previous period, with the supporting charts adding context
Digging in without a query
In explore mode (the KPI Explorer), people could build three kinds of chart: events over time, user KPIs such as DAU and retention, and cohorts. They could filter and group by any dimension. Harder KPIs defined by analysts sat behind a semantic layer, so a product manager could pick "retention" without knowing how it was calculated.
Digging in without a query
In explore mode (the KPI Explorer), people could build three kinds of chart: events over time, user KPIs such as DAU and retention, and cohorts. They could filter and group by any dimension. Harder KPIs defined by analysts sat behind a semantic layer, so a product manager could pick "retention" without knowing how it was calculated.
Breaking revenue down by platform isolates the drop to iOS. A release annotation shows that a new version launched when the decline began
Charts that know how much space they have
On a dashboard, every chart can be resized, so we built a layout engine that repacks it at every size. Each chart type has its own rules for widths, heights and the number of segments, which added up to hundreds of variants.
Charts that know how much space they have
On a dashboard, every chart can be resized, so we built a layout engine that repacks it at every size. Each chart type has its own rules for widths, heights and the number of segments, which added up to hundreds of variants.

Charts at every size, from 1 to 6 columns and 1 to 4 rows
Keeping the answer with the data
Finding the cause of a drop was only half the job. Stories turn an investigation into a short brief with live evidence that goes straight to the teams who can fix it, and it stays in the Hub until the problem is gone.
Keeping the answer with the data
Finding the cause of a drop was only half the job. Stories turn an investigation into a short brief with live evidence that goes straight to the teams who can fix it, and it stays in the Hub until the problem is gone.
From a revenue drop on iOS to a Story
Where the whole studio starts the day
The Hub is GameTuner's home page and the place where everything else in the product comes together: dashboards, Stories, annotations and releases. Instead of everyone checking their own reports, the whole studio starts from the same picture of how the game is doing and what changed.
Where the whole studio starts the day
The Hub is GameTuner's home page and the place where everything else in the product comes together: dashboards, Stories, annotations and releases. Instead of everyone checking their own reports, the whole studio starts from the same picture of how the game is doing and what changed.
Media placeholder
Final asset pending
From design to delivery
From design to delivery
Designing next to the developers
I worked in two-week sprints with the frontend and data engineers. We set ourselves a hard goal, to make game analytics simple without making it wrong, and to get there I practically had to share a chair with the data team. A lot of my designs started as a question on a call, turned into a rough sketch the same afternoon, and changed again once we saw it with real numbers. By the end, I could explain ARPDAU almost as well as they could.
Designing next to the developers
I worked in two-week sprints with the frontend and data engineers. We set ourselves a hard goal, to make game analytics simple without making it wrong, and to get there I practically had to share a chair with the data team. A lot of my designs started as a question on a call, turned into a rough sketch the same afternoon, and changed again once we saw it with real numbers. By the end, I could explain ARPDAU almost as well as they could.

The data scientist are the ones who taught me ARPDAU
What I learned
What I learned
The semantic layer was a design decision
Who can define a KPI decides who can ask questions. Putting harder metrics behind names people already used did more for accessibility than any amount of UI polish.
The semantic layer was a design decision
Who can define a KPI decides who can ask questions. Putting harder metrics behind names people already used did more for accessibility than any amount of UI polish.
Design for the question, not the chart
Nobody wakes up wanting a line chart. Building the product around one real investigation, from the inbox to the fix, made it easier to decide what each screen was for.
Design for the question, not the chart
Nobody wakes up wanting a line chart. Building the product around one real investigation, from the inbox to the fix, made it easier to decide what each screen was for.
Keep scrolling or click to explore the next project

UrbiGrow
