Updating alerts to be more noticeable
Problem
Users do not notice the current alert banner. It is the same banner used to alert users that there is form malfunction. However, when re-inputting information, the banner does not react. Therefore, this causes confusions.
Hypothesis
The banner can have the options of persistence or removal, so therefore, the users will see and interact with the banner.
I undertook the research to explore for more options.
In the competitive analysis, we identified many good UI and UX. Many examples showed disappearing notifications. While this was good, we wanted a persistent banner alert. So the design team decided the full width banners remained. Instead, we introduced a new set of alerts called “flags”.
Several iterations of the flag alerts were designed. Consistency and “standing-out” were the major challenges.
Along with the designs, I developed an animated prototype.
View Prototype
Users found these alerts helpful, in such cases as adding/removing cars or re-submits an incorrect form.
