Our design objective was clear: strengthen the external display to align with the cutting-edge features of the Razr 5G. Recognizing the need for increased functionality, we aimed to provide users with more panel shortcuts on the home screen. Key additions, such as calendar and weather panels, were strategically integrated to foster rapid access and create a harmonious relationship between the opened and closed phone experiences. The biggest challenge lay in ensuring a fluid transition between states — locked and unlocked — while meeting user expectations and maintaining aesthetic coherence.
The existing locked screen was highly dissonant from the new UI proposal for the unlocked experience. One of the most significant challenges was to create a smooth transition from one state to the other.
1. Main screen
2. Single notification
3. Grouped notifications
1. The absence of a wallpaper made it clear that the user was on the lock screen, but there was a lack of personalization.
2. Single-color weather icons on the lock screen were not standing out.
3. The design and navigation of notifications were causing confusion for the user when switching between states.
4. The addition of a notification peek helped the user understand the swipe-up gesture on the unlocked screen.
1. On the lock screen, notifications were very minimal. In contrast, notifications in the unlocked state used a card design, following the well-known look and feel present in most devices.
2. Notifications carousel for selecting individual messages.
3. Swipe up: on the lock screen, once the user taps and holds an icon to peek at a notification, they should swipe up to interact with the notification. Swiping up in the unlocked state pulls up a panel with all notifications. The user can scroll to navigate them and use call-to-action buttons to, for example, reply.
4. Canned messages for quickly replying.