Join The–Dots

Tag yourself in this project

Lea Bou Samra will need to approve that you worked on “Hygge - Home Control App” before we add you as a collaborator.

Hygge - Home Control App

Team D - IE Business School

How Does the App Work?
On the top of the app, the user can access to his account, as well as to a support service.
On the bottom of the page, the user can slide from room to room to adjust the temperature and the light, to close or open the door, and finally to access the live stream of the room. The live stream will always appear as soon as the user changes the room and will continue to stream as long as the user is on the room “page”. Every time the user changes the room (by sliding to the left or to the right), the current data of the selected room appears on the screen.
To adjust the temperature, the user can press on the plus or the minus sign. When he keeps the pressure on the sign (for example the plus sign), the temperature gradually increases, until the user lets go. Moreover, if the user presses once on the plus sign, then the temperature will increase by half a degree. This design enables the user to adjust his temperature with speed and preciseness. The temperature number will change at the same time the user changes with the plus and minus sign. The number will be visible on the bottom of the icon.
To adjust the light, the user will follow the same principle. The only difference is that the numbers increase one by one to show the intensity level (so 1, 2, 3, 4, … to translate the intensity).
Finally, to lock or unlock the doors, the user also just needs to press the button lock or unlock. The current state of the door will be shown through the icon.​​​​​​​
The Design Choices

Building up the hierarchy we wanted to display the rooms in the order of the most used room, to the less used room. We were faced with the question: how do we define the most used room? Depending on the country, the most used room or the room in which people spend the most time varied a bit. But in general, the order was as followed: Kitchen, Living room, Bathroom, and Bedroom. Furthermore, we found some information regarding what the user prefers to have when he purchases a home control system. First was the ability to control the locked doors, then have security and live stream camera, then being able to control the temperature, and finally to control the lights. This is how we decided to put the rooms in this order, as well as the necessary functions.
Regarding the placement of the elements, we followed different laws. First, we followed the Fitz law, which says that the bigger the size of the object, the less time the user needs to think of doing the action. Moreover, it is important that the distance between the starting point and the object needs to be as short as possible to facilitate the user’s actions. The most touched area of the screen (considering the user is using the app with one hand), was also taken into account. As a result, the live stream camera was placed on the top, because it doesn’t need action, and the rest (temperature, light, locker and the room choice) was placed in the easiest touchable part of the screen.
Continuing on the same idea, we also considered the Hick Law while doing our app design. The fewer choices the user has, the better it is because he doesn’t have to think long before making a choice. Therefore, we kept our options and our design following an affordance design: the plus and minus sign (to increase or decrease the intensity), the lock and unlock button (to close or open), and the slide option for the rooms. We did our app as visually aesthetic as possible. We illustrated the different options of the app with a simple and minimalistic design that are appealing to the user.
As a final step, we defined the name, the color, and the typography. We named our app Hygge (pronounced 'hooga'), which in Danish means coziness. The term relates to the creation of a warm environment while enjoying a good life with good people. It’s all about the warm glow of a fire, being surrounded by friends and family, and discussing life around a table with some tea: all of this is considered hygge. We found it was the perfect term to describe what our app could bring to the user: simplicity, comfort, and calm.
Regarding the color, we chose a lavender color, to match the cozy home feeling. It represents the future, the imagination, and the dreams. The color relates to the need of escaping from the practicalities of life. It promotes harmony of the mind and the emotions, contributing to mental balance and stability. No more color was needed to direct the customer because the icons and the options are already sending a clear message about what the user needs to do.
Lastly, we chose a simple and minimalistic typography to match the general image of the app. The typography we chose is Roboto thin.

Project Tags

  • Home Control App
  • Interaction Design
  • UX/UI Design

Share your new project