/ Control how you consume
Designing for Transparency and Trust. Understand your consumption
Consumer electronic. Bluetooth-enable Web app, Native mobile app
Company: Airgraft
/ Summary
Tasks & Deliverables
User feedback gathering
Competitive analysis
Wireframes
Interaction design
Detailed handoff document for developer
User journey mapping & storyboard
High-fidelity prototypes
Outcomes
With lean approach and constant user usage monitoring, I had a great opportunity to iterate certain features from the previous versions for the Bluetooth-enabled vaporizer. After sorting all the user feedback, I helped the team to set a couple of high priority features.
The iterations have received many great feedbacks and we also increase the engagement rate by 64%, more users return to the app to access the features.
/ Understand the problem
Technology VS Market
General expectation
The physical product is a Bluetooth-enabled vaporizer, with current technology and markets, users have certain expectations when it comes to smart devices. Things like smartwatches, Google home, Alexa and others, we expected those smart devices should work out of box and always be connected.
Users generally want to know the battery level in order to charge the device ahead. Users also expected more accessibility over the device itself, things such as turn on/off, renaming..etc.
Consumption behavior
Brand alignment
/ Opportunities
What users are saying
After launching the mobile app in Sep 2019, we have received a good amount of user feedback for the product. One thing I have learned is that in-app chat is really useful when it comes to feedback gathering. We have received many users giving very good features, ideas, and issues reported over Intercom, it was a great tool for the design team.
I monitored daily the incoming feedback along with usage data from firebase, I sorted out the frequently requested features from users and invited the team to do card sorting exercises with me. This was mainly used to sort out the information architecture and help us to prioritize in house.
After the team exercise, I focused on solving the issues of device battery level and remaining oil level, and also enabled the user to adjust how much they want to control their intake and simplify the information.
/ Iteration
Making it better
I group the battery and oil level as one task, because during the in-house exercise, I noticed this is a general trend, users will want to organize these 2 information together. These 2 information should be the first and foremost thing when users launch the app based on user feedback. I have tried a few layouts but always locate them on top of the page.
Enable users to control and adjust their limit. Again, this feature should be easily accessible right on the home page. The vaporizer can work by itself without launching the app every time, so why does the user want to open the app? There are few reasons from our feedback gathering, 1: check battery and oil level, 2, when insert a new oil cartridge, user wants to see the oil information, 3, adjust the vapor limit from time to time (this is only apply to user who wants to control their limit) 4, lock and unlock the device, 5. Check their consumption at a given time. These are the top 5 goals when users launch the app. So we want to make sure they can do everything they need within 4 sec.
In the original version, the user has no idea that tapping the blue dot will enable the vapor limit. We want to make it more obvious for users. These are the 3 options I came up with. Applying the principle of “don’t let me think”
Original version – launched Sep ’19
Option 1. Battery & oil level on header. Lock icon at bottom
Option 2. Battery & oil level on header. Lock icon at center
Option 3. Battery & oil level side by side. Lock icon at bottom
/ Solution
Few key screens.