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.
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 article outlines a five‑question framework—strategic, scope, structure, framework, and presentation layers—to help designers organize product information effectively, improve user experience, and align visual design with business goals.
This article reviews the 2019 graduation rental festival design, detailing how cross‑department communication, product‑strategy analysis, keyword extraction, and innovative visual and interactive elements created a compelling campaign that eased housing pressure for graduates while boosting brand influence and user acquisition.
This article explores how frontend engineers at WeDoctor adapt experience design and performance metrics—such as page load time, interactive readiness, and second‑open rate—to the specific needs of the medical industry, detailing analysis methods, integration approaches, and future plans for micro‑frontend governance.
This case study details how a commercial real‑estate listing platform was redesigned to unify visual style, simplify the publishing workflow, consolidate forms, and add smart features, resulting in a 97.6% increase in successful listings and nearly 49% faster publishing time.
This article details a comprehensive redesign of a low‑price e‑commerce channel targeting lower‑tier cities, outlining scenario‑based positioning, design strategies such as amplified benefits, grassroots copy, lively atmosphere, trust building, and measurable improvements in conversion and user perception.
This article presents a series of A/B experiments comparing flat expansion versus collapse, paging swipe, and horizontal swipe layouts, revealing how different UI designs affect revenue, user value, click-through, and conversion rates in e‑commerce venues.
The article presents a flexible fatigue‑control mechanism for Omega’s real‑time user‑reach system that replaces fixed windows with dynamic, user‑scene‑business dimensions and a minimum interval, eliminating duplicate daily messages, dispersing delivery times, maintaining stable 6000‑QPS performance, and paving the way for reusable components and recommendation integration.
This article presents a comprehensive DevOps case study of Bilibili, covering its cultural background, community ecosystem, user‑centric demand management, migration to high‑performance microservices, and the implementation of logging, monitoring, and real‑time data platforms to support rapid, reliable delivery.
This case study details how 58.com’s rental page was redesigned by analyzing user data and UI issues, consolidating modules, optimizing the search flow, and introducing flexible features, resulting in a streamlined layout that improves conversion rates and overall user experience.
This guide walks designers through the essential stages of creating voice user interfaces—exploring environmental constraints, defining interaction devices, mapping user scenarios, handling technical limitations, and applying design rules for triggers, feedback, and conversational flows—to build trustworthy and engaging VUI experiences.
This case study details the comprehensive redesign of an internal video‑conferencing application, covering visual style, color system, information hierarchy, user‑flow improvements, service‑touchpoint mapping, and post‑meeting feedback, ultimately raising user satisfaction by 30% and achieving an 85% five‑star rating.
This article explains the concept of microinteractions, outlines their four essential components—trigger, rules, feedback, and loop/pattern—provides design guidelines for each, and illustrates the ideas with practical case studies from BaseUI, Meitu XiuXiu, and Snapseed, highlighting how thoughtful micro‑interaction design enhances user experience.
This article explains what motion design is, categorizes its types, outlines its benefits for guiding users, reducing wait perception, and adding personality, and offers practical guidelines such as optimal duration and appropriate easing to create effective UI animations.
This article explains what onboarding (new‑user guidance) is, why it matters for reducing friction, outlines seven core design principles, presents six reusable design patterns, and shows how advanced applications like Taobao’s Gold Coin feature apply these concepts to improve retention.
The article announces Ant Design 4.0, outlines its new design specifications, component rewrites, and reduced bundle size, then delves into the underlying philosophy of "happy work" by presenting core design assumptions, value propositions, and the shift from traditional WIMP interfaces toward more natural, proactive user interactions.
The article explains how intentional network latency can curb excessive internet use, cites data showing sales loss per 100 ms delay, and provides practical methods using tools like Crackbook Revival, Charles Proxy, and Network Link Conditioner to introduce controlled delays on desktops, laptops, and mobile devices.
This case study details how 58.com analyzed user demographics and market news products, then applied a three‑step design strategy—seamless reading, semi‑automatic interaction, and KOL‑driven value—to transform its Hot Discussion module into a user‑centric, high‑engagement content experience.
This article explains the Golden Circle principle, shows how starting with "Why" rather than "What" can reshape product design thinking, and offers practical questions and examples for UX designers to uncover core user needs and create more effective solutions.
This guide outlines the most common product manager interview questions, explains why they matter, and provides concise strategies and examples to help candidates demonstrate product thinking, user‑experience insight, metric awareness, and effective documentation skills.
This article explains what usability testing is, why it matters for websites and applications, outlines key evaluation dimensions such as effectiveness, efficiency, engagement, fault tolerance, and learnability, and describes the advantages of conducting systematic usability tests.
This talk explores how SaaS products have progressed from basic functionality to aesthetic appeal and finally to true usability, highlighting the role of Ant Design, rational and emotional user value, and a three‑stage evolution framework for creating products that are both beautiful and genuinely useful.
This article explores how subtle UI design choices—such as streamlined handling of disabled cellular network permissions and context‑aware modal dialogs—can break the homogeneity of mobile apps and significantly improve overall user experience.
This case study explores how 58 leveraged an internet‑based wish‑making program—combining daily and special‑day activities, emotional design, and personalized postcards—to create immersive experiences, strengthen brand identity, and significantly increase user interaction and loyalty across its lower‑tier market.
This article explains why onboarding guides are essential for reducing user learning costs, outlines the content, timing, and presentation methods of effective onboarding, and offers practical tips—such as clear copy, positive feedback, fun elements, brand consistency, and skip options—to create a seamless user experience.
This article examines why well‑intended design solutions often get abandoned, presents a systematic set of guidelines for chat‑list avatars and layout, and demonstrates how practical testing and iterative refinements can turn design concepts into sustainable, user‑friendly product experiences.
This article explains the placebo effect, illustrates dozens of everyday examples—from marathon energy cards to elevator buttons—and shows how designers use similar psychological tricks such as progress bars, skip buttons, and tracking updates to reduce user anxiety and improve product experience.
When a user moves from an anonymous to a logged-in state, maintaining consistent feature‑flag behavior—such as discount eligibility—requires strategies like assigning a persistent visitor ID via cookies to link the two sessions and ensure a seamless experience.
The article explains the Hobson’s choice effect—a seemingly available but effectively forced option—and shows how product designers can leverage this principle to simplify user decisions, using real examples from WeChat Read and Pinduoduo to illustrate effective UI nudges.
Continuity editing rules, originally devised for early 20th‑century cinema, guide smooth transitions between shots, and this article explores how those principles—content, motion, position, and time continuity—inform and improve UI design, from global navigation to animation guidelines in iOS and Material Design.
This case study details how the internal collaboration platform "Meishi" at 58 Group was redesigned through user research, data analysis, visual branding, and service touchpoint upgrades, resulting in improved efficiency, stronger brand perception, and a sustainable experience iteration framework for over 20,000 employees.
This article explains why copywriting is a critical yet overlooked element of product design, outlines Keep’s challenges with inconsistent copy, and presents a three‑principle framework—Accurate, Concise, Friendly—that led to measurable improvements in user experience and retention.
