I redesign the B-hyve smart watering feature in 2023.
B-hyve is a smart sprinkler timer app that allows you to control or monitor your sprinklers from anywhere in the world with the convenience of your iOS or android device.
Lead UX Designer
Eric Price: Product Owner
Jase & Michael: Mobile Developers
3 Months
Figma
The current mobile app requires a redesign to make the site look more professional, accessible and trustworthy.
To increase the B-hyve smart watering feature adoption.
Provide clear instructions to help home owners fill out the most important smart watering details for all their zones.
Redesign existing smart zone detail icons.
At my current company Orbit we wanted to understand how home owners were adapting the B-hyve smart watering feature. I conducted usability testing with 10 users with the goal to find out the following:
How do home owners currently use smart watering?
What home owners like about smart watering?
Why home owners don't use smart watering?
What are users struggling with while using the current smart watering feature?
How can we improve in the B-hyve app?
During the synthesis of our findings, I identified some common pain paints users experienced when using the current app.
I learned that 8 of the 10 users didn't know how to access the smart watering details interface to fill out zone details for smart watering to work more accurately. These home owners assumed that they only needed to turn On Smart Watering for the feature to water efficiently.
Eight out of ten users complained about how difficult it was to read the small text throughout the entire application.
Nine out of ten home owners didn't trust smart watering because the feature did not water enough their plants that home owners had to water manually.
Five out of the ten users mentioned that rain delay and wind delay keeps delaying watering schedules, and sometimes it doesn't even rain.
Users don't know what “Weather sensibility”feature does to their timer, it is confusing.
How might we help b-hyve users to get more predictable watering schedules when using smart watering?
How might we help b-hyve users fill out all smart zone details?
How might we help users set their weather sensitivity feature app
get more predictable watering schedules when using smart watering?
As the only visual designer on the project, I utilized and added to the existing B-Hyve brand guide for typography and color palette.
Exploration 1
Exploration 2
I designed a new version of the B-hyve app in light and dark-mode version. Both versions of the app are more legible for our users.
Since the B-hyve app had background image which decreased the legibility of labels, buttons, etc, I decided to use white background on UI components and a light gray background for the entire app in light mode. Most labels (text) are black color in light-mode. Most buttons are B-hyve yellow color in light-mode and dark-mode.
The old B-hyve app used to display zones images in circles. For the redesign of the app I decided to display lawn images in squares, to use the app real-estate better.
In addition, I used google material design system for android and Human Interface Guidelines for iOS to design most of the B-hyve app.
In 2023, we launch the new onboarding version of the B-hyve app for Pro users.
B-hyve users actually take the time to input smart watering attributes information during onbording for all their zones.
The B-hyve team mentioned that they love the High Station Smart Timer onbording because it is more efficient.