Interactive digital modeling

How dose future smart city look like?

Make it tangible to imagine

Interactive Digital Modeling

A data visualisation solution for envisioning a safe smart city

In this project, I worked with a business development expert and two developers to create an interactive platform that helps Eindhoven to build a safe smart city.

A CItyScope table, developed by MIT media lab, was used to visualized open data from Eindhoven city. By implementing different Philips lighting propositions, we are ale to show Philips' clients what the impact to a city would be through the real-time data simulation.

The open-source real data was provided by Eindhoven Municipality which was implemented in the system to simulate the different situations.

Company

Philips Lighting - Eindhoven

(Now Signify)

My role

UX / UI design

Team

UX /UI designer ( Me )

Business development expert

Back end developer

Front end developer

Time

2017. Aug.

Background

Philips Lighting – Public Spaces and LivingLab is the world leader in lighting with recognized expertise in the development, manufacture and sale of innovative, energy-efficient lighting products, systems, and services.

In this project, Philips wants to unlock the extraordinary potential of light for Brighter Lives and a Better World and shape the future of a smart city.

The goal is to bring the ideas into the business opportunity and using the developed technology to enhance the safety system of a city.

Challenge

When it comes to the future world, a smart city, it is always hard to imagine. Even harder to get people on the same page to talk about the problem that a city may encounter and to make a better decision.

Therefore, the challenge :

" How might we bring different stakeholders together and stimulate the discussions."

Many different stakeholders will involve in decision-making process to create a better city for the future. Different stakeholders have different concerns and needs, more importantly with different budget. How can we help to get the conversation start and reach on the same page.

Prototyping

Exploring the interaction

• To explore the possibility of using the CityScope table

• Give meaning and add value to the interaction that our team

going to implement

• Apply an fun and easy way to bring different stakeholders

together and stimulate the discussion

User flow

• Design the user flow not only from a product perspective but also from the communication point of view to

see whether we convey information properly

• Make sure the user flow is reasonable and being considered thoroughly step by step

• List all the elements which will be used during the process and discuss together with the programmers

User testing

• To have quick feedback from people outside of the project

• It helps us to keep a clear mind and eliminate our blind-spot

Interface design

• There are three user interfaces in total in this project, namely,

dashboard, the interactive table(CityScope), the screen

• Use graphic, colors, text to as instructions to guide people

how to play with the table and receive valuable information

Data Visualistion

• An essential part of our project, to transform the raw data to

good visual and let user understand the information easily

• Using nice visual to tell good stories

How does it work ?

The picture on the right shows the setup of ‘’interactive digital modeling’’ system. The table is the main interactive interface that people can play with. By implementing different lighting proposition the impact of the city will be different. Dashboard on top of the table shows the information in the selected area. The screen shows the overall information of the whole city, Eindhoven.