Fundamentals 7 min read

How 58 Local Revamped Its UI for Rural Users: Localization Design Secrets

This article explains how 58 Local leveraged localized visual and textual cues, upgraded icons, refined reading experiences, and introduced adaptive font sizes to create a more relevant and user‑friendly product for lower‑tier cities and older users.

58UXD
58UXD
58UXD
How 58 Local Revamped Its UI for Rural Users: Localization Design Secrets

01

58 Local is a local‑life service information product that uses local hotspots and news as entry points, integrating recruitment, real‑estate, used‑car and other domains into the local‑life market.

Localization is the core competitive advantage of 58 Local, so emphasizing local characteristics is the main goal of design improvement. Through continuous iteration, the team has accumulated experience in upgrading localization.

02

Grabbing the First Impression

The user's first impression determines product positioning; a misaligned first impression is hard to correct later. Therefore, the first‑screen information must showcase the product's local features.

· Local Visual Communication

Using architectural and cultural symbols can convey regional traits, but this works only for second‑tier cities and above. Since 58 Local targets “down‑stream markets” (third‑ and fourth‑tier cities and counties), such symbols may not match users and could backfire.

· Local Textual Communication

User Location

By displaying the user's county‑level location in a prominent text area, the product creates a precise local impression.

Content Publishing Location

Highlighting the content's publishing location lets users quickly judge its locality, and the system can prioritize pushing locally relevant content.

03

Localized Visual Upgrade

Using the main ICON as an example (job search, housing, business transfer, etc.), the visual form of the icon should closely match real local business scenarios.

· Rationality

For renting, a bed is essential while a sofa is not; deep understanding of local life services informs the visual refinement of icons.

· Usability

Considering the cognition level of down‑stream markets, the visual complexity is balanced to keep learning cost low and goal achievement accurate.

· Aesthetics

To avoid color‑clashing of adjacent icons, the display order is fixed and color differences are introduced, improving visual cleanliness and product appeal.

04

Reading Experience Upgrade

· Smooth Reading

Improving reading fluidity requires removing obstructive ads. Local business content, which originally appeared as ads, is transformed from embedded ads to native ads to reduce reading interruptions.

Embedded Ads

These use distinct visual effects to make the ad nature obvious.

Native Ads

They resemble regular content, triggering ad goals after the user reads, thus preserving ad effectiveness while enhancing reading flow.

· Senior‑Friendly Design

In down‑stream markets many users are middle‑aged or older. Enlarging font size is the most effective senior‑friendly measure; 58 Local offers three font‑size levels for titles, body text, and auxiliary information, allowing users to choose according to their vision.

· Help Understanding

When users still struggle to comprehend after multiple revisions, guided assistance is provided to clarify functionality.

05

Conclusion

Localization is the core strength of 58 Local. By emphasizing local visual cues such as user location and content publishing location, the product strengthens the connection between users and local attributes, enhances penetration, and improves overall experience through visual adjustments and reading‑flow optimizations tailored to users' habits and physical conditions.

User Experienceproduct designUI designlocalizationvisual designrural market
58UXD
Written by

58UXD

58.com User Experience Design Center

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.