Effective feedback design—covering result, status, transition, action, tactile, and audio cues—helps users understand system responses, reduces uncertainty, and guides next steps, ultimately enhancing trust and satisfaction across mobile, web, and software products.
This article analyzes the problems of traditional Figma file organization—search difficulty, slow loading, scattered content, and collaboration hurdles—and proposes a five‑level hierarchy (Team, Project, Design Files, Pages, Canvas) with practical tips and shortcuts to improve efficiency and maintainability.
This guide outlines five essential considerations—environment, users, presentation, usability, and cooperation—to help designers create tool products that are ergonomic, visually accessible, adaptable across hardware and software platforms, and supportive of seamless online collaboration.
This case study details how the Zhaocai Mao B2B recruitment platform gathered user, business, and designer feedback, defined new design goals, created a fresh visual language with super symbols and color experiments, streamlined interactions, established design guidelines, and achieved measurable improvements in user perception and satisfaction.
Over the past six months the author handled dozens of corporate website projects, identified recurring design problems such as limited resources, high labor cost, lack of brand identity and poor user experience, and introduced a systematic workflow—including resource integration, component libraries, modular templates and a code‑generation tool—that enables the rapid production of multiple web designs within a single day.
This article details the background, design process, style selection, component theory, color definition, workflow, and enterprise-wide application of a modular illustration system that enhanced visual appeal, streamlined collaboration, and empowered product development across multiple platforms.
This article explains why quickly delivering key information—through visual focal points, pre‑thinking structures, and Miller's Law—significantly improves user experience and conversion rates in service‑type apps, illustrated with real‑world design case studies.
This case study details how a government talent platform was conceived and executed, covering employer branding, design value, project background and goals, the evolution of visual identity, and the delivery of a data dashboard, portal site, mobile apps, and logo to create an intelligent, one‑stop service for students and officials.
This article provides a comprehensive overview of data visualization large screens, covering their purpose, classification, design styles, device considerations, layout strategies, adaptive techniques, chart selection, visual appeal, and interaction guidelines to help designers create effective and engaging dashboard experiences.
This article explains how a well‑designed workbench for a B2B customer service system can standardise workflows, improve task completion for both frontline agents and supervisors, and enhance overall service quality through user‑centred research, flexible architecture, and thoughtful visual communication.
This article explores Sun Guoen's dynamic design language methodology, illustrating its core concept of using natural phenomena to convey feeling, analyzing ColorOS's animation challenges and breakthroughs, discussing the shift from flat to abstract 3D design, and outlining team and industry trends for future immersive UI experiences.
This article analyzes 2021 market reports and major tech events, highlighting shifts in user behavior, privacy, multi‑device design, and emerging visual styles such as glassmorphism, 3D, emoji, and minimalism that are shaping the next wave of mobile and UI/UX design.
This article explores the concept and classification of pop‑up windows for PC interfaces, clarifies modal versus non‑modal distinctions, presents a five‑step decision‑making process, and offers practical design recommendations to improve user experience across various interaction scenarios.
This article breaks down the evolving problem space of search and walks through its five core stages—request acquisition, parsing, matching, ranking, and result presentation—offering practical design decisions and best‑practice tips to create more effective search experiences.
This guide breaks down the entire 11.11 e‑commerce promotion workflow—from pre‑sale preparation and visual scene construction to peak‑period incentives, live‑stream tactics, and post‑event analysis—offering actionable design and planning tips to boost store performance.
This article examines the evolving challenges of a mature rental product and outlines design‑driven solutions—standardized interfaces, engaging motion, brand‑focused visuals, trust‑building cues, and simplified terminology—to improve user experience, increase conversion, and strengthen platform credibility.
This guide explains how B‑end designers can create a unified icon library by defining enterprise, client, and user personas, applying design principles such as readability, simplicity, and consistency, and leveraging open‑source icon sets to boost productivity and visual harmony.
This case study details how 58's local dating app identified branding gaps, user demographics, and UI shortcomings, then applied a structured redesign—including mood‑board exploration, homepage restructuring, header icon updates, and tab‑bar renewal—to create a cohesive, engaging visual experience across core pages.
This case study explains how a modular landing‑page construction tool streamlined the iteration process, reduced developer involvement, and saved weeks of effort by letting product and design teams assemble and fine‑tune pages independently, ultimately boosting efficiency and flexibility across dozens of page types.
This article reviews how the 58 used‑car team applied design‑thinking methodology to plan, design, and launch a large‑scale Chinese New Year operation, detailing requirement analysis, visual‑design workflow, cross‑team collaboration, and key lessons for future product initiatives.
This case study details Ganji's evolution from its 2005 origins through a 2015 merger to the new Ganji platform, explaining how user research on blue‑collar workers drove a youthful, diverse, refined, and simple visual redesign that reshaped brand perception, page hierarchy, interaction flow, and introduced an AI‑powered interview experience.
This article examines the concept, purpose, and visual forms of feed streams in a mobile community app, outlines key usability design principles such as signal‑to‑noise ratio, readability and proximity, and presents integrated, efficient, and enriched design solutions to improve content presentation and user experience.
This article reviews the design journey of a live‑streaming dating product launched on the 58 local app, covering brand positioning, visual language, component library creation, user growth system, and how design decisions aligned with business goals for the lower‑tier Chinese market.
This article provides a comprehensive overview of app message centers, covering their definition, evolution, core components, message types, status handling, variations across different app categories, and practical guidelines for consistency and optimization to maximize user engagement and business value.
In this in‑depth interview, Dribbble‑ranked designer Li Yi shares his journey into design, discusses how to stay competitive across ages, explains the research‑driven redesign of a YouTube‑Shopify‑style platform, and offers practical advice for aspiring UI/UX professionals.
58’s new O2O dining product, “同城生活圈,” leverages a WeChat‑based ecosystem and a redesigned, card‑centric UI with influencer distribution, flash‑sale features, and premium brand showcases to connect consumers with offline restaurants, driving traffic, conversions, and competitive positioning against market giants.
This article details how the 58APP team redesigned its recruitment detail page during the July super‑job season, outlining a two‑stage research‑to‑design workflow, information restructuring, situational emotional design, and post‑launch reflections to improve consistency, efficiency, and user trust.
This case study details how a five‑iteration, six‑release redesign of the 58.com second‑hand car publishing flow—covering entry consolidation, form simplification, field reduction, real‑car verification, and image quality enhancements—boosted listing success rates, user conversion, and overall system value.
This guide explains why the website header sets the tone for user experience, outlines essential elements like logo, navigation, and search, and offers practical tips on size, placement, sticky navigation, imagery, video, and mobile responsiveness to create a memorable and effective top‑of‑page design.
This guide explains how to leverage the larger screens and precise input of PCs to adapt mobile‑first mini‑programs, covering fundamental experience differences, responsive layout patterns, interaction translation, and special scenarios such as pop‑ups and hidden gestures, enabling a seamless cross‑platform user experience.
This article details 58’s comprehensive brand design language upgrade, outlining the exploratory process, key design goals of clarity, consistency and youthfulness, and the resulting visual system—including brand colors, symbols, typography and layout standards—that enables designers to deliver high‑quality, brand‑aligned work quickly and effectively.
This article explains why a design system is essential for large‑scale mobile products, outlines the preparation steps, details how to create and organize components, and offers guidance on rolling out, maintaining, and avoiding common pitfalls to keep development efficient and collaborative.
This case study outlines the 58 Mall project’s background, stage goals, encountered design problems, and the comprehensive strategy—including de‑visualization, card‑based UI, component libraries, templated product pages, low‑cost personalization, and modular design—that enabled rapid, scalable development for a multi‑business B2B platform.
This article details the visual redesign of the WeChat Open Platform, explaining the problems of over‑layered navigation and inconsistent branding, the design decisions made to simplify hierarchy, unify style with other WeChat sites, improve typography, and the ongoing work needed for responsiveness and retina support.
