The article explains how AI agents transform product design, breaks down the four core modules—Planner, Memory, Actor, and Tools—illustrates their collaboration with a market‑analysis case study, and offers practical design guidelines and common pitfalls for product managers entering the AIGC era.
The article lists common “anti‑patterns” in schematic design—such as chaotic layouts, meaningless naming, missing annotations, hidden connections, and version chaos—explains why they hinder maintenance, and then provides concrete best‑practice guidelines to create clear, modular, and well‑documented schematics.
This guide explains the key component, page, window, and mouse pointer properties in UI design, covering scroll settings, opacity handling, naming conventions for objects and attributes, and best practices for consistent, case‑insensitive usage across dynamic panels.
This article explains the purpose of solder mask bridges, compares removal versus retention strategies, examines manufacturing capabilities of CCD and LDI exposure, shows how bridge width affects reliability, and offers practical design recommendations to avoid bridge breakage and solder shorts on PCBs.
This guide outlines comprehensive database testing practices, covering relational and non‑relational types, CRUD validation, index and view checks, empty‑database scenarios, data integrity, design principles, stress testing, and detailed SQL optimization techniques with concrete examples and code snippets.
This guide explores essential Wear OS design principles—adhering to Material Design, focusing on key tasks, leveraging device collaboration, supporting offline use—while detailing gestures, visual styling, core components, watch faces, complications, tiles, ongoing activities, and ambient mode to help developers create efficient, user‑friendly smartwatch experiences.
This article explains how Baidu's iCaiGou B2B platform redesigned its tag system—covering tag purposes, classification, weighting, visual style, color, typography, and collaborative processes—to improve user decision‑making and maintain a consistent product experience.
This article explains what UI design adaptation is, why it’s essential for consistent mobile experiences, introduces key concepts such as logical and physical resolution, and details practical methods—including fixed‑size and responsive techniques—to streamline design work across diverse screen sizes.
Apple VisionOS introduces a spatial UI with circular icons, 3D layered graphics, frosted‑glass surfaces, dynamic lighting, and enhanced text readability, offering designers fresh guidelines for immersive and intuitive mixed‑reality experiences.
This article explains how to create senior‑friendly banking mobile applications by following the "Mobile App Elderly Design Specification", covering entry design, perceptibility, operability, understandability, compatibility, and security, and provides concrete examples from major Chinese banks.
This article explains the classification of mobile navigation into global, instant, and hybrid types, describes six basic navigation patterns and two emerging hybrid patterns, and provides design guidelines and real‑world examples for selecting and combining navigation modes in mobile apps.
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.
This whitepaper introduces AntV’s AVA framework for insight presentation, explains the concept of visualizing data insights, outlines design principles and standards for insight display, describes various presentation forms, and provides frontend technical solutions—including enhanced chart marks and independent insight cards—to efficiently deliver actionable visual analysis.
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 guide walks you through six practical steps—from choosing the right chart style and fonts to defining colors, element details, and decorative touches—so you can create tailored, professional charts that fit any business or reporting context.
This article shares a systematic design research approach and practical guidelines that help B2B tool teams identify low self‑service rates, apply targeted UX solutions, and validate improvements, ultimately raising user self‑service adoption from near zero to nearly 80 percent.
This article explores how age‑related changes in the eye—such as lens yellowing, reduced pupil size, and altered cone distribution—affect light and colour perception, and provides practical design recommendations for creating elder‑friendly interfaces and colour schemes.
This study investigates the challenges elderly users face when buying medicine on the Ele.me app, conducts usability testing with eight senior participants, identifies visual, cognitive, and interaction barriers, and proposes three design strategies—visual adaptation, what‑you‑see‑is‑what‑you‑get, and minimalism—to create an age‑friendly experience.
This article explains why well‑crafted prompt copy—concise, clear, brand‑aligned micro‑text in dialogs, buttons and search fields—significantly improves usability, builds empathy and trust, and drives higher user participation, while also outlining the pitfalls of vague or overly verbose copy.
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 article explains how standardized design guidelines, size and typography rules, consistent spacing, and reusable component libraries can dramatically improve design quality, accelerate production, and enhance team collaboration for mobile product operations, turning repetitive tasks into quantifiable value.
This guide explains how Tencent’s car‑embedded mini‑programs address the unique constraints of in‑vehicle infotainment by outlining experience highlights, design principles, interaction rules, visual standards, implementation steps, and future outlook for creating safe, efficient, and user‑friendly automotive interfaces.
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 article explains why a design system is essential for large‑scale mobile products, outlines the preparation steps, details how to create and organize components, and offers guidance on rolling out, maintaining, and avoiding common pitfalls to keep development efficient and collaborative.
This guide explains why UI design specifications are essential for product consistency, outlines the benefits for designers, developers, and newcomers, and provides a step‑by‑step process—from defining design principles and base guidelines to creating component libraries and iterating the system over time.
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 guide shares practical color‑selection strategies for app design, covering primary brand colors, harmonious palettes, complementary and split‑complementary schemes, gradient usage, and accessibility considerations to help designers create visually appealing and user‑friendly interfaces.
This article explores the fundamentals of navigation bar design for mobile apps, covering component structure, why traditional bars need redefinition for financial products, layout rules for left/right actions and titles, and guidelines for fixed top bars to improve usability while maintaining visual consistency.
This article examines common issues with registration and login prompt designs—misuse of dialog boxes, unclear messaging, and inconsistent styling—then proposes a unified, scenario‑driven style guide that distinguishes front‑end and back‑end prompts, improves consistency, accuracy, and user flow efficiency.
The article explores how front‑end typography standards—covering base font size, font‑scale formulas, and line‑height rules—can be derived from visual ergonomics, mathematical ratios, and practical engineering constraints, ultimately recommending 16 px as the optimal base size and a line‑height of font‑size + 8.
This article explains what a mobile interaction draft should contain, how to structure it based on product information architecture, design each page with clear guidelines, apply a grid system for alignment, write readable design notes, and offers practical tips for creating effective documentation.
This article explains what augmented reality (AR) is, how recent breakthroughs like Pokemon Go have popularized it, and outlines three practical ways brands can leverage AR—guidance, design visualization, and training—while offering concrete design guidelines for creating effective AR applications.
This article provides comprehensive iPhone X UI design guidelines, covering screen dimensions, safe‑area layout, status‑bar adjustments, home‑indicator considerations, color gamut updates, Face ID integration, custom keyboard rules, larger navigation bars, and resources for designers and developers.
The article outlines five crucial steps for visual designers to collaborate effectively with front‑end engineers, covering environment familiarity, design system creation, proper asset slicing, clear annotation, and pixel‑perfect testing to ensure seamless implementation and reduce miscommunication.
This article outlines a practical framework for crafting mobile onboarding experiences, distinguishing explanatory and actionable elements, and shows how to integrate them to guide users from first contact to core product value, ultimately boosting engagement and conversion.
This article explains how well‑crafted design specifications improve multi‑designer collaboration, reduce development redundancy, and preserve brand identity across product iterations, while also highlighting common pitfalls and offering a step‑by‑step guide to building an effective design system for newcomers.
This article explains the three main app technology frameworks—Native, Web, and Hybrid—detailing their characteristics, how designers can choose the appropriate framework based on product features and timelines, and offers practical design guidelines for Hybrid apps, including image rendering, motion, compatibility, interaction, and loading strategies.
This comprehensive guide walks UI designers through the entire iOS app design process—covering project initiation, Photoshop workflow, screen sizing, annotation best practices, slice export, naming conventions, and asset specifications—offering practical tips to streamline collaboration with developers.
This article examines Material Design’s 18 essential UI elements—buttons, dialogs, tabs, snackbars, and more—explaining their variations, usage guidelines, and the design principles of visibility and consistency that help creators build cohesive, user‑friendly interfaces.
This article examines the benefits and hidden pitfalls of using icons in graphical user interfaces, explains why many icons are ambiguous, and offers practical guidelines—such as adding visible text, considering relative size, and testing recognizability—to create clear, space‑efficient, and user‑friendly icon designs.
This article outlines six core iOS UI design standards—controls, layout, modal scenarios, gesture interactions, animations, and typography—providing practical sizing, spacing, and interaction recommendations for designers seeking to create consistent and user‑friendly mobile experiences.
