This guide explains why AI‑generated interfaces often look generic, introduces the open‑source Impeccable agent skill that supplies design references and anti‑pattern checks, and walks through its core components, slash commands, installation, CLI detection, and real‑world use cases for creating polished, production‑ready UI.
This article evaluates nine AI‑powered prototyping platforms—including UXbot, Uizard, Figma, Pixso, Visily, Framer, Indigo.Design, and Balsamiq—by testing real‑world scenarios, comparing feature sets, workflow integration, and AI capabilities to guide product teams toward the most effective solution.
This article explains how AI large‑language models can automate short user‑feedback classification and extract insights from long interview texts, offering practical prompting tips, fine‑tuning strategies, and Retrieval‑Augmented Generation workflows to make user research faster, more accurate, and less labor‑intensive.
This guide walks through the end‑to‑end process of creating a successful AI product, from discovering real user problems and assessing market fit, through defining a Minimum Viable Intelligent Product, building data‑driven loops, choosing the right models, designing trustworthy UX, and scaling with a sustainable moat.
This article explores how cultural variations influence visual and interaction design, using Hofstede’s six cultural dimensions and real-world examples—from movie posters to university websites and apps—to illustrate how power distance, individualism, achievement orientation, uncertainty avoidance, long‑term orientation, and indulgence affect user experience across regions.
This article explores how to improve notification UX by understanding their dual nature, classifying them by urgency, applying graded design principles, limiting frequency, personalizing delivery, integrating settings into onboarding, and measuring effectiveness with clear metrics to avoid user fatigue.
This guide explains how to capture a visitor's scroll speed with JavaScript, send the data to a PHP backend, and dynamically modify page layout in real time to improve user experience, covering implementation details, performance tips, and privacy considerations.
This guide shows how product managers can redesign a chaotic e‑commerce admin panel by applying a four‑step information‑architecture process—role analysis, navigation hierarchy, global search, and feedback—to boost efficiency, reduce errors, and create a seamless user experience.
An overview of the Fogg Behavior Model explains its three core elements—motivation, ability, and prompt—and demonstrates how designers can apply its principles across marketing, health, and product interfaces to boost user engagement through strategies like scarcity, social influence, and streamlined interactions.
AI technologies are rapidly reshaping the design field by automating repetitive tasks, enabling data‑driven UX, powering generative tools like Figma’s AI features, Adobe Firefly, Midjourney, and AIGC platforms, while also raising new skill and ethical challenges for designers.
The article dispels the myth that front‑end development is simple by outlining common misconceptions, detailing the many technical, design, performance, security, and collaboration challenges involved, and emphasizing its critical role in delivering modern, responsive, and competitive web applications.
This newsletter curates recent frontend news and deep‑dive articles covering the State of JavaScript 2023, large‑model trends, OpenAI's acquisition of Multi, RPA debates, building a modern JS framework, CSS importance, React's diff algorithm, a UX design book, plus practical tips on Taro, MQTT and data‑center interfaces.
The article outlines how 58招聘 B‑side app created a structured achievement badge system—defining types, levels, visual consistency, and thematic categories—to motivate blue‑collar users, enhance perceived value, improve retention, and encourage sharing, with detailed design guidelines and visual examples.
This article explains why user experience is crucial for middle‑platform systems, outlines the unique challenges they face, and provides a practical four‑step framework—including presentation, framework, structure, scope, and strategy layers—to design, implement, and measure effective UX improvements.
This article introduces a weekly design column that showcases four practical case studies—Meituan Waimai’s disease‑info cards, Dingdong’s ingredient & nutrition module, SF Express’s privacy‑protecting ID system, and Bawang Tea’s calorie calculator—demonstrating how thoughtful UI/UX can solve real user problems and inspire designers.
This article explains why designers should conduct demand evaluation, outlines its three key benefits—enhanced business understanding, improved efficiency and influence—and provides a step‑by‑step framework covering the identify, analyze, and confirm stages, complete with practical tools and visual examples.
This article surveys recent frontend developments, including detailed SVG rendering techniques, best‑practice code standards with ESLint, Prettier and Husky, emerging trends such as Next.js‑embedded SQL, Vite’s roadmap and Node.js 21’s Stream API upgrades, plus practical UX guidance for legacy browsers and a glimpse of a leading frontend team.
This article explains why businesses are shifting from ad‑based revenue to tiered paid membership programs, outlines four key benefits such as increased order rates and data‑driven personalization, and details design strategies across the membership lifecycle to attract, retain, and renew high‑value users.
Microsoft’s aggressive bundling of Edge into Windows 11—through default‑browser prompts, Outlook and Teams link handling, widget redirection, and the Windows Copilot‑Edge tie‑in—has sparked widespread criticism, prompting users to adopt workarounds like the open‑source MSEdgeRedirect tool.
The article explains how combining quantitative surveys, qualitative analysis, and user interviews provides comprehensive, multidimensional insights that guide product design, innovation, and continuous improvement of user experience, emphasizing the broader scope of user research beyond simple interviews.
This article walks through a real‑world banking UI case, showing how an interaction designer uses risk classification, the five‑question method, rapid sketching, iterative feedback, and structured reporting to uncover hidden requirements, resolve design conflicts, and ensure robust frontend delivery.
This article explains why interview guides are essential for novice user researchers, outlines the fundamentals of qualitative research, and provides a step‑by‑step framework—including structure, content, and phrasing—to create comprehensive, efficient, and data‑rich interview outlines.
This article explains how to design clear, purposeful message notifications for B2B SaaS cloud tools, covering goals, scenarios, notification flows, UI details, push rules, and best‑practice recommendations to reduce information overload and improve user experience.
This article explains the principles, types, properties, usage scenarios, and design details of common mobile selection and input controls—such as switches, radio buttons, checkboxes, sliders, text fields, steppers, and voice input—to help designers create efficient, intuitive, and elegant user experiences.
58.com’s job‑seeker membership was overhauled through extensive user and competitor research, redesigning benefits, visual branding, and contextual integration, resulting in clearer value, higher conversion rates, and a significant increase in revenue and user satisfaction.
Designing multi‑currency payment experiences requires thoughtful currency display, localized formatting, intuitive selectors, and fallback reference pricing, ensuring users worldwide can see prices in familiar terms, reduce conversion friction, and boost transaction rates, as illustrated by Amazon and AliExpress implementations.
This article explains product architecture as the skeleton of a product, outlines a step‑by‑step design process from business overview to detailed UI considerations, and lists the typical deliverables such as business flow diagrams, product maps, functional charts, and prototype or PRD documents.
This article explains how designers can select appropriate chart types, analyze data relationships and features, enhance visual hierarchy, and apply responsive design techniques to create effective B‑end data visualizations that improve information transmission and user understanding.
This article analyzes 58’s apartment product redesign by examining user demographics, market trends, identified pain points, and the resulting design goals, then details the structural and visual improvements implemented to better convey brand value and help quality‑seeking renters find suitable homes.
This article explains the principles behind timestamp design, compares absolute and relative time formats, discusses granularity levels, and offers practical guidelines for applying timestamps effectively across various product scenarios to improve user perception and business outcomes.
This article explains how interaction designers can identify and manage demand and technical boundaries, use functional specifications to define scope, and balance optimal user experience with project constraints to deliver feasible, high‑quality designs on time.
This article explains the strategic importance of design systems, covering industry trends, survey insights, real‑world case studies, their multi‑level value for companies, design teams and designers, and practical guidance on building and evolving design systems across three development stages.
This article examines how design engineering—rooted in atomic design theory and design tokens—addresses modularity, scalability, and collaboration challenges between designers and front‑end engineers, offering practical workflows, tooling insights, and future directions for consistent, efficient UI production.
This article compares B‑end and C‑end product design priorities, explains their underlying similarities, and presents a detailed case study of the 京象 delivery app where a C‑end promotional activity was integrated into a B‑end product to boost efficiency, conversion and user experience.
This article curates the latest frontend engineering practices, covering WebCodecs video export, a Node.js troubleshooting guide, JavaScript error handling tips, Apple‑style scroll effects, Turbopack performance benchmarks, monorepo strategies, large‑scale system design, and productivity measurement at Google, all aimed at boosting developer expertise.
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.
This article details the design thinking behind the Smart Marketing SaaS platform, explaining the new SCRM concept, core B2B workflows, identified usability issues, and the visual‑style and efficiency improvements implemented across key pages such as the workbench, filter list, and phone bar.
This article explains why measuring a design system is essential, outlines how Baidu's Light Design System built a PATS metric framework through research and four practical steps, and shares real-world results that improved usability, reliability, and overall workflow efficiency.
This article explains how 58 Recruitment’s design team created a consistent brand feel across multiple online hiring events by using user insights, clear positioning, standardized visual principles, and a modular template system that speeds up design, development, and deployment while enhancing user perception.
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 article examines how emerging AI, cloud, and VR technologies reshape human‑machine collaboration, using 58.com’s VR laser capture tool redesign as a case study to illustrate design strategies, usability testing, and practical guidelines for creating intuitive, low‑learning‑curve experiences for novice users.
This article outlines the challenges of turning emerging technologies into market‑ready B2B products and provides a step‑by‑step productization workflow plus practical design strategies to help designers and product teams create effective, user‑focused innovations.
This article explores how applying product thinking, structured analysis, and system design can transform chaotic error‑message handling into a clear, maintainable process, offering practical tools for defining, standardizing, and dynamically configuring error prompts across multiple platforms and scenarios.
This article presents a structured workflow for operational designers, outlining five key formulas—from demand analysis to post‑project review—along with a detailed case study that demonstrates how to apply each step to improve efficiency, alignment with business goals, and design quality.
This article recounts the GDC 2022 talk by LeiHuo UX on the UX design of Naraka: Bladepoint, detailing the game’s core concepts, four development stages, combat simplification, balance adjustments, resurrection redesign, and the surprising impact of its face‑customisation system, all driven by the central "freedom" philosophy.
This case study explains how a UE4‑based visualization tool models building geometry, solar angles, and seasonal lighting to let users remotely assess residential daylight quality, improving decision‑making for families while optimizing performance through asset reduction and Git‑based workflow integration.
This article explains how the Fogg Behavior Model—combining motivation, ability, and trigger—helps designers move beyond costly rewards to create sustainable user conversion through intrinsic and extrinsic incentives, ability‑building, and tailored triggers, illustrated with real‑world product examples.
This article explains the 10,000‑hour rule, outlines four steps of deliberate practice for designers, contrasts it with ordinary repetition, and shares practical tips such as focused copying and thoughtful borrowing to accelerate skill mastery.
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 study uses eye‑tracking to uncover how visual presentation and user cognition affect satisfaction and purchase decisions on a home‑service platform, detailing methodology, key findings such as gaze trajectories, heatmaps, and gaze videos, and offering actionable design optimizations.
This article explains why clear, perceptible information is essential for user experience, outlines how to create strong visual labels and tangible presentation formats, and showcases practical examples from popular apps that illustrate effective information design strategies.
This case study details Baidu App's redesign of default avatars by applying Jungian personality types, creating 12 animal‑based personas, enhancing user identity, boosting community interaction, and ultimately increasing user stickiness and product engagement.
The article explains how the “knowledge curse” hampers testers from empathizing with real users, illustrates common registration‑flow pitfalls through screenshots, and proposes concrete steps—understanding users and bridging the testing‑user gap—to design more user‑centric test cases and improve software usability.
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.
This article examines how data‑driven design decisions across header images, interactive floors, and template optimizations during the 11.11 shopping event dramatically increased click‑through rates, revealing actionable insights for commercial value, user experience, and conversion optimization.
This case study outlines how a cross‑functional design team re‑examined meeting‑room usage, identified low utilization, set clear product goals, implemented shorter reservation slots, room‑grab features, richer room details, and system integrations, resulting in a 26% rise in daily bookings and improved efficiency.
From concept to 3D model, this article details how 58 Home’s new mascot ‘Dun Dun’ was conceived, designed, and animated—covering brand‑value integration, color strategy, brainstorming categories, sketch selection, 3D rendering, scene creation, and interactive animations that bring the character to life within the app.
This article explores subtle yet impactful web form design decisions—including whether to add colons to labels, the optimal label‑field alignment, marking required versus optional fields, using sensible default values, and setting input widths—backed by usability research and practical recommendations for creating efficient, user‑friendly forms.
This case study details the redesign of the ZhiXing membership center, outlining how a new framework, upgraded visual language, and distinctive brand memory points were created to shorten user paths, enhance perceived exclusivity, and strengthen overall brand recognition.
This case study examines how 58 Household Service leveraged platform strategy, user research, and accessibility‑focused UI design to intelligently match domestic workers with merchant orders, detailing the challenges of traditional WeChat‑based coordination, the resulting smart matching solution, and design principles for both caregiver and merchant interfaces.
This article explores how product designers can create lasting user relationships by improving first‑time experiences, boosting retention, and personalizing long‑term interactions through examples like auto‑swipe email handling, Spotify activity feeds, Photoshop action suggestions, Apple Watch notifications, and context‑aware iOS app placement.
This article explains how B‑side (enterprise) product design differs from C‑side (consumer) design in target users, design thinking, scenarios, core value and principles, and provides a step‑by‑step guide for designers to quickly grasp complex B‑side business requirements.
This article explores the concept, benefits, and implementation of skeleton screens as progressive loading placeholders, compares manual and automated generation methods—including puppeteer for web and React Native libraries—then presents a custom DSL-driven, low‑code solution that converts Sketch designs into reusable skeleton code, improving UX and developer efficiency.
This article analyzes 2021 design trends for the Meiyou app, covering bright saturated colors, large rounded cards, light gradients, frosted‑glass effects, warm icon palettes, 3D graphics, data visualization, privacy‑focused features, intelligent interactions, and a life‑like emotional tone.
This article explains why Spotify needed new design principles, how the team collaboratively created the concise rules of relevance, humanity, and consistency, and the impact these principles have on design quality, evaluation standards, and cross‑platform brand unity.
The MEUX Design Day’s Internet User Research session at Peking University showcased expert talks on the fundamentals of user research, strategies for designing age‑friendly products, and multi‑level approaches to user growth, offering valuable insights for product professionals.
This article uses the "Shake JD Beans" mini‑game as a case study to illustrate how thoughtful UI layout, clear guidance, timely feedback, and contextual information can turn a simple sign‑in activity into an engaging experience that drives continuous user participation and higher conversion.
This guide explains why project post‑mortems are essential for designers, outlines a simple review framework, and shares a step‑by‑step case study of creating sticker designs, offering practical tips and reflections to improve future design work.
The article outlines JD’s design of a unified social‑relationship front‑end module, detailing current data‑island problems, user‑value requirements, visual guidelines, functional integration, and simplified friend‑adding flows to boost acquisition, engagement, and conversion across the platform.
This article explains what information architecture is, why it matters, outlines its main structural types, and offers a combined top‑down and bottom‑up approach for designing effective product information frameworks.
This article outlines practical, low‑cost methods for designers to conduct initial usability research and later in‑depth user studies, covering complaint analysis, fan groups, internal testing, expert interviews, data mining, and how to segment users and define research dimensions for growing products.
Learn how effective requirement analysis and clear communication can elevate operational design, with a four‑step framework, real‑world Spring Festival campaign case study, and reflective insights that help designers align user experience with business goals for more efficient, impactful outcomes.
The IXDC 2020 workshop recounted how 58UXD’s Matrix project created a full‑link design system for complex mid‑platform products, detailing the rationale, component library, template automation, cross‑team collaboration, and the practical outcomes that boosted productivity and business impact.
This case study details how extensive merchant research, heat‑map analysis, and a focused redesign of the 58 platform's 商家通 app transformed its layout, consolidated core functions, and introduced real‑time opportunity feeds, ultimately improving usage efficiency, click‑through rates, and merchant order conversion.
This guide explains how to build sign‑in forms that are secure, accessible, and easy to use by leveraging semantic HTML elements, appropriate input attributes, responsive design, password‑visibility toggles, client‑side validation, and real‑user monitoring to reduce abandonment and improve the overall user experience.
This article explains why competitive analysis matters beyond simple price comparison, outlines a goal‑oriented mindset, details how to conduct analysis at different product lifecycle stages, presents a multi‑layered analytical framework, and shows how to turn insights into concrete product improvements.
This guide outlines essential sign‑in form best practices, covering meaningful HTML elements, proper labeling, attribute usage, mobile‑friendly design, accessibility features, password handling, validation, analytics, and real‑time testing, with code examples to help developers create secure, user‑centric login experiences.
This article details a data‑driven redesign of blue‑collar resume forms, revealing user research insights, a fine‑grained industry model, new Q&A‑style templates, and measurable improvements in resume richness and publishing success rates.
This guide outlines how to prepare, conduct, and follow up on design review meetings—covering participant analysis, thorough solution documentation, effective presentation techniques, stakeholder engagement, and post‑review actions—to help designers confidently secure approval and improve project outcomes.
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 explores how integrating game‑design strategies into a community product’s user‑growth system—through clear pathways, internal atmosphere, and material and spiritual incentives—drives user behavior, boosts content creation, and significantly improves retention metrics.
This article details JD Smart Cloud’s 11.11 promotional design process, outlining user‑phase shifts, core visual concepts, multi‑scene continuity, component reuse, and the resulting design guidelines that streamlined the campaign and enhanced brand impact across both online and offline channels.
This article explains the concept, value, and a complete 0‑to‑1 process for creating user personas, covering definitions, key characteristics, research methods, clustering techniques, and practical steps to integrate personas into product design and strategy.
This article shares practical strategies for interaction designers to identify and avoid common pitfalls across project initiation, execution, and closing phases, enabling faster, more reliable launches of time‑sensitive activity projects through early involvement, visual workflow mapping, modular components, and coordinated communication.
This article explains how 58.com’s UX design team created a unified design system—covering standards, core principles, shared assets, and specialized tools—to streamline cross‑business collaboration, reduce redundant work, and accelerate product development across its massive classified‑services platform.
This guide explains why information accessibility matters for billions of users, and provides actionable recommendations for designers on screen‑reader labels, safe color choices, control sizing, readable text, and responsible animation to create inclusive digital experiences.
This case study details how 58.com identified user‑feedback and data‑driven problems in its rental posting process, set clear goals, and implemented visual, workflow, and smart‑form redesigns that lowered barriers, cut publishing time, and increased overall posting success.
This article explains how to create a customized design self‑checklist for Baidu mini‑programs by outlining four practical steps—structuring the checklist, populating content, applying it in daily workflows, and iterating it—while providing concrete examples and visual references to improve interaction design quality.
This article explores core Lawsofux UX principles—such as Hick's Law, Fitts' Law, Gestalt proximity, and the aesthetic‑usability effect—illustrating each with real‑world design case studies to show how thoughtful interaction design improves efficiency, clarity, and user satisfaction in modern interfaces.
A detailed case study reveals how extensive user research uncovered key audience traits, leading to expanded task types, tailored difficulty levels, improved search efficiency, enhanced trust design, and visual upgrades that together boosted engagement and conversion for an online earning platform.
This article details a research‑driven approach to building an emotional gift system for a live‑stream dating platform, covering user emotion indicators, competitor analysis, design language, and a semantic intention library that together enhanced user experience and significantly increased revenue.
This article explains how the 58APP platform identified design‑consistency problems across its many business lines, defined efficiency, quality, and verification goals, built shared interaction and UI component libraries, established data‑driven metrics, and achieved measurable improvements in publishing rates and overall user experience.
Over six months, 58.com revamped the category pages for its rental and home services, introducing clear metrics like connection conversion rate and redesigning navigation to prioritize top services, which resulted in a three‑fold increase in order and contact conversions across both platforms.
This article explains why designers need to understand data, outlines key quantitative and qualitative metrics, and demonstrates how data-driven decisions improved an emoji‑search feature, while emphasizing that intuition remains essential alongside analytics.
This article outlines the strategic redesign of the 58 MicroChat SDK, detailing the middle‑platform concept, current challenges, clear product goals, a systematic design‑research process, visual and code upgrades, and the anticipated benefits for developers and end‑users across dozens of business scenarios.
In this talk, veteran designer Ge Shaocheng shares how data‑driven design, rapid prototyping, and disciplined workflows helped teams at Baidu Nuomi, LinkedIn, Evernote, and JD Cloud&AI create standout products and brand identities, illustrating the balance between finite constraints and infinite value.
This article explains how to build an effective membership system by defining its concept, outlining its business value, and detailing essential design elements such as balanced benefits, clear growth paths, user‑centric scenarios, behavior analysis, and atmospheric branding to sustainably increase user loyalty and profit.
By analyzing user behavior, business constraints, and design shortcomings, the 58.com local service team restructured list pages and filters, modularizing information, tailoring content to user context, and optimizing the UI, resulting in higher engagement, improved conversion metrics, and a scalable design framework.
The article explains how applying quantitative methods to internet design work can give designers stronger voice, improve control, demonstrate real effectiveness, resolve information asymmetry, and guide teams toward data‑driven decisions, ultimately enhancing product outcomes in the post‑information era.
User research studies user behavior to align needs with business goals, helping define target audiences, refine product concepts, and guide design through qualitative and quantitative methods, ensuring solutions match real user habits, motivations, and expectations.
