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.
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.
58UXD
58.com User Experience Design Center
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.