Triggers and Reactions

 

​iMake is a mobile integration application for private use.
A simple tool for the user, to build and perform sets of automated and customizable actions, for his own personal needs, using his connected services.

The user builds his automation, with simple conditional rules.
A simple “if" and "iMake” rule automation are called Spells.

 
Rectangle%202220_edited.png

              all your spells

come true...

Dveices.png
 

UX Research

The Problem

Every action we do takes energy, thought, time… these resources are priceless.

Our daily routine is combined with regularly repetitive tasks, that our brain does semi-automatically. These actions require us to use our energy resources.

If we could put aside these actions, we could free ourselves for other actions that need our time and attention. An overall improvement in our life quality…

 

For example, every morning ritual when leaving home:

Take your phone, your keys, turn off the lights and TV, remember to close the windows and empty the trash… Takes about 3 minutes from our morning, 18 hours in a year from our lives... Our precious time and energy are wasted on the same very important routine actions, we need to be focused to make sure we didn’t miss a thing (which we sometimes do miss some of them).

 

UX/UI Design

My Solution

After my research, I've mapped it all, looked at the big picture, got lots of conclusions, and it was clear to me... 
This amazing technology only happens, in a very difficult operation applications, that are understood only to a small technical audience.
I have to build an easier app for the rest of us!

So... I started to sketch, made a flowchart, moved sticky notes from here to there, built some wireframes, moved on to the design system and... Voilà! iMake

​iMake is my solution for an easy and fun app, which addresses a wider audience. This app encourages users with little technical knowledge, to be also part of the magician community.

I designed iMake in a way that is easy to understand by focused specification with pleasant and less technical interface with inspiration from other widely known worlds...

Group 15695.png

I designed iMake in the spirit of magic.

The user is part of a magicians club, where they craft spells (create integrations).

Rectangle%202226_edited.png
PictureScreens-Mobile-UX.png
PictureScreens-Mobile-UI-BACK.png
Screens-UX.png
PictureScreens-Mobile-UI.png
Screens-UI2.png
Rectangle%202204_edited.png

Let's Make You a Wizard 

I think the user feels more confident, that right from the boarding screens, the app helps and guides him to set his devices.
Now the user is not alone, already has devices and the rest of his experience will be fun and much easier.

Devices are the Elements. At this point, the user already has a few elements to make spells.

Welcome to the magician club!!!

Rectangle%202204_edited.png

Name It As You Want It

No more searching for Bezeq_1234_maya_2.4G

The user can name his devices in a way that makes sense to him, like Home :)

It's much easier to understand what happens “When you get Home” instead of “When you are connected to HotFiberBox1”. A simple approach, that makes more sense, is to call our home simply “Home” by one-time setting the wifi or GPS coordinates.

Group 15695.png
Shadow.png
MakeHome.gif
 
Group 15695.png

My Elements

The user personal space, where he keeps all of his magic ingredients to make spells. Basically, all his components, which he can use to make integrations.

 

The more elements the user possesses, the more abundance and variety to create integrations simple or complex.

Devices

One of my research insights - When the names are simple, creating integration is more simple.
I used everyday familiar language that is known to all audiences, instead of limiting it to technical terminology language, so it will be easier for the user to understand what he is doing.

Integrations are mostly activated by fixed triggers such as home, work, car, speaker… in oppose to current apps, in iMake you can define “Home” as a trigger and any other trigger that is used regularly.
It's much easier to understand what happens “When you get Home” instead of “When you are connected to HotFiberBox1”. A more simple approach that in my opinion makes more sense, is to call our home simply “Home” and not use the name of the wifi or GPS coordinates.

Group 15695.png
Dveices.png

Groups

Group of elements, suitable for users holding more than one device in one network. For example, users who have a smart home. This feature does not exist in any integration interface I have seen so far.

The reason I think this feature fits this app is because in my research, I was exposed to UX ideas from other worlds and I see it necessary for users with many devices.

This feature exists in a wider world, like smart home and managed devices apps such as Xiaomi, Alexa/Google Home, Yeelight... where groups can be created.

It's more simple to create integrations as a group if all you want is the whole house to shut down as soon as you leave.

Group 15695.png
Shadow.png
MakeGroup.gif

Services

A stock of interfaces that work with iMake.
Services is the screen where the user can discover and connect his active services.

Services are a necessary condition for integration. The more the user connected to services, the more abundance and variety to create integrations.
Services that the phone has to offer such as WiFi, Bluetooth, Clock, GPS… and external services that connect like Google, Spotify, Smart Home…

Following my research, I experienced the difficulty of inaccessibility. For example, IFTTT connects to a multitude of services and I was surprised that only through the desktop version, I can see all the variety of interfaces the app has to offer.
Following the conclusions, I decided to make one organized screen of all the existing services on the market, that works with iMake (Like in Google Play, or Alexa Amazon Skills…)

Entering Services, the user will find all of his activated services which are already connected to iMake. 
Also, he will find the "Discover services" button, where he can search for new services in the market and connect them according to his needs and devices.

Group 15695.png
Shadow.png
Services-Scroll.gif
Group 15695.png

New Spell

Mixing elements with services, to craft a new spell. Or... In other words, entering a new Integration process.


The user needs to be focused and doesn't want to be distracted when he crafts his magic spell, that's why this process is on the full screen where not even the bar is interfering.

 

Super Spell

From the thought of not complicating the user, of the integration he is going to produce, I decided that any integration would always start the same way, as a simple two-step spell.

 

Make it Super Spell
Complex integration for advanced users, built from 4 steps. If the user wants more conditions for a new or existing spell, he can always add "Make it Super Spell", which will automatically continue the integration into four steps.

Group 15780.png
Group 15780.png

/

When this OR this happens

Backup condition

When triggers are activated, the conditions to activate the integration is happening.

OR

Backup triggers are activated, the conditions to activate the integration is happening,

but leads to different actions

 

When this happens

v

iMake this happens

v

OR When this happens

v

iMake this happens

Spells

In my research, I’ve experienced the Importance of some of the buttons and how the lack of their visibility and access, affected my usage experience.

By clicking the button, the user gets straight into the first step to create an integration.
"When" - the first step, where the user creates the trigger.
"iMake" - the second step, in which you choose the action that will happen...


There are 2 types of conditions, positive and negative. When something happens or doesn't happen. Both are 2 steps, simple integration for beginners.

Group 15780.png

+

When this happens

Positive condition

When the triggers are triggered, the conditions for activating the integration are happening

 

When this happens

v

iMake this happens

Group 15780.png

-

When this NOT happens

Negative condition

When the triggers are NOT triggered, the conditions for activating the integration are happening

 

When this NOT happens

v

iMake this happens

Hello!

My name is jenny.

I'm also a member of the magician club.

Jenny's Spell

Jenny (41), HR, lives in Chicago, a single mom to 10-year-old Max

 

Max wants a dog for ages... After many talks, Jenny agreed that Max is big enough to take care of a dog and they decided to adopt Oscar. Max promised to take care of Oscar without his mom worrying about it, so Jenny saw it as an opportunity for Max to be more independent and take more responsibility. Still... Jenny wants to track Max’s progress by using tools that disposal available to her.

 

Jenny uses iMake for a few months already. In preparation for the new family member, Jenny decides to install iMake on Max’s phone, to create an integration that will help him take care of Oscar.

Jenny opens iMake on Alex’s phone and creates a new spell:

Jenny creates a new negative condition integration

Group 15780.png

1

Shadow.png
Jenny-When-01.gif

Adds 2 triggers:

Out of home

Between 13:00 - 17:00

Group 15780.png

2

Shadow.png
Jenny-When-02-600.gif
Group 15780.png

3

Makes 2 actions:

Notification "Walk the dog"

Text mom "Walk the dog"

Shadow.png
Jenny-imake.gif

and Make a spell

Group 15780.png

4

Shadow.png
Making.gif

Now jenny can see first spell added to Max's collection

Group 15780.png

5

Jenny---YourSpells.png

17:00 two weeks later, the spell was activated, when Max was gaming and lost track of time

Jenny---Text.png
Group 15780.png

6

Group 15780.png

-

Walk the dog

When I'm NOT

Out of Home

Between 13:00 - 17:00

v

iMake

Notification "Walk the dog"

Text mom "Walk the dog"

 
Group 15695.png

Book of Spells

​The magician's personal book of spells collection.

Book of Spells is actually a book of integrations stock.

As part of the magician community, the user can share his spells or discover new spells sharing by the app or by other magicians

Every spell can be edited, cloned, shared and trial activated. You can easily clone an already working integration, change its hours and save it as a new integration. I was surprised that these actions are not available in most apps and on IFTTT it can only be done on their website.

Scroll left and right in the book of spells to move between these 3 groups:

My Spells

The magician's private collection.

The user personal integrations stock that he created and collected.

Other Spells

External spells.

Integrations that were done by the system or other users.

 

These integrations are constantly updated and each one can be added to My Spells and edited to my needs.

Discover Spells

Search for new spells.

Search for integrations by keywords from all the spells in the book (personal and external).

 

Also, there is an advanced search option with filters. Search results can be sort by relevant results according to the user elements.

Group 15695.png
Shadow.png
Book-of-Spells.gif

Hey!

I'm Dan.

I'm also a member of the magician club.

Dan's Spell

Dan (26), Single. Lives in Allenby, Tel Aviv. Hitech employee, Works in Ra’anana’s industrial area.

Dan leaves home for work every day at the same time. The drive from Tel Aviv to Ra’anana is long with a lot of traffic jams. Dan uses Waze every morning to check the traffic and also likes to listen to music. This is his way to make the most of this time and to get to work full of energy.

Sometimes Dan forgets to turn on the HotSpot on his phone before starting to drive, which forces him to drive without Waze or music because he can't operate his phone while driving. These days, driving wasn't very enjoyable and it affected his whole day.

 

Now Dan has iMake. Dan created a spell called “Good morning”, for when entering the car the HotSpot will connect to the car multimedia automatically and Waze is open and Spotify continues to play music in the car multimedia. It worked fine but it didn’t cover those cases on which the HotSpot did not connect and broke the rest of the action. It rarely happens but when it does, it ruins Dan’s morning.

 

Dan decides to edit the spell and make it Super Spell, which will cover all options and fits all his needs.

Dan open iMake:

Search for the “Good morning” spell and open it for edit

Group 15780.png

1

Shadow.png
Dan-01.gif

Skip to the end to add more steps

Group 15780.png

2

Shadow.png
Dan-02.gif

Skip directly to the 4th step. No need to fill step 3rd since the triggers are the same.

Group 15780.png

4

Dan-04.png
Shadow.png
Dan-05.gif

Fill it and create a backed Super Spell under the same name

Group 15780.png

5

Group 15780.png

3

Press "Make it Super Spell" that opens 2 more steps for advanced integration

Shadow.png
Dan-03.gif

The list shows that the spell structure was changed

Group 15780.png

6

Shadow.png
Dan-06.gif
Group 15780.png
Group 15780.png

/

Good morning

When I'm

Getting In the car 

Between 08:00 - 09:00

v

iMake

Hotspot connected to Car

Spotify open on Car

 

OR

When I'm

Getting In the car 

Between 08:00 - 09:00

v

iMake

Waze open and navigate to Work

Spotify open

Screens-UI.png
Rectangle%202222_edited.png

One thing left to decide...

Do you like magic?

PictureScreens-Mobile-UI-BACK.png
Rectangle%202220_edited.png

or DARK magic?

PictureScreens-Mobile-UI.png
PictureScreens-Mobile-UI-Dark.png
PictureScreens-Mobile-UI-BACK.png
Screens-DarkUI.png
Group 15695.png
© Shelly Dalal 2020

​iMake is my own original creation, from the concept, the UX and research process, to the UI final app