* Some information is under a non-disclosure agreement, and Team Dash does not have IP over this project.
Our client discovered a new way for brands to advertise within their games, in a manner that doesn’t disrupt a players experience. They incorporate endemic and non-endemic brands within the mobile games through strategic product placements, campaigns, customized promotions and in-game events. The client reached out to the CDM & Team Dash with an industry project to create a performance report for these brand partners that summarizes their advertising outcomes. The task would involve identifying the relevant KPI’s for these brands, pulling relevant data from their server, and creating a presentation layer (dashboard) for these KPI’s.
Within the 13-week timeframe of the project (January 7th - April 1st), TeamDash at the Centre for Digital Media (CDM) will deliver a single-page dashboard application. This dashboard will present the most important KPI’s as mutually agreed upon in a structured user interface, supported by appropriate data visualizations. TeamDash will work in agile sprints, making weekly product increments with frequent client updates.
Our client wants a dashboard that is catered for their particular KPI’s, and they ask to avoid fancy features which other platforms have already had. As they try to scope this project down to something technically feasible, we want to touch on this but also provide something is scalable so it fits future expansion.
Upon understanding, there are two parts involved in this product. First, the primary end user of this dashboard will be representatives from the brands advertising within client’s games. This could be a CMO (Chief Marketing Officer) from such company or even another relevant executive. A secondary user of the dashboard would be the accounts in-charge at our client’s company, who would log in to the dashboard to update cost or other values that are required to generate certain KPI’s.
Research Methods: Stakeholder interviews plus literature research.
Key findings of our end users: Mid-aged, around 50; 57% male, 42% female; Competitive work environment; Under high pressure; MBA or equivalent education level and years in a leadership or senior positions. Good at strategic planning, data analysis, communication; Often travel or in meetings.
KPI’s are under NDA, thus are excluded in this case study. Yet, we list KPI’s to two domains, measures, to indicate scale, and indicators to show values.
Based on our key findings, what we think may be helpful to solve the problem, are through these features below. And we work closely with developers and invite them into scoping and alignment process, then we ask our client for approval.
This is the process where we identify what kind of graph is a fit for a particular KPI.
This is the process where we add visual and colours to our graphs, to make it pop-up. Alongside visual identity design, we make a whole dashboard design step by step.
From logo, icons, to colour palette, we aim to create a sense of business, trust and technology.
We also incorporate ApexCharts is an open-source platform that provides modern & Interactive charts to our dashboard, to visualize the metrics we customized for the client. Visit apexcharts.com for more information.
We come up with UI design guidelines to help achieve what we set in the beginning about our design objectives.
This includes card-based design, breaking in space, responsive design, clean look with well-matched colours, and simple but powerful.
Live demo is available upon request. However, you must sign NDA to avoid conflict of interest.
We test on our product throughout every step of the process. And in the process, we changed icons to better fit user affordance. We also change some responsive design to make sure our developers can work easily. In short, as long as we do not compromise what we set as objectives in the first place, our core values are assured, so the team is much aligned and supportive of each other.
We changed the look and feel of graphs, and we redesigned second version of user interface, and picked different icons, in the wake of user tests.]
Team: Annie, Jennifer, Mazhar, Shawn, Steven, Yi.
I take the lead to help all designers work on this project, from the user experience to interactions, and I work on Graphic & Interface Design in particular.
I create a delightful and meaningful design to showcase the final deliverable and make it legit and good-looking. In the meantime, I also incorporate what Annie and Yi have to offer into the dashboard interface design. I monitor the design system and pay close attention to design styles, visualization options and user experience to make sure the team is up to the hilt in design.
Lead design thinking, facilitate experience and interaction design process. Improve team-based problem-solving skill. And more importantly, always be supportive and look after my team.
I led the design team and helped with whatever I could, to better achieve what's best for the team, not only for me. And I learned a lot from working with people with different levels of experiences, and also personalities. We had hard times communicating internally, yet it was a team effort that got everything settled and we made a great product in the end.