design for interface

Official Statistics in The Age of Data

Showcase work at Visualizing Knowledge 2018 Conference, Finland.


My Roles
UI/UX DesignFront-end Development
UI prototyping & design(Skecth App, Framer)Front-end development (HTML, SASS, Javascript)UX (Experience visualisation)

How design could help interactively visualise data, and how design can lower the threshold of transforming raw data into conprehensive information?

By redesigning the user interface of Statfin, the official statistics database of Finland, the project aims to demonstrate how design could help interactively visualise data, and how design can lower the threshold of transforming raw data into conprehensive information. It could be helpful not only to the citizens, but also to the government employees who need to make data-based reports. This transformation could also provide a basis for strengthening civil society.

The concept of platform hosting the livable experience of Taiwanese design.

The documentation of this project is illustrated with the Double Diamond model with the four phases – Discover, Define, Develop and Deliver.

1. Discover

This design project was the term assignment of a 3-week intense course at Aalto University. Given the limitation of time, the research is mainly based on my auto ethnographical usage experience and desktop research. In addition, I also had several times of tutoring with the teachers and guest lecturers from Terveyden ja hyvinvoinnin laitos (THL). They gave me lots of feedback and insight for proceeding the project. The main finding can be illustrated with the three personas of the user groups as follows:


persona 03 persona 02
persona no.2

2. Define

How “data” can be used as valuable “information” is equally important as the the accessibility of data (Kenett & Shmueli, 2016). A good quality of official statistical data doesn’t guarantee qualified use/transformation of data. Taking official statistics as an example, most of the common measurement methods focus merely on the quality of statistical data, such as the indicators (e.g. Relevance of Concept, Accuracy of Estimates, Timeliness and Punctuality in Disseminating Results, etc) used by Eurostat and by the OECD. As we can see, there is few common standards established on how to assess its usabilities. The current measurement for assessment may be just beneficial for the professionals who are familiar with how to utilise raw data for further analysis.

In order to address this problem, I used Experience Map for visualising the general experience of the different user groups.

Customer Journey Map
Customer Journey Map

3. Develop

Design Principle

Based on the pain points shown on Experience Map, three principles were developed as a guidance for creating the new design.

the design principles
  • Visualisation First: Always visualise raw data at the first glance, than provide tools for further investigation.
  • Intuitive Interaction: Reduce cognitive load and keep the interface intuitive and effective.
  • Seamless Experience: Make experience consistent while producing, interacting, and viewing information.

Sitemap and value proposition

A sitemap was then developed for aggregating the emerging design ideas. This one shown below was refined with the final design for a clear overview.

Sitemap and values that the redesign provides
Sitemap and values that the redesign provides

4. Deliver

Because of the limitation on time and resouces, I didn’t iterate prototyping and testing for many times, and I didn’t implement fully interactive computer prototypes. Instead, I developed a website showcasing my design concepts. The website serves as a provotype for shifting awareness and further discussion. I submitted this work to the open call for showcase work at Visualizing Knowledge 2018 Conference, Finland, and got selected.

The work got noticed by Statistics Finland (Tilastokeskus), the statistics authority of Finland, during the showcase session. I was then invited to give an informal presentation of this work at their head office in Helsinki.

a screenshot of the showcase
img 3 img 4
A glance at website showcasing at Visualizing Knowledge 2018

You can visit the webpage showcasing the work at Visualizing Knowledge 2018 here. (Unfortunately, the mobile version of this page is not availabe because the webpage was originally developed for showcasing on desktop display.) There is also a report introducing the design in details available on Gitbook.

a screenshot of the showcase
viz conf viz conf2
A glance at website showcasing at Visualizing Knowledge 2018