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.
This article explains why post‑COVID mini‑program platforms need a dedicated B2B assessment system, outlines the three‑layer evaluation model, describes metric design, sampling strategies, and result analysis, and shows how the insights guide platform growth and merchant success.
This article explains how an IP smart image library was built to automate pattern creation, outlines the evolution of its generation rules, and shows how aligning implementation and mental models leads to an intuitive interface that satisfies both novice and advanced users.
This article explains what user research and user experience entail, compares them with traditional market research, details the Net Promoter Score (NPS) methodology and its four customer categories, outlines measurement tools such as product walk‑throughs, and presents a complete UX management framework that balances quick wins with long‑term organizational success.
This case study explains how Baidu Health responded to rising vaccine demand by designing a seamless, one‑stop booking flow—from search to appointment—through user‑centered analysis, fast‑reach tactics, consumption‑stimulating features, and emotional connections, ultimately boosting trust and revenue.
The 2020 Lego V2.0 redesign overhauled the multi‑terminal UI component library by redefining user roles, restructuring site architecture, simplifying visuals, improving component search and drag‑and‑drop adaptability, and establishing clear motion design principles to enhance developer productivity and overall user experience.
This case study examines how 58's live‑streaming recruitment platform evolved by analyzing user behavior, identifying pain points, and implementing design strategies that improve content discovery, create a lively atmosphere, and enhance interaction, ultimately boosting candidate engagement and conversion rates.
The article explains why progress bars frequently get stuck at 99%, tracing the concept from its early invention, describing the technical limits of resource contention and block verification, and revealing how product managers deliberately design deceptive progress indicators to manipulate user perception.
This article explains how a B2B product team can objectively measure and improve user experience and satisfaction by using a structured usability evaluation system, the FLOE framework, which defines four core dimensions, 19 indicators, and a step‑by‑step implementation process.
The article examines three levels of packaging tear‑experience design—basic, intermediate and advanced—and extracts three key principles—natural, smooth, and realistic—that can be applied to improve VR product interfaces, illustrating each with concrete examples and visual illustrations.
This article explains how to establish a robust experience measurement practice by selecting an appropriate measurement model, introducing the HEART framework, and providing a step‑by‑step guide to define experience goals, choose dimensions, identify signals, and derive actionable metrics for product teams.
Youku is enhancing its mobile app for visually impaired and elderly users by standardizing screen‑reader support, keeping playback controls visible, dynamically showcasing accessible videos, adding audio‑descriptions, and launching an elder‑friendly version, while partnering with research groups and content providers to ensure continuous, high‑quality accessibility improvements.
This article explains the purpose of dark mode, outlines design principles such as layer hierarchy, color contrast, saturation, text opacity, and state representation, and distinguishes dark mode from night mode, providing practical guidelines for creating accessible and visually appealing dark‑theme interfaces.
This case study details how 58.com’s second‑hand car platform aligned product strategy with evolving consumer behavior, dissected user mind differences across key touchpoints, and implemented targeted design improvements on the homepage, filter, list, and detail pages, ultimately exceeding phone‑conversion targets by over 95%.
This article explores the challenges of displaying negative or "less‑is‑better" metrics with progress bars, examines real‑world examples such as remaining storage, countdowns, and expense tracking, and proposes UI patterns like inverted bars, gauges, segmented steps, and clear textual cues to improve user understanding.
This article explains the concept of interaction cost, distinguishes physical and psychological components, introduces frameworks such as Red Route Analysis and Tesler's Law, and provides practical methods for measuring and reducing interaction cost to improve overall usability.
The article explains Gaode Maps’ AR navigation design, detailing how environmental factors, spatial experience, color hierarchy, safety considerations, and competitor insights shape a six‑point design framework, and describes prototype testing, implementation strategies for overlapping alerts, and future prospects such as virtual road barriers and multimodal travel.
This article explores why highlighting key information matters, outlines four main goals, presents five practical design methods such as layout, contrast, radiation effect, visual guidance and prompts, and offers validation techniques like 5‑second tests, click tests, A/B testing and eye‑tracking to ensure effectiveness.
This article explains why AB testing enhances user experience, outlines its end‑to‑end workflow, details configuration, split, and data models, describes a decoupled frontend AB testing architecture with Core and Coupler packages, and shares real case studies demonstrating measurable improvements.
This article explores how understanding and leveraging user emotions—through theories like the SCARF model, emotional value concepts, and behavioral design—can optimize red‑packet collection flows, increase user motivation, and improve overall product experience.
This case study details Baidu Baike's shift from a traditional, authoritative brand to a youthful, video‑centric experience by creating personalized video columns, a 3D animal zoo livestream, and a cohesive visual system that blends game‑like elements, detailed 3D modeling, and scalable container design to engage younger users.
This case study examines how 58 Aunt’s platform leveraged user research, streamlined photo‑capture workflows, introduced incentive‑driven sign‑ins, and optimized push‑notification strategies to improve service quality, increase efficiency, and drive higher user engagement and repeat purchases.
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 article outlines a step‑by‑step methodology for creating “explosive” product landing pages, covering how to uncover product highlights, craft compelling presentations, address user doubts, and continuously refine designs using data, illustrated with detailed case studies of a Wi‑Fi router and AI course offerings.
ByteDance successfully delivered the Spring Festival Gala 2021 project within 27 days, leveraging advanced infrastructure and organizational strategies to handle unprecedented traffic and ensure a seamless user experience.
This article analyzes Baidu Wenku's eight‑year‑old membership business, identifies commercial and user‑centric growth opportunities, redesigns the value framework and transmission channels, and outlines a multi‑stage user‑experience strategy that significantly increased conversion and revenue.
This article explores how designers can leverage psychological value principles—conversion, relational, and external value—to reshape user perception, increase perceived worth, and drive engagement, offering concrete examples, usage scenarios, and step‑by‑step methods for practical application in product design.
This article explores why integrating service design thinking into product design is essential, shares concrete case studies from a moving‑service platform, and outlines practical steps such as focusing on optimization points, getting closer to users, and building a dedicated service design team.
The article details how the C‑end User Mini‑Program for Vivo offline agents was optimized to meet strict performance targets—reducing startup time, white‑screen duration, rendering latency, and memory usage—through code trimming, sub‑packaging, CDN assets, data caching, skeleton screens, and efficient setData handling, achieving faster loads and smoother interaction.
This article explains the distinction between UI and UE, highlights the business value of good user experience, outlines common UX testing methods such as surveys, interviews, crowdsourced testing, and introduces key design frameworks like the honeycomb model, experience pyramid, 5E, and Nielsen’s ten usability heuristics, providing practical test case examples.
This article introduces a behavior‑based captcha solution that replaces traditional text captchas with slide‑puzzle and click‑word challenges, explains its terminology, interaction flow, project directory layout, and provides online demo links for both web and mobile implementations.
This article walks through a three‑stage design process—strategy, framework, and experience—using the 58 Home “Aunt” app as a case study, showing how deep product understanding, service standardization, and user‑focused design can satisfy both business goals and end‑user needs.
This article explores the current state of AI, the evolution of NLP and voice assistants, common pitfalls in AI product development, and practical product‑management methods—including user segmentation, metric design, and lifecycle planning—to help engineers and product managers deliver effective AI‑driven solutions.
This article explains why visual and interaction consistency is crucial for B‑side products, outlines its benefits for users, teams and brands, and provides practical guidelines—including structural, color, and typography consistency—to maintain a cohesive experience across platforms.
This article explains how a platform‑wide approach to search design can improve matching efficiency, enable reusable components across multiple business lines, and provide data‑driven validation to continuously refine user experience within an enterprise setting.
The 2021 WeChat Open Class revealed a clear signal that WeChat Search will become a default way for users to find information, highlighting massive user growth, open ecosystem opportunities for developers, and a strategic shift that could reshape the mobile search market.
This article explains service design as a holistic, user‑centered approach, outlines its six core principles, showcases real‑world cases like Fudoloop, school lunch redesign, and Uber, and demonstrates how service blueprints map front‑stage and back‑stage activities to improve overall user experience.
This article explores loading design by distinguishing system processing time from user‑perceived waiting time, introduces basic and advanced experience dimensions such as feedback clarity, speed perception, continuity, meaning alignment, brand perception and innovation, and demonstrates their application and evaluation through VR loading scenarios.
A detailed case study shows how clarifying user scenarios, simplifying page modules, and enhancing visual hierarchy on a used‑car valuation result page increased high‑quality leads by over 50% and doubled daily revenue.
This article explores how motion, inspired by everyday life and Disney animation principles, shapes interaction design through ten core animation principles—real‑time vs. non‑real‑time, easing, offset, linking, transformation, value changes, masking, cloning, obscuring, parallax, dimension, and push/pull‑scale—to create more natural and engaging user experiences.
This article examines how applying service‑thinking principles to the redesign of an enterprise certification module improved user satisfaction and certification rates, detailing problem analysis, design changes, and the broader impact on product strategy.
This article explains how a lightweight, intuitive design language and an AI‑driven asynchronous interview feature were created to ease candidate anxiety, streamline recruiter workflows, and achieve high user satisfaction across millions of interview sessions.
This case study examines how a Chinese local services platform tackled information asymmetry between providers and users by replacing phone calls with an online appointment system, introducing a prepaid reservation fee, redesigning UI to reduce friction, and using A/B testing to achieve significant conversion improvements.
This article explains what A/B testing is, how designers can use it to resolve conflicting design choices, outlines a step‑by‑step workflow with real‑world examples, discusses its limitations, and shares key findings that improve product experience and conversion rates.
This article explores how abandoning preconceived design habits and focusing on real user scenarios can dramatically improve user experience, illustrated with everyday examples, practical guidelines, and a step‑by‑step approach to scenario‑driven design for product teams.
This article explains scenario‑based design, defining its concept, key elements (who, when, where, what, how), and demonstrates how analyzing user contexts—such as birthday music playlists or travel recommendations—can uncover design opportunities, improve efficiency, and create delightful experiences, illustrated through a detailed case study of resume‑filling workflows on a job platform.
This article explains the core principles of information design—proximity, dynamics, adaptation, emphasis, pre‑placement, direct access, minimal folding, and default guidance—and shows how applying them in backend interfaces improves visibility, efficiency, and user satisfaction.
This article details Youku's comprehensive accessibility overhaul for its mobile client, describing collaboration with blind‑testing experts, deep technical adaptations across Android, iOS, Weex, Flutter and H5, and specific UI improvements that enable visually‑impaired users to navigate and enjoy video content independently.
This article explains what pop‑up dialogs are, distinguishes modal and non‑modal types, provides a three‑dimensional checklist for choosing the right kind, and offers practical design guidelines—including layout, button strategy, timing, copy, input handling, emotional design, and animation—to create effective user experiences.
This article explores how B2B product teams can shift from basic functionality to user‑centric design by applying experience measurement models such as HEART‑GSM, TECH, and CES, building a three‑dimensional role panorama that visualizes tasks, handoff moments, and effort levels to uncover actionable design insights.
This article details Baidu App's emoji panel redesign, covering background, design goals, problem analysis of the original horizontal swipe, the research‑driven design process, evaluation methods, quantitative results, user behavior analysis, and key takeaways for future product improvements.
This article analyzes the recent cash‑payment refusal incident involving senior citizens, presents the Chinese government's response, and shares in‑depth research on elderly users' challenges and expectations with mobile banking, culminating in four actionable design principles to improve accessibility, control, security, and boundary awareness.
The article details JD.com’s 11.11 promotional campaign, explaining how the shift from merchant‑focused pre‑heat to consumer‑focused peak phases drove a unified visual strategy centered on the "interconnect" motif, component consistency, color transitions, and streamlined user experience across online and offline touchpoints.
Discover seven visually impressive Linux distributions—elementary OS, Deepin, Pop!_OS, Manjaro, KDE Neon, Zorin OS, and Nitrux—each described with its design focus, Ubuntu or Debian base, unique desktop environment, and official website for easy exploration.
This case study details how 58心宠, a pet trading platform, identified outdated design, inconsistent branding, and poor information hierarchy, then implemented visual and structural redesigns—including unified colors, larger typography, improved card layouts, and prioritized transaction flow—to enhance user experience and align with the parent company's ecosystem.
This article explains how designers can give UI motion effects texture and realism by mastering time, speed, space, motion tone, and method, while aligning animations with brand identity and using appropriate curves and elastic expressions for natural, engaging user experiences.
In this insightful session, Liu Yao shares his eight‑year design career across Flickr, Uber, Mobike and Duolingo, outlining a practical six‑step product development workflow—from demand discovery to launch—and offers actionable lessons for designers aiming to broaden their impact.
This guide outlines core VR design principles—including performance optimization, comfort, learnability, camera handling, UI placement, interaction feedback, motion safety, and environment setup—to help creators build immersive, user‑friendly virtual experiences while avoiding common pitfalls that cause discomfort or confusion.
A detailed case study shows how moving a cumbersome 100‑plus‑category PC publishing workflow to a mobile app, using psychological, operational, and visual reductions plus smart input tools, dramatically improved form completion rates and overall publishing efficiency.
This case study explores how Tianxing Bank’s virtual banking app redesigns financial digit presentation and input through custom typography, a gesture‑based SmartSlider, and behavior‑driven design principles, achieving enhanced usability, visual harmony, and recognition across mobile platforms.
In this talk, Lin Wai, senior experience design expert at Ant Group, explains how Ant Design 4.0 is built on the fundamental assumption that every person seeks happy work, explores the challenges of mismatched skill‑challenge balance in the digital age, and introduces the ETCG 2.0 methodology that makes design more natural, certain, and growth‑oriented.
The talk explains Ant Design's core assumption that everyone seeks happy work, outlines its four design values, introduces the ETCG 2.0 methodology for consistent component design, and discusses how natural, deterministic interactions can make digital products feel more intuitive and enjoyable.
This article analyzes why the used‑car search conversion is low, reconstructs user search scenarios from query data, categorizes search intents, identifies pain points across the search funnel, and proposes product‑level redesigns and recommendation strategies to educate vague users and deliver more precise results.
This article analyses the current JD app pop‑up experience, identifies motion‑related pain points, and proposes a unified elastic animation system—including timing, curves, and intensity tiers—to improve efficiency, consistency, and brand alignment across various modal and toast dialogs.
This article explains three visualized cognitive‑bias curves—hyperbolic discounting, the peak‑end rule, and the futile curve—and shows how product designers can deliberately use these biases to create more compelling, conversion‑driving experiences across services such as finance, retail, and gaming.
The iQIYI Knowledge team enhanced its audio‑video service by adding floating bars, automatic foreground/background switching, console controls, and a three‑stage start‑up flow that pre‑fetches parameters, unifies player instances, and lazily loads UI, boosting millisecond‑level start‑up speed and overall playback smoothness by several percent.
The article examines how front‑end frameworks can address business scenarios, user experience, development speed, and maintenance cost, offering practical strategies and future trends to quickly launch and sustainably maintain high‑quality products.
This article explains how the six STEPPS principles—Social Currency, Triggers, Emotion, Public, Practical Value, and Stories—can be applied to product design to create compelling, memorable experiences that drive user engagement, word‑of‑mouth promotion, and stronger brand influence.
The article explains how using rich illustrations in mobile apps and product design enhances information delivery and emotional connection, offering concrete examples such as game cards, onboarding guides, splash screens, banners, skins, and default images that lower user friction and increase engagement.
In a 1997 developer conference, Steve Jobs rebuked engineers for flaunting technology, emphasizing that true product breakthroughs come from solving user problems, aligning vision with experience, and supporting teams rather than chasing flashy features.
This article explores the fundamentals and evaluation of recommendation systems, detailing their definition, key performance dimensions such as accuracy, diversity, novelty, serendipity, trust, and real‑time utility, and presents a practical case study from 58.com with reflections on methodology and future improvements.
Tencent Maps' 9.0 upgrade overhauls the search experience by analyzing user behavior, redesigning the search initiation, result comparison, and service delivery phases, implementing UI refinements, modular service cards, and stable navigation, ultimately achieving an 8% increase in conversion and faster destination discovery.
Using a fruit shop analogy, the article explains recall and precision metrics, illustrates their impact on recruitment search, and presents a matrix of design patterns—including cross‑database search, preset search sets, and matching labels—to boost both recall and accuracy while maintaining user experience.
An in‑depth look at how 58’s local‑market live‑stream dating product designs interactive gifts, defines emotional metrics, and creates visual and animation assets—from sketch to 3D—aimed at boosting user engagement and revenue in the under‑served single‑person segment.
This article shares the author's journey from internship to employment at ZCY, highlighting the company's culture, mentorship, and professional growth opportunities.
This case study details the redesign of a membership center, covering project background, user‑driven design thinking, visual language upgrades, reusable component development, and the resulting improvements in user experience, decision efficiency, and paid conversion rates.
This article explores how service‑oriented product design, full‑link user experience, emotional engagement, and coherent brand guidelines can become a core competitive advantage that drives higher conversion rates and fosters lasting relationships between platforms, providers, and users.
This case study details JD.com's strategy to attract price‑sensitive users during the 618 promotion by redefining core metrics, enhancing visual content, implementing interactive front‑end features, and optimizing retention mechanisms, resulting in significant order growth and improved user perception of value.
The article details Ctrip’s Flight Assistant redesign journey, outlining the transition from the 1.0 era’s separate flight‑dynamic and flight‑assistant lines through the integrated 2.0 version to the intelligent, user‑centric 3.0 version, and explains the design strategies, GUCDR model, and three key “secrets” employed to improve usability and information overload.
Four A/B experiments conducted for a 618 sales event reveal that overall horizontal scrolling, coupon‑based benefits, top‑left tags, and square slots each outperform their alternatives in click‑through rates and order generation, offering actionable design guidance for e‑commerce platforms.
This article examines how a simple, four‑element rating system—covering evaluator, object, content, and status—combined with pre‑, during‑, and post‑evaluation strategies can enhance user engagement, improve review quality, and boost conversion rates for local service platforms.
The article explores how the ‘Magic Mine’ platform applied gamification principles—such as themed worlds, daily check‑ins, auctions, and a mining mini‑game—to boost user retention, motivate diverse user groups, and create an engaging, reward‑driven experience within a mobile lifestyle service.
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.
