Hive On boarding

The purpose of onboarding screens is to introduce the products and the app. Given that these are often the first set of screens with which users interact, they also set the users expectations of the app and hopfully give the user the ability to reimagine their home.

My goal was to present all features, products and benefits of Hive in an attractive and easily decodable way with a short, helpful and readable description..

PROCESS

I started my research by taking a look at the initial designs that where created by Hive.

I found the designs to be minimal and clean, however they felt out-dated and no longer relevant for Hive users and products.

The description copy below the illustrations was short and easy to read however it failed to guide the user on how to use the app and did not promote Hive's new products.

The next step was to take a look at the competition. I researched what other products where doing (my research included IOT industry and whatever I considered as leading product on onboarding users eg. Dropbox, Evernote, IFTTT and more) to compare where they were better than Hive and where they were failing.

UX DESIGNS

After gathering  all the requirments that I needed from the stakeholders, I moved to the ideation stage, creating the first drafts in hand drawn sketches and then moving onto wireframes.

UI DESIGNS

Quicktour-onboarding@2xQuicktour-onboarding@2x

Inviting the user into his new Smart home

The idea was based around inviting the user into his new smart home. The illustrations display a different room around the house and highligh in each screen a new Hive product. The contrast between the dark lines and the orange colour guided the user in discovering new products and features. 

USER TESTING THE PROTOTYPE 

The next step was to user test the flow and the illustrations with a rapid prototype using InVision and gather all the necessary feedback and information for the UK market and for the US market. The results of the usability testing showed that the illustrations and screens worked well in both markets.

One of my findings during the usability testing was, that in the US, most properties are heated using a centralised ‘forced air’ system where heated air is blown by a fan up from a basement furnace through floor ducts. Or, for homes without a basement, it is blown through wall ducts and out through warm air vents in walls.

In the UK, however, homes tend to be heated by boilers. The boiler heats the water which then passes through pipework into the radiators.

So the feature "Hot water" does not exist, therefore we needed to change/adjust the copy and the illustrations to something that worked for both markets.

ANIMATED PROTOTYPE 

I communicated my ideas to the stakeholders and developers through a detailed animated prototype.

I find that this helps to present all features, products and benefits of Hive in an attractive and easily decodable way with a short, helpful and readable description.

 

THANK YOU FOR YOUR TIME