ROLE: INNOVATION DESIGNER 🎨
DURATION: JUN. 2023 ‑ AUG. 2023 (8 WEEKS) ⏰
TOOLS: FIGMA 🛠
TEAM: IBM CLIENT ENGINEERING TEAM 🔧
THE PROBLEM STATEMENT:
Error and Warning Alerts of the IBM SaaS Console were Not Clearly Visible to its Users, Causing Confusion.
User Pain Points
The ambiguous alert messages can lead to panic as the user wonders when their data will be lost.
![IBM Message](images/ConfusingError.png)
The "Buy subscription" call-to-action is duplicated which can lead to users not taking action at all.
![IBM Duplicated Error Message](images/Duplicated.png)
The second button is misplaced in a separate section, breaking the gestalt principle of proximity.
![IBM Call](images/Misplaced.png)
USER SOLUTION:
We Merged All Alerts in a Separate Section at the Top such that Users Can Quickly Find Recent Alerts.
![IBM Recent Event Section](images/RecentEvents.png)
The alert message notifies the user the problem and more information is shown when dropdown is clicked:
![IBM Detailed Error Messages](images/DetailedErrorMessage.png)
The clear call to action buttons allow for action to be taken quickly:
![IBM Clear](images/Call-to-action.png)
MY ROLE:
I Designed the Prototype of the Recent Events Section and Built Popups to Facilitate a Paid Subscription Renewal, a Common Source of Alert.
The popup shows subscription details followed by a call to action button at the bottom:
![IBMPopUp](images/IBMPopup.png)