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.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
Why Smart Information Design Transforms Backend UI Usability

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.

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

user experienceProduct ManagementDesign Principlesinformation designUI usability
JD.com Experience Design Center
Written by

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.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.