Interactive Household Electricity Data Visualization

Background

Upon request of Green Energy and Environment Research Laboratories of Industrial Technology Research Institute of Taiwan, I was to create an online household electricity journal. The purpose was to collect statistics of household electricity nation-wide. Because the original web page contained flash and outdated interactive and visual design, we decided to renovate it with 3D scene construction. My teammates and I created five 3D rooms while I determine the UX optimization on the web page to enhance input experience and willingness to participate.

Data Visualization

3D Modeling and Interaction Design

We used the trendy UI style of 3D plus lines with yellow as the main color. We also visualized the data of the country’s electricity consumption with a bubble chart and then guided users to fill out

the form. This allowed users to understand the main purpose of the web page, optimized time register options, and lowered visitors’ doubt and bounce rates.

Website Design and Development

Results

Vue.js frame was adopted in the frontend, so the data could be instantly connected and represented to users. Upon completion of the form, they would see a visualized graph showing the power consumption of their households. Additionally, I also included energy-saving appliances recommended by Taipower and pushed certified appliances to interested users. 

According to the backend statistics, the renovated web page successfully enhanced the willingness to complete the online form by 60% while adding a fashionable touch to a government website. Later, we were contacted by other public institutions such as National Applied Research Laboratories of Taiwan. I believe good design is contagious and it will invite more people to join the movement to make our lives visually and technically better.