Hive On boarding

Hive App 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

My idea was based around inviting the user into his new smart home. The illustrations were based on different rooms around the house and highlighted 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. The next step was to user test these screens with  a rapid prototype (InVsion) and gather all the necessary feedback and information for the UK market and for the US market.  It was important that the results from these testings showed that these screens worked well in both markets eg. in the US "Hot water" does not exist, therefore we needed to change the copy to something that worked for both markets.

ANIMATED PROTOTYPE 

I communicate 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