This article explains what interactive animations are, why they are essential for smooth user experiences, and outlines a complete workflow—including evaluation, design principles, timing, curves, and documentation—to help designers create consistent, comfortable, and efficient motion effects.
Narrative design replaces visual mock‑ups with text‑based stories to explore user flows, clarify concepts, assess risks, and gather feedback across platforms, enabling faster iteration and clearer communication between designers, developers, and stakeholders.
This article traces the history of variable fonts, explains their technical axes, and showcases a range of real‑world case studies—from dynamic brand identities and Olympic logos to climate‑awareness typefaces—demonstrating how variable fonts enhance readability, branding flexibility, and interactive user experiences across web, mobile, and physical media.
This article explains how to design effective lead‑capture (CPL) flows for used‑car services, covering the shift from traffic‑only to service‑focused stages, four key user‑interaction dimensions, emotional design, multi‑channel integration, and practical, low‑cost testing methods to maximize conversion.
This article explores the fundamentals of form design, covering form types, element breakdown, layout options, label alignment, and validation techniques to create efficient, user‑centric interfaces that balance usability with business requirements.
This article explains how adopting a service‑design perspective can drive design‑empowerment projects, outlining a four‑step methodology—defining insights, mapping the project journey, segmenting target users and needs, and proposing tailored solutions—and illustrates the approach with a detailed case study of a home‑service detail‑page redesign.
The article recounts a JD product manager’s year‑long journey developing the Content Assistant app, sharing practical lessons on product vision, login design, live‑stream shortcuts, video audit, single‑product creation, selection tools, privacy compliance, and release management for mobile e‑commerce creators.
This article details a series of design experiments on 58’s homepage feed cards, analyzing how image realism, benefit labeling, and location presentation affect user click-through rates, revealing that authentic visuals, precise benefit information, and intuitive positioning outperform generic designs, and outlines a cyclical iteration process for continuous improvement.
This article explores the design of combined gestures for Baidu App's mobile video player, detailing the concept, implementation of long‑press‑plus‑slide gestures, user testing, performance results, and future extensions to improve interaction efficiency and immersion.
Screen efficiency measures the commercial value generated per unit screen area; by optimizing floor placement, increasing effective information ratio, arranging slots strategically, and improving content presentation, e‑commerce pages can significantly raise exposure UV and GMV, as illustrated through data‑driven examples and visual analyses.
The article details Qunar's user‑experience digital platform, explaining its background, measurement model, metric scoring, data‑collection mechanisms for Android and iOS, and the operational plan that drives continuous improvement across teams and products.
This article presents a data‑driven operational design case study for 58APP, detailing a five‑step testing framework, A/B experiments on UI elements such as real versus 3D personas and copy versus graphics, and the resulting insights that significantly improved click‑through and conversion rates.
The article traces the shift from static graphical interfaces to intelligent, user‑centred designs through a three‑layer model—classic precision, behavior‑influencing intelligence, and emerging AR/VR‑ML experiences—quantifies visual information load with Shannon theory, optimizes layouts via A/B testing and maximum‑entropy analysis, and forecasts AI‑driven, multimodal, service‑oriented UI futures.
This article details JD’s strategic redesign of its WeChat mini‑program, outlining user‑centric insights, framework and feed upgrades, diversified navigation, brand mind‑set enhancements, and entertainment‑driven features that together create a more engaging, efficient, and enjoyable shopping experience.
This article examines Baidu Wenku's decade‑old document platform and explains how user research revealed outdated visuals and interactions, prompting a comprehensive visual and experiential redesign that aligns the product with the preferences of younger users.
This article explains how to enhance the user experience of empty pages in mobile apps by using informative animations, relevant content suggestions, clear call‑to‑action prompts, and reload mechanisms, illustrated with Flutter code examples and Lottie animations for various no‑data scenarios.
This article explains why clear, consistent, concise, respectful, and well‑punctuated copy is essential for UI design, offering ten actionable principles with examples and visual illustrations to help designers craft user‑centered text that improves usability and product experience.
This case study details Baidu Hotel’s design process for a price‑comparison feature, outlining market background, user research, strategic touchpoints, competitive analysis, and three implementation phases that together enhanced perception, built cognition, and reinforced memory, ultimately improving conversion rates.
This article explains how design creates business value by aligning design thinking with business goals, user needs, and product constraints, and introduces practical frameworks such as the SKS and GAM models for deriving design objectives and quantifying their impact.
This article examines how designers can shift from passive requirement fulfillment to proactive value creation by redesigning 58.com’s homepage “gold bar” area, detailing problem identification, strategy formulation, information architecture restructuring, interaction improvements, and outcome validation to enhance user experience and drive business growth.
This guide explains why form design matters, categorizes different form types, details essential components such as labels, input fields, validation, required indicators, help hints and buttons, and offers concrete strategies—like step‑by‑step layouts, choice‑driven inputs, clear visual flow, and contextual error feedback—to create efficient, user‑friendly forms.
The article details Youku's comprehensive approach to making its video app accessible, covering unified component specifications, screen‑reader support, extensive testing, scoring mechanisms, content adaptations, and future plans that together create a sustainable, user‑friendly experience for visually impaired users.
This article explains how the NetEase Mail team enriched their "Yi Miao" emoji by applying Disney's twelve animation principles, detailing each principle with examples and GIFs to enhance expressiveness, visual appeal, and user interaction in dynamic emoji design.
This interview with the co‑founders of NetEase Cloud Music’s 19th creative studio reveals how they leverage user psychology, experience‑driven design, rapid prototyping, and a "user‑as‑gene" mindset to craft viral H5 tests and campaigns that resonate with young audiences.
This article explores essential visual psychology concepts for designers, covering how we observe, read, remember, think, focus, and make decisions, and offers practical design guidelines such as leveraging optical illusions, peripheral vision, pattern recognition, color‑blind accessibility, cultural color meanings, and the proximity principle to create more intuitive user experiences.
This article curates essential thoughts and summaries on frontend architecture, SAP system design, ToB customization, JavaScript framework evolution, micro‑interaction design, information loading UX, and micro‑frontend performance analysis, highlighting how clear, flexible, and scalable structures drive rapid, stable product growth.
This case study details a six‑month framework optimization project for KuJiale's cloud design tool, highlighting the challenges of a cluttered toolbar, the data‑driven redesign process, staged rollout strategies, and the resulting improvements in user experience and product stability for millions of users.
This article explores the distinct responsibilities of interaction design, its lasting impact on user satisfaction and product growth, and why it cannot be replaced by product or UI work, offering practical insights, case studies, and methodological guidance for designers.
This article analyzes the design secrets of the China Merchants Bank mobile app, covering its homepage structure, banner strategies, icon styles, card layouts, color choices, navigation tricks, and startup page symbolism to illustrate how thoughtful UI enhances user experience in mobile banking.
The article explains how understanding user psychology—such as perception, reading, and memory—can guide industrial design to create more satisfying experiences, improve retention, and increase software activity by aligning design elements with users' mental expectations.
This article explains what app onboarding is, categorizes its types and scenarios, details various design patterns—from pre‑launch guide pages to interactive and conversational guides—and offers practical tips for creating effective, user‑friendly onboarding experiences.
Discover the nine essential UI design elements shaping modern financial apps—from brand colors and gradient backgrounds to typography, icon styles, whitespace, rounded cards, illustrative graphics, micro‑interactions, data visualisation, and component‑based systems—each helping convey corporate identity, enhance trust, and improve user experience.
Behavioral design breaks the user journey into four stages—attracting attention, decision-making, action, and sustained use—and by applying targeted design techniques at each step, designers can enhance engagement, improve the experience, and significantly lower the risk of user churn.
This guide explains how to design user‑friendly form editors by covering form fundamentals, layout options, input control properties, validation methods, interaction feedback, and advanced components such as date pickers, file uploads, and grouping, helping developers create efficient, adaptable forms for various scenarios.
This collection highlights recent front‑end engineering insights, covering bundle‑less approaches with tools like Snowpack and Vite, dramatic build‑time reductions for large Vue/TypeScript applications, low‑code platform implementation for multi‑tenant CRM, and design strategies that enhance information‑reading experiences.
This article explains what H5 (HTML5) and WeChat Mini Programs are, compares their development tools, runtime environments, system permissions, performance, usage scenarios, sharing methods, payment capabilities, and testing considerations, highlighting the strengths and limitations of each technology.
This article chronicles the evolution of Taobao’s shopping cart over four years, detailing its core functions, product positioning, business goals, user‑experience upgrades, technical breakthroughs, and future roadmap, while highlighting how strategic product and engineering improvements drove higher conversion and smoother checkout.
The article analyzes JD’s APP 11.0 visual redesign, detailing the new design philosophy, simplified icons, interactive splash screens, brand‑IP integration, unified material language, and promotional video strategy, all aimed at creating a simpler, more joyful shopping experience for diverse users.
Metaverse design blends immersive AR/VR technology, user experience principles, and interdisciplinary tools—from storyboarding and 3D modeling to sociological research—guiding designers to create usable, privacy‑aware virtual spaces, digital goods, and interaction standards while navigating challenges like motion sickness, decentralized payments, and ad intrusion.
CAPTCHAs, originally created by Carnegie Mellon researchers to block automated bots, have evolved from simple distorted text to complex image‑selection and behavior‑based challenges, prompting user frustration and driving innovations such as Google’s reCAPTCHA, Apple’s Private Access Tokens, and AI‑generated puzzles that aim to balance security, privacy, and usability.
This article explains the concept of conversion rate, its significance for product success, and presents a systematic, full‑process approach to identify and optimize key decision points—covering user and scenario analysis, metric definition, business and user research, and concrete design strategies for entry, detail, and submission stages.
This article details how a collaborative digital heritage project transformed Beijing’s historic central axis into an interactive mini‑program, tackling challenges of color, iconography, building illustration, and page layout to deliver a truthful, culturally resonant user experience that blends design, history, and technology.
This article shares NetEase’s six‑year experience in building an early‑stage game evaluation framework presented at GDC 2022, outlining how to define “early” phases, key success metrics, practical assessment methods, common pitfalls, and actionable recommendations for creating better games.
This roundup spotlights cutting‑edge front‑end developments, including Vue’s upcoming no‑virtual‑DOM mode inspired by Solid.js, a practical guide to hardware‑accelerated HEVC decoding in Chromium, user‑experience advice from industry leaders, latency‑reduction techniques for TikTok live streams, and insights on measuring R&D efficiency.
The article examines the challenges of adapting Android apps for smartphones, foldable phones, and tablets, and proposes a unified, single‑code‑base solution that dynamically adjusts layouts, orientations, and UI elements to reduce development costs while delivering consistent, optimal user experiences across diverse device screens.
This roundup highlights a Microsoft browser team interview on the web’s past and future, the practical use of HTTP 103 status code, advice against over‑abstracting components, Combine programming practices, live‑stream performance tuning, applying cognitive psychology to UX design, and insights on building effective frontend teams.
This article examines how designers can gain strategic influence by deeply understanding user needs, analyzing product manager assumptions, and applying a structured, role‑based approach to improve interview experiences for domestic‑worker hiring platforms.
This article explains what onboarding (new‑user guide) design is, when it should be applied, its business value, and details nine common design patterns—such as splash pages, animated guides, overlay masks, step‑by‑step flows, tutorial, pop‑ups, bubbles, summon guides, and preset tasks—plus practical advice on selecting the right pattern for different user scenarios.
This article curates key frontend topics—including Web3.0 debates, Serverless lightweight development, CDN design principles, content‑visibility versus lazyload, advanced TypeScript techniques, and user‑experience fundamentals—offering a concise overview for developers seeking to stay ahead of emerging trends.
The article explores the rise of experience management in China, defines its scope, explains its strategic importance, outlines a three‑layer model (data, system, operation), and predicts future trends toward finer, more diversified, and smarter practices.
Design principles can be flexibly applied alone or in combination, guiding designers toward better solutions and improved user experience, while learning them requires continual practice, reflection on personal projects, and competitive analysis to internalize and effectively employ these fundamentals.
This article explores how designers can enhance hotspot search experiences by structuring visual layers, finely assembling content components, and introducing lightweight interactive features that boost user perception, understanding, and participation across daily and major events.
This article discusses principles for designing effective forms, including minimizing user input, providing real-time feedback, and choosing optimal layouts like vertical, horizontal, or floating structures to enhance user experience.
This article examines how VR product designers confront incomplete features—such as visible tripods, underused VR‑glasses mode, and 90% point‑cloud stitching accuracy—by weighing cost, user curiosity, and honesty, ultimately proposing transparent design strategies that build trust without unnecessary embellishment.
This article debunks the overused term “intuitive design,” explains what intuition really means, shows how familiarity—not unconscious reasoning—drives perceived intuitiveness, and demonstrates how applying proven design patterns and emerging AI technologies can create clearer, more efficient user experiences.
The article traces Taobao’s shopping cart evolution from a basic product‑management tool to a real‑time, AI‑enhanced platform, detailing business goals for user experience and conversion, four staged upgrades—including bundling, discount filtering, and seamless checkout—plus technical solutions such as Bloom filters, asynchronous pipelines, and nextRpc, while outlining operational expansions and future AI‑driven improvements.
The article explains the concept of inclusive design, its growing importance in product development, the relationship with accessibility, recent governmental initiatives in China, and practical principles for designing B‑to‑B products that cater to diverse user groups such as the elderly and people with disabilities.
This article examines how 58 Home Service identified service gaps through user research, built a detailed user‑experience map, created a comprehensive SOP handbook covering image, etiquette, and behavior, and implemented training, assessment, and incentives to dramatically improve customer satisfaction and reduce complaints.
This article presents thirty practical software‑architecture principles—from keeping designs simple and avoiding unnecessary features to mastering concurrency, distributed systems, and user experience—providing a comprehensive guide that helps architects make informed, ROI‑driven decisions while fostering scalable, maintainable solutions.
This article explores how front‑end engineers can improve H5 game experiences by focusing on stable 60 fps rendering, high‑quality assets, multi‑screen compatibility, performance‑aware animation, and intuitive interaction design, while balancing limited resources and trade‑offs to approach native‑like quality.
This article explains what cognitive biases are, why they arise, and how designers can strategically apply specific biases at the attention, decision, feeling, and revisit stages of user experience to improve product usability and achieve business objectives.
The HTTPie project lost over 54,000 GitHub stars after its maintainer accidentally made the repository private, revealing shortcomings in GitHub's confirmation dialogs and backup policies, and prompting recommendations for better UI/UX and soft‑delete mechanisms to protect open‑source projects.
This article details how 58 Home Service created a service‑design team to analyze user pain points, apply five design principles, redesign caregiver equipment and service flows, and continuously improve brand experience, illustrating a product‑management approach to elevating both customer trust and caregiver satisfaction.
This article examines the challenges of the original Vivo official app home page—messy containers, redundant and incomplete information—and explains how a user‑centric, business‑driven “simplicity” strategy led to a redesign with three container types, refined visual rules, and a unified design system.
This article presents thirty practical software architecture principles—ranging from simplicity and YAGNI to distributed system design, user experience, and configuration management—offered by architect Srinath to guide teams in making better technical decisions and fostering collaborative, high‑quality product development.
This article examines the challenges of weak‑network conditions for mobile mini‑programs and proposes a three‑level user‑experience model—openable, viewable, submittable—along with a three‑layer offline optimization strategy covering resources, data, and transactions to ensure reliable operation even when connectivity is poor.
This case study details a three‑day field research in Chongqing, revealing brand and service gaps in 58 兼职’s offline stores and proposing a warm VIS visual system and standardized service workflow to improve user experience and conversion.
The article chronicles Taobao Android’s APM page‑load‑time calibration, moving from the basic 8060 visible‑calculation algorithm to asynchronous, element‑aware methods with view tagging, page‑specific thresholds, custom root views, and H5/Weex support, dramatically improving accuracy by excluding non‑essential elements.
This article explores user experience from a front‑end perspective, defining UX, examining the many factors that influence it—including user state, environment, and product features—and outlining practical design considerations such as performance, interaction details, and accessibility to create truly engaging digital products.
The article examines the long‑standing issue of pre‑installed, often non‑removable apps on Chinese Android smartphones, explains the 2015 and upcoming Ministry of Industry and Information Technology regulations requiring all pre‑installed apps (except core functions) to be uninstallable, and discusses the commercial motives behind bloatware.
This article presents thirty concise architectural principles covering simplicity, iterative development, automation, scalability, concurrency, distributed system design, user experience, and practical trade‑offs, offering a comprehensive guide for architects and engineers to build robust, maintainable software.
User Experience (UX) encompasses how people perceive and interact with systems, covering research methods, strategy development, and design principles, while UI focuses on visual and interactive aspects; together they guide the creation of engaging, usable, and responsive digital products across devices.
Taobao’s senior‑friendly “Elder Mode” redesign tackles the challenges of an aging population by enlarging fonts, simplifying information, adding voice search, creating a walking‑based game, and implementing seamless version switching, all backed by extensive user research, technical solutions, and A/B experiments to improve the digital shopping experience for older users.
This article explains why API design is crucial for AI open-source software, outlines new challenges, presents basic design principles, and offers practical guidelines, examples, and best practices to create user-friendly, stable, and extensible interfaces that lower learning costs and foster ecosystem growth.
This article explores how designers can add strategic value to B2B products by aligning design decisions with business goals, using a used‑car platform case study that illustrates product transformation, multi‑scenario coverage, offline‑online integration, and a systematic design implementation process.
A's fruit‑ordering platform kept adding tags, preferences, and fallback strategies to please every user, but the growing complexity made it hard to configure and debug, ultimately driving customers back to B's straightforward manual ordering system.
The article explains why and how to use the GSM (Goal‑Signal‑Metric) model in product design, detailing its definition, applicable scenarios, step‑by‑step implementation, and a real‑world case study that demonstrates its value for aligning business, user, and design objectives.
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.
This article explores the concept of visual subtext in UI design, explaining why designers should consider hidden cues, defining subtext, and illustrating its three main functions—conveying hidden information, building emotional connections, and reducing cognitive load—through real game‑interface case studies.
The article proposes a comprehensive method to eliminate driver‑location flicker and angle errors in ride‑hailing apps by calculating point‑to‑path distances, mapping and inserting points for smooth motion, handling yaw scenarios, refreshing at 12 Hz, correcting vehicle heading, and optimizing animation versus static map scenes.
This guide explains the concept of UX semantic personality, its value for brands and users, when and where to apply it, and provides a step‑by‑step method plus five common language styles to help designers create memorable, emotionally resonant product copy.
This article presents a comprehensive evaluation framework for OPPO's XiaoBu AI assistant, covering evaluation concepts, objectives, five key elements, sampling methods, dimension selection, annotation scoring, report generation, and a detailed Q&A that illustrates practical metrics and processes for voice and search services.
This case study details how JD.com’s 11.11 mobile commerce event combined commercial‑driven visual concepts, interactive micro‑games, and front‑end performance optimizations to achieve over 200% growth in dwell time, 330% higher click‑through rates, and a 106% increase in order value.
This article explores how visual interaction influences user experience and outlines strategies—such as design specifications, component libraries, design tokens, and D2C workflows—to improve consistency and efficiency in frontend development across product iterations.
This article details the design and implementation of the Experience Cockpit, a one‑stop platform for monitoring user experience data, covering its purpose, metric hierarchy, non‑intrusive data collection, AI‑driven processing, visualization dashboards, alerting mechanisms, and how it drives product decisions.
This article reviews fifteen specific UI changes Etsy implemented on its product pages in 2020, explaining how larger search areas, repositioned image selectors, revamped price displays, enhanced reviews, and other tweaks improved visibility, usability, and brand perception for shoppers.
This article analyzes the shortcomings of a button‑heavy rule‑expression editor for B2B customer‑service whitelists and proposes keyboard‑centric input, card‑based visual grouping, and drag‑and‑drop modularity to dramatically improve editing speed, readability, and maintenance efficiency.
The article explains how Alibaba’s QianNiu multi‑platform workbench reduced open‑plugin related user complaints by half through defining open nodes, optimizing long plugin startup chains, building permission‑request loops, establishing comprehensive data‑driven metrics, and creating an open‑experience dashboard that monitors performance, reliability, and user‑perceived issues across mobile and desktop.
The article explores how to reconcile business requests for added homepage features with users' desire for streamlined experiences by classifying user types, prioritizing information per scenario, and proposing design solutions such as top‑tab structures, flexible components, and an integrated operations center, illustrated with the 58.com case study.
The article explains why traditional load‑time metrics are insufficient for user experience, introduces three user‑centric performance metrics—Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift—describes how they are measured, why they matter, and provides practical optimization techniques for each.
This article walks through the complete design process of the online tabletop game “One Night Werewolf,” covering story world‑building, scenario‑driven gameplay, card visual design, emotion‑focused animation, and technical implementation that together created a compelling, high‑engagement mini‑game experience.
This article explores the concept and origins of mental models, explains how they influence user behavior, and shows how designers can leverage these insights to create more effective product experiences.
This article explains the concepts of debouncing and throttling in frontend development, their differences, practical applications, and provides detailed analysis of Lodash's implementation with code examples.
This article explains how to create products that feel intimate and exciting to users by defining a brand personality, constructing a three‑layer value system, dissecting user perception and cognition, and applying experience‑focused strategies illustrated with real recruitment‑app examples.
Shifting from growth-focused tactics to user‑centric product development at ByteDance, the author shares mindset changes, team rituals like daily TikTok reviews, and how these efforts drove CapCut’s rapid growth while significantly deepening personal product thinking.
This article explains how modern UI designers extend their role beyond mobile apps to include PC, VR/AR, automotive systems, and interactive art, illustrating the design process through real project cases that show background research, high‑fidelity mockups, and user‑experience strategies.
Users uninstall apps when friction—such as privacy worries, useless features, crashes, slow performance, or intrusive ads—overrides desire, so applying a five‑level APP experience pyramid (Security, Functionality, Stability, Usability, Delight) with privacy checklists, exploratory testing, full‑stack monitoring, and real‑user usability sessions can markedly boost retention.
Facing a rapidly aging population, Baidu’s Big Font app combines AI‑driven large‑font interfaces, high‑contrast colors, extended audio cues, simplified gestures, and voice‑over features to create an accessible, emotionally supportive mobile experience that addresses seniors’ visual, auditory, motor, and cognitive challenges.
The article analyzes how streaming platforms like Netflix and iQIYI are leveraging interactive video technology—ranging from choose‑your‑path movies to vibration‑enhanced variety shows—to boost user immersion, create new production workflows, and spark a competitive race for next‑generation entertainment experiences.
This case study explains how New Ganji re‑positioned its recruitment platform around authenticity, redesigning visual elements, optimizing user flows, adding gamified growth features, and applying design‑thinking principles to achieve a five‑fold DAU increase without heavy operations investment.
