What is the connection point?
An element that shows device connection status and provides quick access to actions
In Lenovo’s MagicBay ecosystem, shows hardware status through collapsed and hover states for quick visibility.
In the LTE flow, it displays data usage status and provides an entry to purchase additional data.
Current Problems
I have analyzed 4 key problems of the current connection point experience.
Opportunies
From there, I have set 4 design goals.
Minimize the mini window to reduce visual obstruction and distraction.
Show clear and sufficient connection status to increase clarity and user trust.
Visualize data usage patterns to help users understand their consumption.
Surface data plan options contextually without intrusive pop-ups.
Deicision 01: Hover and Expand
Introduce responsive panel sizes to avoid blocking the screen by default, while revealing more information on hover when needed.
Information Architecture
I structured the IA using a dual-state approach—hover for quick actions, expanded for data-rich interaction to keep the workspace clean, transparent, and easy to navigate.
Decision 03: Hover states System
To clearly communicate connection status, I collaborated with designers to map out edge cases and define a scalable hover-state system. We established consistent status patterns that could accommodate multiple scenarios while remaining clear and easy to extend.
If I have more time
Introduce clearer usage analytics and trends to help users better understand and manage their LTE consumption.
I learned
Designing a persistent system element requires carefully balancing information clarity with minimal visual interruption to the workspace.