Overview

Problem Space

For media students, data visualization (DV) has become a new way of reporting these days. However, without any knowledge of coding or design, it takes a lot of effort for media students to learn visualization skills. Most site about DV is production service, there is a lack of teaching DV for no-coding foundation people.

Solution

We presented f(data), a website that provides basic ways of creating plenty of visualized charts for media students. F(data) also provides outstanding DV reporting, coding lessons for beginners.

My Contribution

User Research: Identified users’ pain points by surveys and interviews, conducted a competitive analysis.

Product Design: Came up with the product features to address the issue, designed the information architecture.

UX Design: Determined the general visual style. Designed the user interface and interaction.

Web Design: Using HTML, CSS creates the web page.

Other: Using Ai design the video of the website.

Research & Synthesis

We analyzed China's current data visualization website and did a survey of 200 university students who major in media (mass communication). Here are the insights we found: