Why Smart Information Design Transforms Backend UI Usability
This article explains the core principles of information design—proximity, dynamics, adaptation, emphasis, pre‑placement, direct access, minimal folding, and default guidance—and shows how applying them in backend interfaces improves visibility, efficiency, and user satisfaction.
Proximity and Dynamics
Information design focuses on delivering information efficiently rather than artistic expression. "Proximity" means placing information close to the user's target area, while "dynamics" refers to changes in content and position that attract attention, especially in the central visual field.
Because the human visual system has a central foveal region and peripheral blind spots, users easily notice items in the center but ignore static items in the periphery unless they move.
In a backend interface, a network‑status banner that changes from "Network Good" to "Network Error" caused complaints because users missed the change. The solution was to show a toast notification only for abnormal states, ensuring the alert is near the user's focus and dynamic enough to be noticed.
Adaptation and Emphasis
Design must consider product attributes and usage scenarios, adjusting the emphasis of information accordingly. For example, a merchant‑focused backend should highlight metrics like "Units Sold" and "Revenue" rather than the product price, which is less relevant to that audience.
By redesigning the information hierarchy, the interface presents the most important data for the current scenario, improving efficiency.
Pre‑placement and Direct Access
Placing secondary‑page functions directly on the main page provides a faster entry point. Users often need only a core feature, so exposing it upfront reduces navigation steps.
This principle appears in iOS 14 widgets that surface an app's primary content on the home screen, eliminating the need to open the app.
In a backend invitation feature, a toggle that disables the entire invitation flow was moved to the main list, preventing users from accessing irrelevant settings when the feature is off.
Minimal Folding
While collapsing content into tabs or sliding menus can save space, folding textual titles is risky because users tend to scan vertically and may ignore items beyond the first tab.
In a previous design, a horizontally sliding menu for activity types caused low selection rates for the second and third items. The redesign moved the options into an expanded list, making them more visible and reducing user neglect.
Defaults and Guidance
Default selections guide user behavior and provide a sense of safety, as users are reluctant to change options that might affect their rights or cause loss.
Applying this, a data‑analysis module set a default time filter and collapsed other options, decreasing frequent switching, reducing system load, and minimizing abnormal data calculations.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
JD.com Experience Design Center
Professional, creative, passionate about design. The JD.com User Experience Design Department is committed to creating better e-commerce shopping experiences.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
