InstaHub new alert experience – How can we enable customers to create/find alert settings faster and easier?

To comply with my non-disclosure agreement, I have changed some of the quantitative data and omitted some information in this case study. All information in this case study is my own and does not necessarily reflect the views of InstaHub.

Role :

UX Designer working closely with the CEO and a Lead UX Designer.

Skills :

UX Design, A/B Testing, Design Systems, Project management.

Tools used :

Figma, Axure, Flaticons, Adobe Suite, Miro, Asana.

Team :

Me & 2 UX Designers

Duration :

5 Months

Objective :

My goal of this project was to improve customers’ experience on the alert setting page to enable them to get access to the required alerts faster. Enhance the experience of setting up new alerts.

Overall, my final designs have increased the average task completion rate of setting up alerts from 27% to 92%.

Problem:

- The majority of clients had an issue in setting up new alerts and executing those alert settings in their property.
- Many of the clients had a hard time finding the right alert settings for them because of too much information on the dashboard.

Goal:

Enable clients to create new alerts using sensors by providing intuitive and easy alert selection, it ultimately saves the company more time.

Past Designs:

Pain Points Takeaway: Clients had difficulties understanding the sequence of actions they should be taking to create a new alert.

Sketching:

I started with sketching what each page would look like and what kind of content would be displayed including the layout and orientation of overall composition of web page.

Wire-framing:

The wireframes introduced a new user flow inspired by common patterns found by user research.

User Testing:

Goal :

Enable clients to create and use new alerts on their own.

Impact :

- Saves time of the company.
- Doesn’t create any confusion while implying those sensors in a building.

Tool :

Figma, Optimal Workshop

# User Tested:

#74

Metrics :

- Task Completion Rate
- Satisfaction Rate
- Qualitative Feedback

Tasks

1) Create a new alert by adding 3 sensors.
2) Edit alert and rename it.
3) Send message to manager 2 only.

A/B Testing:

Goal :

Get the most efficient design to the user.

Impact :

- Saves time of the stakeholder
- Without any uncertainty create alerts and notification.

Tool :

Figma, Slack

# User Tested:

#74

Metrics :

- Click-through Rate
- Conversion Rate

There were 2 design versions we tested in our company. Both designs fulfill the user's requirements. I designed both versions but the user flow of the first design was proposed by me which got selected by the stakeholder and company after completing a few tasks and reviewing the conversion rate.

Results

Overall, my final design has increased the average task completion rate of creating alerts from 27% to 92%.
‍
Clients had a positive and intuitive experience completing the tasks.

Before & After

I started with sketching what each page would look like and what kind of content would be displayed including the layout and orientation of overall composition of web page.

Next Steps:

Comping up next, I intend to run another usability test to calculate the task completion rate. The goal is to enable stakeholder to find the sensors and alerts they need on their own.By increasing the task completion rate, the number of making incorrectly alerts and choice of mistaken sensors is diminished. This eventually saves the electric energy and stakeholder additional time.

Lessons Learned:

- Displaying all the sensors on dashboard assisted stakeholder making decision faster.
- Over-impart everything to all stakeholders and never makes assumptions. I worked with other designers, product managers, CEO & users through usability testing.
- Always test out all the versions of your designs (A/B Testing) to get the most efficient design for the user.
- Design for adaptability in my design system is fundamental so it tends to be reused effectively.

Product design

InstaHub new alert experience – How can we enable customers to create/find alert settings faster and easier?

Role :

Skills :

Tools used :

Team :

Duration :

Product :

Objective :

Overall, my final designs have increased the average task completion rate of setting up alerts from 27% to 92%.

Final Designs:

Problem:

Goal:

Past Designs:

Pain Points Takeaway: Clients had difficulties understanding the sequence of actions they should be taking to create a new alert.

Sketching:

Wire-framing:

User Testing:

Goal :

Impact :

Tool :

# User Tested:

Metrics :

Tasks

A/B Testing:

Goal :

Impact :

Tool :

# User Tested:

Metrics :

Results

Overall, my final design has increased the average task completion rate of creating alerts from 27% to 92%.
‍
Clients had a positive and intuitive experience completing the tasks.

Before & After

Next Steps:

Lessons Learned:

Product design

InstaHub new alert experience – How can we enable customers to create/find alert settings faster and easier?

Role :

Skills :

Tools used :

Team :

Duration :

Product :

Objective :

Overall, my final designs have increased the average task completion rate of setting up alerts from 27% to 92%.

Final Designs:

Problem:

Goal:

Past Designs:

Pain Points Takeaway: Clients had difficulties understanding the sequence of actions they should be taking to create a new alert.

Sketching:

Wire-framing:

User Testing:

Goal :

Impact :

Tool :

# User Tested:

Metrics :

Tasks

A/B Testing:

Goal :

Impact :

Tool :

# User Tested:

Metrics :

Results

Overall, my final design has increased the average task completion rate of creating alerts from 27% to 92%. ‍Clients had a positive and intuitive experience completing the tasks.

Before & After

Next Steps:

Lessons Learned:

Overall, my final design has increased the average task completion rate of creating alerts from 27% to 92%.
‍
Clients had a positive and intuitive experience completing the tasks.