Product Management 15 min read

Why the Middle Platform Needs User Experience and How to Optimize It

This article explains why user experience is crucial for middle‑platform systems, outlines the unique challenges they face, and provides a practical four‑step framework—including presentation, framework, structure, scope, and strategy layers—to design, implement, and measure effective UX improvements.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Why the Middle Platform Needs User Experience and How to Optimize It

Why the Middle Platform Needs User Experience

Many people initially think that improving the user experience of a middle‑platform is unimportant or meaningless, but a real case shows that poor UX creates friction between developers and internal users, damages trust, and can lead to financial loss for the company.

Challenges of Middle‑Platform UX

The middle‑platform faces its own set of difficulties, which are often harder than those of consumer‑facing products:

Lack of Attention: Teams often rush to deliver features without any interaction design, focusing only on speed.

Hard to Measure Value: Unlike consumer products, there are no clear conversion or revenue metrics; feedback is usually delayed and subjective.

No Industry Benchmarks: Middle‑platforms are typically used internally, with closed scenarios and no standard solutions, leading to inconsistent quality.

What Is Good User Experience

According to Wikipedia, User Experience Design (UXD) is a user‑centered design method that aims to meet user needs, predict expectations, allow low‑cost revisions early in development, and ensure coordination between core functionality and the human‑machine interface.

The core principle is human‑centered, stable, and easy‑to‑use systems . The practice can be broken down into five layers: presentation, framework, structure, scope, and strategy.

Presentation Layer

Implementation of single elements such as image size, clickable areas, and visual cues.

Framework Layer

Layout of multiple elements, e.g., where to place login or register buttons.

Structure Layer

Navigation relationships between pages, such as where the user is redirected after login.

Scope Layer

Definition of the product’s functional scope – what should be built.

Strategy Layer

Alignment of user needs with business goals.

Presentation Practices

Adopt community‑wide interaction standards such as Ant Design. Design modules based on business logic, e.g., required vs. optional form fields, default values, and data hierarchy (highlight important data, collapse secondary data).

Data / Text Visualization

People process images more easily than raw numbers; use charts, visual indicators for task completion rates, and icons with tooltips for common actions.

Reducing User Burden

Fitts' Law: the time to reach a target is a function of the distance to the target and the target size. Shorter mouse movement distance and larger targets make operations easier.

For fixed, lightweight workflows, keep mouse travel distance as short as possible.

Increase clickable hot‑area for buttons to improve responsiveness without harming aesthetics.

Maintaining User Flow

Solve a problem within a single page instead of navigating away.

Avoid modal dialogs for lightweight actions; keep interactions “in‑flow”.

Transitions & Feedback

Human visual cortex is sensitive to motion; appropriate transitions keep the interface lively and improve communication.

When actual performance cannot be improved, shift user attention to reduce perceived waiting time.

Short waits: loading spinners or skeleton screens.

Longer waits: progress bars or allowing users to perform other tasks.

Guiding Users

Static hints: highlights, auto‑scroll to the next required field.

Guided flows: automatically focus the first empty input, scroll to validation errors.

Consistency

Repeating the same elements across the interface reduces learning cost and helps users recognize relationships.

Maintain consistent interaction patterns when iterating or building new modules.

Strategic Layer

Understanding the Business

Know what the product does, who uses it, and which scenarios it serves before designing interactions.

Understanding Users

Gather user expectations, put yourself in their shoes, and design flows that make tasks effortless.

Four‑Step Implementation Method

Define Goals

Increase self‑service completion rate

Reduce form‑filling time

Lower user complaints / on‑call incidents

Improve key‑information reach

Decrease error rate in operations

Discover Problems

Team self‑review

User feedback collection & analysis

Beta testing with users

Data‑driven analysis

Formulate Solutions

Apply theoretical knowledge to concrete issues.

Benchmark against industry leaders.

Prioritize based on usage frequency and business impact.

Involve target users for suggestions.

Plan metrics collection (instrumentation, interviews, on‑call analysis, recordings).

Track Implementation

Measure defined metrics after release.

Collect user feedback to refine benefits.

Instrument modules for behavior data.

Use A/B testing when expected gains are unclear.

Conclusion

This article explored the challenges of middle‑platform UX optimization and presented a practical four‑step approach to turn ideas into concrete improvements. Continuous effort is required, but a well‑designed, stable, and user‑friendly system brings both business value and a strong sense of achievement.

user experienceproduct designdesign principlesmiddle platforminteraction designUX
Rare Earth Juejin Tech Community
Written by

Rare Earth Juejin Tech Community

Juejin, a tech community that helps developers grow.

0 followers
Reader feedback

How this landed with the community

login 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.