Research

I utilized Appbot and Competitor Analysis' to get an idea of patterns that are typically used in notification pages. The challenge with Neato was designing for future iterations in which a user might be able to receive messages from multiple sources. Should all notifications be shown in the same area? In the end, I decided to keep the notifications section as simple as possible, showing all messages on the same page with simple delete options.

North Star Design & Flow Creation

I explored a few formatting options in my north star designs, but most followed the typical list format that users see in Facebook apps. Unfortunately these designs did not solve the problem of multiple devices (and overall clashed with the existing design of the app). The final designs became more of a reflection of messages from the device itself, utilizing chat bubbles. This way, a user is easily able to tell device messages apart via the profile icons on the left. Once the designs were finalized, I specified flows for our development team.

Deletion & Scrolling Behaviors

In addition to user flows, I had to deliver mockups of deletion behaviors and scrolling to development. These behaviors were included in notifications, and referenced for other pages of the app. cused on map editing and tooling expectations.

Final Handoff

After creating final specs for development, I delivered via Zeplin. The design is still subject to QA, testing, and future updates.
Back To Top
arrow_upward