Solar Decathlon Middle East App

As part of Team Virtue, a university team that participated in the Solar Decathlon Middle East 2018 in Dubai, I designed an app that helps people to live more sustainably, both socially and environmentally.

Summary

Within Team Virtue, I was part of the Smart System sub-team. I designed an app together with one other team member. The app helps inhabitants of our house (called LINQ) to live more sustainably. We wanted to take the application beyond a 'smart home'-app and focused on ways to educate people about their behavior and influence their lifestyles. We went to Dubai, built our house, and showed the application to the public and the jury.

Team members: 2. My contributions: UX, interactions, animations

Final designs

Background

About the Solar Decathlon Competition

In the Solar Decathlon Middle East in Dubai, eighteen university teams from all over the world design and build full-size, innovative houses to tackle sustainability problems. The competition is a collaboration between the United States Department of Energy and the Dubai Electricity and Water Authority. Teams are evaluated on ten different aspects. A team of 50 students from my university created the house called 'LINQ: connected to improve.'

'LINQ: connected to improve': the sustainable house we built in Dubai 'LINQ: connected to improve': the sustainable house we built in Dubai

Understanding LINQ

After I joined the team, I read information and requirements for the competition. I learned why the team developed LINQ and how it is different from the competition. Within only 60 years, Dubai has grown from a picturesque town to a mega city with almost 3 million people. This brought great challenges which LINQ tries to address. LINQ is part of a bigger apartment complex with the same name, located in an existing neighborhood in Dubai. During the competition, we built one apartment in this complex. (Read more about the concept).

LINQ is one apartment in the LINQ apartment complex
The house of the future is not a show building full of robotics and technical gadgets. It is often a compact home that is part of a building in which residents share facilities and spaces. ~ Nathalie de Vries, MVRDV (article in Dutch)

The Design Process

Goals

One team member had already created a very first version of an app using ReactJS when I started and we discussed how the app would be able to effectively demonstrate the vision of LINQ - and bring it even further - to every user throughout the competition.

House functioning How can we make sure that citizens really understand their house functioning?

Education How can we positively educate people about their sustainable behavior and influence their lifestyles?

Social LINQ focuses on social interaction and shared facilities. How can we incorporate this into the app?

We wanted to take the application far beyond a 'turn your lights on and off'-app and focused on ways to educate people about their behavior and influence their lifestyles. However, we wanted the app to be simple as well and have a wow-effect: it's a competition after all. Central aspects are easy-to-understand statistics, fast control over appliances, personalized advice, and social interaction. We made several quick sketches and notes as a starting point.

Drawings

Research & Inspiration

We used research conducted by previous team members that focused on personalised feedback to influence sustainable behaviour. Besides, we did some competitive analysis and looked at how other apps show (sustainable) data and appliance controls. We also analyzed how other apps inform users and motivate behavior change.

Inspiration

Defining user flows

Throughout the development, we had to deal with a lot of uncertainty. LINQ is entirely developed from scratch by students in collaboration with sponsors and partners, and, therefore, aspects important for the app - such as physical appliances, smart system components and sensors - could change up to the very last week. This made the process challenging and very different from my previous projects. To catch up with the deadlines, we built simple user flows and only kept essential and distinctive features.

Flowchart

One major change was the way we showed appliances. Initially, we had a dedicated page which showed monitored energy usage per appliance and appliance-specific controls. However, because appliances and connections in the house changed frequently, it was very time-consuming to reflect those changes in the app every time. We decided to get rid of appliance controls altogether and changed the interface from per-appliance to per-room.

Rooms layout

Application architecture

The API and database layer was built by another team. We had bi-weekly meetings to discuss architecture, functionality, and deadlines. If systems or functionalities in the house changed, we changed the structure of the app accordingly.

API team meetings

Meetings and conversations with team members and other people gave us new ideas and informed our decisions. In the meantime, we built the entire house and its systems on our university campus as a test for Dubai. By assisting the team in building LINQ, I became even more involved in the project and learned how the physical systems and sensors worked.

Building LINQ

First iteration

Our first deadline was the Dutch Technology Week. LINQ was opened for the public, and it was important for us to show a first version of the app to visitors, partners, and media. We put iPads in the house with a prototype and demonstrated a basic version of the responsive app where people could interact.

Second iteration: Home screen redesign

After the Dutch Technology Week, we redesigned the home screen of the app because we wanted to move away from the technical features and focus more on the social design. How can we make users not only aware of behavior within their own house but also the behavior of others? We built three different views: My LINQ (your own apartment), LINQ (the apartment complex) and the District/Neighborhood. For instance, the LINQ view shows you the available shared facilities while the My LINQ view shows information related to your own house. A colored circle quickly indicates if everything is fine (green) or not (yellow or red).

The homescreen

To encourage social interaction and the use of shared facilities, we added extra components. For instance: a screen where users can confirm if they would like to catch up with people from other apartments or where they can see how many washing machines are available. Additional tips, based on data such as the weather forecast or sunset times, show the user if it is effective to do the laundry now or to wait for more sunny hours.

Tips about using the shared washing machines View animation

We wanted our app to assist users in living more sustainable lifestyles. However, we realized that an app full of notifications and advice to live more sustainably would result in a boring list of text and expected actions. We used the three layers to inform users and help them understand their house. A click on the circle opens an interactive view with the interior of your apartment, your complex and district in a visually attractive way. Each view shows how the smart system adapts to your energy usage and where improvements can be made.

Visual view View LINQ animation

Final preparations

LINQ was demounted on the university campus and shipped to Dubai. We continued developing the app with the API and database team to link all systems correctly. This was quite difficult because we were not able to test any features directly in the house. We went to Dubai shortly before the competition started and began building LINQ.

Opening Ceremony

Start of the competition

Each participating team had 15 days to build their entire house and connect their systems. Although personally I don't have a lot of knowledge in engineering & construction, it was cool to experience building a full-size house. However, it was stressful to finish everything on time, and connect all the systems.

Building LINQ in Dubai

User observations

After finishing the building phase, the competition phase started, and our house was opened for public and juried tours. During the first days, we were able to fine-tune the application. For instance, we noticed that during public tours, the buttons on the main screen were not clicked very often. We quickly redesigned this part to be ready for the juried tours.

Finalizing the app
Final designs

Reflections

Feedback

The feedback on the app was great. Our visitors liked our approach, and also the jury was very positive. One jury member wrote that our team "had used innovative solutions such as an application that would help residents reduce their ecological footprint", while another mentioned an "excellent phone application – LINQ – for management and social interaction." They especially liked the social components of the app.

A few screens from the app. LINQ is all about shared facilities, social cohesion and innovation. A few screens from the app. LINQ is all about shared facilities, social cohesion and innovation.

What I learned

The Solar Decathlon was a great experience in which I learned many different things. I gained a lot more experience in project management, teamwork and dealing with unforeseen situations. It also taught me more about topics such as persuasive design, smart systems, sustainability and designing for different cultures.

In every step of the design process, I tried to think about our vision and about how we could reflect this in our designs. It was important to show that the concept of LINQ is much more than a smart home. It is about sharing facilities (such as cars, bikes and washing machines), social cohesion and innovation.

Although the feedback on the app was great, I feel it could have been better if we had put more thought into the conceptual process. We wasted a lot of time working on features that in the end didn't work. This Solar Decathlon project was built entirely from scratch with zero budget and depended heavily on partners and sponsors. In the beginning, we put too much energy into thinking, preparing and designing for the appliances and sensors we were hoping for; however, we were not sponsored for these in the end. Moreover, the fact that many students worked part-time made the communication process sometimes tough.

Overall, it was an amazing experience. It was great to see all the teams working so hard on their house and it was really inspiring to visit teams from other countries and learn from their approaches.