Chroma Experience

ECE Smart Building Cockpit — Winner of the #SmartBuildingsChallenge

In cooperation with Holisticon AG, we won the internationally announced #SmartBuildingsChallenge of the Industrial Internet Consortium and were awarded for our contribution in the context of the Bosch Connected World 2020. The focus of our contribution was the conception of a central dashboard for the presentation and analysis of building data.

Futuristic shopping mall

Competition

Smart Buildings Challenge hosted by the Industrial Internet Consortium

Topic

Smart Commercial Buildings

Challenge

User centricity in a smart data environment

Solution

Custom dashboard solution that makes data-driven use cases user-centric and interactively accessible

Activities

Consulting, conceptual design, UX research, UX design, UI design.

Project summary

To strengthen the intelligence of shopping centers of ECE Projektmanagement GmbH & Co. KG with innovative digital solutions was the core task of the competition. To do so, data from a multitude of measurement sensors was to be used and processed as a solution approach in order to expand the work of the various stakeholders with new possibilities.

The result is a dashboard with integrated task and action management that not only supports sustainable decisions at the management level, but also revolutionizes the work in the operational business. Partners in this challenge included TÜV Süd, Deka Immobilien, Bosch Building Technologies and Microsoft.

Participant

40

Finalists

11

Winner

4

Frau fährt auf Rolltreppe in einer modernen Mall aufwärts
https://www.pexels.com/photo/woman-riding-escalator-285172/)
Frau notiert Daten aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
pexels-karolina-grabowska-4491459 Kopie.jpg

Innovative solution for smart buildings

Controlling the home via a digital application is no longer a novelty and even larger buildings are now being diligently digitized. Nevertheless, many areas in existing properties are still poorly networked and therefore excluded from analysis and handling by smart solutions.

In order to take a big step towards the future, ECE and Bosch initiated the "Smart Buildings Challenge", which aims to identify, promote and put into practice innovative digital technologies to improve building performance. With the help of sensor and measurement technology and other digital applications, the aim is to make properties more energy-efficient, user-friendly and sustainable.

Together with our parent company Holisticon, we decided to take part in this challenge.

Use Case 4 - The Smart Building Cockpit

ECE develops and operates shopping centers and large properties such as office buildings, hotels and city districts. As part of the challenge, all proposed solutions for the "Ettlinger Tor" shopping center in Karlsruhe were to be designed.

The challenge was divided into four use cases:

  • Smart Space Flow Analytics: Tracking, Zones, Anonymized Tracking

  • Smart Metering in Multi-Tenant Commercial Buildings: smart metering, energy consumption, focus on electronic energy

  • Smart Automated Building: HVAC, control of technical accessories, remote access to devices, sustainability

  • Smart Building Cockpit: management tool, sales tool, overview, digital twin, AR

Each use case started with 10 teams of participants. After a presentation of the interim results, the field of participants was reduced to 3-5 participants per use case.

We started with the fourth use case, for which we had to develop a dashboard concept that would incorporate the ideas and solutions from the first three use cases while also taking into account the general requirements of future users. Three different user groups were identified, some with very different requirements.

The first user group includes technical managers who, as the technical managers of shopping centers, have operational requirements for a digital application. The second user group is facility managers. They require analytical data collection at the central management level. In addition, there are Deka's investors, who also need access to statistics in order to be able to identify and evaluate the development of shopping centers over longer periods of time.

Oberfläche des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Operational tablet application
Nutzung des Smart​ Building Cockpit am Desktop, ein Projekt von Chroma Experience (Chroma X)
Dashboard and notifications
Mobile Ansicht des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Mobile task list

Teamwork

We started the Challenge rather coincidentally and with about three months delay, which should not be a disadvantage for us in the later course. The first hurdle, as with any new project, was to first understand the subject matter and the requirements placed on us. The other Challenge participants were mostly tech start-ups specializing in building automation solutions. So there was a big knowledge advantage in terms of hardware usage and technical feasibility.

We therefore split up in terms of sourcing information. While a colleague from Holisticon took on the role of product owner and was responsible for the specialist technical part, we focused on the users in order to consolidate our joint results later.

Florian Köppe von Chroma Experience (Chroma X) im Meeting zum ECE Smart Building Cockpit
Timo from Holisticon and Florian from Chroma Experience

User Centered Design

Already in our internal kick-off workshop it became clear that we see the greatest need to consider the users of the dashboard and their requirements for a "Smart Building Cockpit". A technical manager has the responsibility to independently monitor a shopping center. For this purpose, he has a team of internal forces as well as a network of external companies at his disposal. A facility manager, on the other hand, needs analytical tools to track the short-term development of a shopping center or to derive forecasts.

We set ourselves the goal of developing an innovative dashboard concept that supports technical managers in better structuring their daily work and in easily managing tasks for their colleagues. To do this, it was necessary to find out what the working day of a technical manager looks like, what tasks he has to perform and what challenges he has to deal with in his daily work in order to derive from this which criteria have to be considered in the conceptual design. We proceeded in exactly the same way when determining the requirements of facility managers. Due to the large overlap in the data required by facility managers and investors, we initially focused only on the first two user groups.

Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User interface for facility managers
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User interface for technical managers and employees

Persona

Iteratively, the design personae of an exemplary technical and facility manager emerged, which were used as the basis for the subsequent UX process. With the help of LinkedIn, but also Xing profiles of real employees of ECE and additionally collected information from open job postings for said positions, we sharpened our common picture of our users.

At our first official challenge workshop in Munich, we verified our collected data and the persona components that were partly based on assumptions. We found a large overlap with our first iteration, but learned even more details that could only be worked out in a personal conversation.

Persona Facility Manager für ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Persona facility manager
Persona Facility Manager für ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Persona technical manager

Many and above all the right questions

With a sharpened picture of the potential users, the next steps were to first find out general information about the operation of shopping centers. Unlike the view of a consumer who visits a shopping center to buy his groceries or consumer electronics and to pass the time, operation - also from a strategic point of view - is characterized by maintenance, troubleshooting, repair, modernization and optimization. For example, there are energy efficiency goals that are desirable not only from an ethical perspective, but also from an economic one.

Through qualitative interviews and quantitative surveys via online questionnaires with different people from the ECE context, we were able to get a good overview of the status quo, but also the needs we wanted to incorporate into our concept in a short time.

Article

Can user experience be measured?

Learn more

Functional processes

Probably the most complex part of our concept was to translate the information we had into user flows. In doing so, we had to use the needs of our personae to identify exactly what intersections existed from the different requirements for the application. We absolutely wanted to avoid two scenarios: 1. a dashboard that has to be put together independently, individually. 2. two different applications with specific feature sets for each user group.

Workshop für ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Structuring functional processes

To better understand the day-to-day work of the technical manager and to develop targeted solutions, we used Customer Journey Maps to develop ideas that fit the daily requirements of his work environment.

Customer Journey für ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Customer Journey Map technical manager

To consolidate all defined requirements within the same application, we documented features on post-its, sorted them by user groups, prioritized them by importance, and compared both user groups in a comparison. A high degree of congruence emerged, which we ourselves would not have expected to this extent.

Only after this partial breakthrough were we in a position to create our user flows.

Userflow des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Flow technical manager

Reduction is focus

Unlike classic operational dashboards, we set out to create an interface that focuses on getting specific tasks done. Following the user-centric approach, our main focus was on the user and his daily work routine. We derived from daily actions which tasks should be completed with high priority and which with lower priority. Important tasks should be quickly findable and highlighted.

Task orientation and user focus

In addition, we developed an operating concept whose goal is to only have to process one action at a time. After selecting the desired action, the user is offered only those options that are directly related to the completion of a specific task. A context switch is only forced by a modal dialog when a critical error occurs.

Design Library

When transferring our UX concept to the user interface, we made sure from the beginning to build a component-based library that could be used as a basis when jointly developing individual views. This not only saves time in the development of specific views. One also benefits from a consistent representation of the user interface.

Even in a very short time window of a few weeks and a manageable amount of product functions to be displayed, a considerable component library was created that can be used as a basis for many other features.

Design Library des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Library – Ressources
Komponenten des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
Library – Components
Karten des Smart​ Building Cockpits, ein Projekt von Chroma Experience (Chroma X)
Library – Compositions and Card UI

Custom design or complete solution

The second challenge workshop took place in Berlin and was to be used to present a (if possible) fully comprehensive presentation of the contribution to the use case. The aim was to clarify as many detailed questions as possible in order to be able to "fine-tune" the final submission. We already knew in advance that we, as a team of IT consultants and design offices, were the exotics in the field of participants. Some of our competitors had several years of experience in installing hardware and evaluating it in buildings.

Our claim was to make clear in which way our concept differs from the partly already ready-made solutions. In doing so, we were aware of the risk of arguing for an approach that is associated with a certain implementation period before the customized software can be used productively.

Reports des des ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Reports
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Notification
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Welcome page
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Evaluations and metrics
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Position-specific problem message
Screenshot aus ECE Smart Building Cockpit, ein Projekt von Chroma Experience (Chroma X)
User Interface – Statistically determined problem report

Alone at the #BCW20

Shortly after the last workshop in Berlin, we received the news that we were selected as the winner of our use case after a short recall in which technical questions were clarified.

We were presented with the winner's trophy at the Bosch Connected World trade fair in Berlin, where, among others, Alexander Otto, CEO of ECE, gave a presentation on the necessity of digitalization in buildings.

Sieger der Smart​ Buildings​ Challenge mit Florian Köppe von Chroma Experience (Chroma X)
Winners at the award ceremony

This is how it continues

As the winner of the challenge, we were given the task of developing an MVP in the next step together with the winners of the other use cases. This will initially be implemented on a purely technical basis and evaluated at a pilot shopping center.

Frau steht vor Präsentation und lacht
Project Management
Paul Lewandowski
Requirements Engineering
Timo Stübing (Holisticon)
Design-Lead
Florian Köppe
UX-Research
Florian Köppe, Timo Stübing (Holisticon)
UX-Design
Ilona Maslioukovskagia, Florian Köppe
Interface-Design
Ilona Maslioukovskagia

Next project

wilhelm.tel GmbH Consulting ⟶ Architecture ⟶ UX-Design ⟶ UI-Design ⟶ Full-Stack-Development

wilhelm.tel — Digitization of products, availabilities and ordering processes

Show project