Lighting for the

Next Billion

#MakeEveryDayBrighter

About this project:

Ikea comes with issues such as Energy Saving, Convenience, Emotional Connect, Instant Gratification, and someone who was considering moving to the opposite side but was unsure. Someone who was risking everything for this one bulb. 

Team

 

Opportunity

Re-imagine the TRÅDFRI app with its current features and technology - UX, UI and motion.
Timeline - 2 weeks

Role

Ikea old website was functional, but not very user friendly. It was full of bugs, stylistically outdated, and inconsistent. I aimed to simplify and beautify the design, while improving the user flow of most tasks. As a big business owner, my client wanted to refresh the Ikea app look and improve their website. Design was modular, simple, and easy as per Ikea branding. And easy to handle without constant assistance of a developer. The designs are fairly basic and unembellished, yet elegant and inviting.  

Skills

Sketch, Illustrator, Invision, Zeplin, Excel

Challenge

Create a mobile app that enhances and "revolutionises" the IKEA Home smart app purchasing experience, as well as an illustration-heavy branding kit.

Our Journey

We started understanding the background of the Trådfri engagement from the available documents.

We tested it and explored the app ourselves

Evaluated the app in detail from setup to customisation.


Research:

Conducted desk research, User Interviews and competitor review
Read the online reviews - Website, youtube, app store, facebook and twitter.

Online review - Google search results page


“Tradfri a score of 2.3/5. Philips hues as 4.3/5 It still isn’t comparable to the Phillips Hue on many accounts.”
— User
“*March 2018 Update - We had to go through the installation process again with the Tradfri’s and it is just as awful as we remember it.”
— User
“The frustrating process of installing the bulbs, three “custom” colors, and similar price points make the Philips Hue the clear winner in this comparison.”
— User

Reviews from the android play store

Negative App review

“You can’t use it from outside the house. It means that you can’t open up the app to make sure that you turned off the lights before you left home”
Chunky, No geofencing, No vacation mode, Old fashioned 
“Ikea’s smart lights are as stylish and breakable as its furniture”
“Time consuming”
“Painful experience. Connecting to the remote. Bringing up lights”
“Works perfectly if you set it up once and never touch it again”
“Intermittent connection between the gateway and other home assistance”
“Runs for a week. Then you are forced to reset or redo it.”
The list was never-ending…

Our Guiding Principles

What did we learn from conducting user interviews, conducting stakeholder workshops, and analyzing the competitor? 
  • Guiding

    Users are hand-held at each step and are able to setup the lights easily.

  • Sense of Control

    The directness and speed of the app makes users feel they are in control.

  • Tailored

    Users should be able to personalize the app and set up moods easily

Ideation / Brainstormed with our team

The session was conducted in two parts. 
  • First part, we ideated around the smart lighting uses, ways to control them and asked to sketch a app concept. 
  • Second part, we gave the kit to set it up and explore the app.

We asked participants

  • What is your idea of a ‘Smart Light’?
  • How do you wish to control these ‘Smart Lights’?
  • If you had an app to control them, how should it be done?

Key takeaways for the assignment:

  • Helps in Energy Savings

  • Integrates well with other devices

  • Natural language/gesture-based

  • Intelligent behavior

  • Mood based lighting

  • Self diagnose

  • Easy Installation

Tested with people who never experienced a smart light 

Testing the kit: It was given to the participants for testing including one gateway, one remote, and one bulb. We have tested it with 06 participants.


How we did

We asked them to perform the following set of tasks with the app
Initial setup: 
  • Setting up the gateway
  • Connecting the remote to the gateway
  • Adding one bulb

App exploration
  • Dim/brighten the light
  • Apply custom colours
  • Applying moods

Timers
  • Set a ON/OFF timer
  • Set a rise and shine timer

Time taken to complete the given tasks:

Key Findings


The informative pop-ups are well received and clear to the participants.

Most of the participants were more comfortable controlling this style of brightness interaction over the slider.


Almost all of the participants like the idea of timers.

The challenging elements

  • The first step didn’t instruct to open the cap of the gateway before plugging in the cables. 
  • Instructions in the app are unclear and perceived as extensive.
  • Failed to interpret the illustrations correctly.
  • Confused between illustrations and interaction elements.
  • Participants halted for seconds as the spinner with “Finding your device” confused them.
  • Participants were unable to discover the other features once they land on the home screen.
  • Almost none of the participants perceived the shaded circles as interaction elements, which is the only entry point to view the “Moods”.
  • Participants misinterpreted the colour icon.
 
Some of the issues we found a match with the user testing findings conducted in August 2016.
  • I just bought it. Why would I reset it?
  • Moods Circle is not seen as an entry point to Moods
  • Mixing up remote and gateway pairing button
  • People often tried long press
  • Illustrations are hard to see
  • The Colour icon was not initially noticed and understood
  • Unclear which screen the home screen is
  • Group off not obvious, but learnable
  • Moods are initially perceived as colors for groups
  • Product names beyond ‘TRÅDFRI’ are unknown
  • Stopped pressing the pairing button too early

Common blockers were identified from both expert evaluation and from participants.

Initial setup: 
  • Instructions in the app manuals are unclear, incorrect, and incomplete
  • Illustrations in the app manuals are misinterpreted
  • Instructions are perceived as too lengthy

App exploration:
  • Unable to discover some key features
  • Interaction elements are misinterpreted
  • Some visual cues are misleading

Timers
  • Few perceived the “Rise and shine” timer same as “On/Off” type of timer.

Prioritisation

User flows to focus for this assignment

  • Best scenario to leverage the motion design - App manuals used during the initial setup.

Entire app flow

Sitemap - Change Settings / Moods

What if you could give the user a perception of a quick and easy set up?


How might we create signature moments where users connect with TRÅDFRI at an emotional level?

The Reimagined App

Close Up


OPPORTUNITY AREA - SETUP 

Setup involves multiple steps which are hard to follow

In the current app

  • The communication of the instructions proved to be difficult to understand for everyone, however, the illustration were helpful
  • Having multiple instructions on one screen leads to information overload
  • User doesn’t get a holistic picture of the entire flow of setup, missing sense of control
 
PROPOSED DESIGN: 

We made Setup simple and easy to follow

Why does this design work?

  • The progress tracker shows users where they are in the process
  • Steps are broken down in order to reduce cognitive overload
  • Animations provide further clarity, especially since there are multiple devices involved in the setup

#GUIDING #FUNCTIONAL


OPPORTUNITY AREA - HOME SCREEN

The current home screen, while clean and simple, doesn’t give the user a sense of control

In the current app

  • A simple, clean look & feel gives the app richness and we wanted to retain that
  • The current home page doesn’t show all groups/rooms at a glance
  • It leaves user feeling unsure about the hierarchy of information
 
PROPOSED DESIGN

All new home screen which keeps the app experiential while also giving users a sense of control

Why does this design work?

  • Overview of all rooms at once helps user make a quick decision on what to do next and keep track of which lights are on/off
  • Ability to ‘switch off all lights’ helps user quickly turn on/off lights when entering/exiting the house
  • Ability to see how many hours each set of lights have been on, gives the user a sense of how much energy they are consuming and potentially become more energy conscious.
  • Progressive disclosure of information enables better navigation

#SENSEOFCONTROL #FUNCTIONAL


OPPORTUNITY AREA - MOODS

Moods - a missed signature moment in the current app

In the current app

  • The concept of moods is buried within the light groups and is, therefore, harder to discover and experiment with
  • The overall app experience is functional for key tasks but a feature such as ‘moods’ needs to appeal to the emotional level
 
PROPOSED DESIGN

We’ve surfaced the moods feature to bring about an emotional connect with the users

Why does this design work?

  • Discover moods is specifically designed to help users explore and be playful with the
  • app. This could well be crafted as a signature moment for the TRÅDFRI app experience
  • • Default mode of the bulb allows the user to get back to the default state

#TAILORED #EMOTION


OPPORTUNITY AREA - ON-BOARDING

Currently there’s not much a user can do until they complete the set up process

In the current app

  • It makes users quickly jump into the process of connecting their devices before viewing anything else on the app
  • Since the set up process can be a bit daunting, there needs to be some glimpse of what the app is all about, in order for users to feel motivated through the set up process
 
PROPOSED DESIGN

We have designed an on-boarding experience which brings out the ‘why’ of this product

Why does this design work?

  • People have something interesting to see and learn prior to entering the process of set up
  • The tone of voice encourages users to go through the content and also gives them a motivation to go through the set-up and await what’s on the other side
  • Animations help keep interest alive

#GUIDING #FUNCTIONAL

We Also Explored

Responsive design for tablet screen

Dark Theme

Recap

Behind The Scenes

 

Impact

We were effective in obtaining this client and bringing in more work for the design firm. Our designs were not only appreciated, but also implemented. Given the project's timing restrictions, I concentrated on the fundamentals.

I learnt to trust the research and discovery process while working on this project because I began with a totally different assumption and original thought on how to handle the problem. Finally, I needed to meet distinct user demands, which were not the user needs to dim, turn off, turn on, change colours, or go from warm to cold light, but the stages that counted in setting up this entire process. I learnt not to get too worked up about things.
I learnt not to be too hung up on the solution and to be open to new approaches to issue resolution. It's excellent to have broad ideas and inspirations; nevertheless, the process of concept growth may lead us far further.

Next Steps

Because design is never done, my next steps would be as follows:  
  • Create the remaining responsive application screens. 
  • Conduct usability testing on consumers in the target market. 

Please find this app on the App Store and Google Play or watch App Demo Here

Thank you

Previous
Previous

Seva Karona

Next
Next

Alberstons (Vons)