ui component page module type / How It Works
How It Works
用少量步骤说明产品、服务或工具从输入到结果的工作方式。
Key fields
Identity
- Subtype
- 模块
What
- Definition
- 用少量步骤说明产品、服务或工具从输入到结果的工作方式。
Why
- Implementation Goal
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where
- Applicable Context
- Content & Interface Language, Icon, Image, Link, Grid, Web Interface Design, Card Group, Card, Home Page, Landing Page, Pricing Page, Tool Page, Feature & Value Section
How
- Implementation Guidance
- 先确认该模块解决的信息或任务问题，再控制内容密度、阅读顺序和动作优先级；所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much
- Metrics
- 高 · 重要
Lifecycle
- Status
- 启用
Additional content
- Legacy Tags
- 通用 · 高 · 重要 · 内容
Related content
Relationships come from the local knowledge graph and include reverse links.
- Asana Features Workflow StartAsana 功能工作流启动Reverse · Related
Asana 功能页按团队工作阶段和用例呈现能力，并用工作流演示把功能理解连接到开始使用。
- Home PageHomeRelated
面向首次访问和回访用户的站点入口页面，解释站点价值并提供主要探索路径。
- Landing PageLanding PageRelated
围绕单一活动、受众或转化目标组织的独立页面模板。
- Pricing PagePricingRelated
解释方案、价格、差异和购买或联系路径的商业页面。
- Tool PageToolRelated
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Feature & Value SectionFeature & ValueRelated
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- Single Feature Detail单一功能详情Reverse · Related
围绕一个关键能力完成问题、机制、证据和行动的闭环。
- Asana AIAsana AIReverse · Related
将 AI 放入具体工作场景，以结果、示例和安全能力消除抽象感。
- Figma Dev ModeFigma Dev ModeReverse · Related
围绕设计交付给开发者的检查、标注、代码和协作闭环。
- Grammarly AI Writing AssistantGrammarly AI Writing AssistantReverse · Related
从写作问题、生成、改写到语气控制展开单一能力闭环。
- Notion AINotion AIReverse · Related
围绕写作、搜索、总结和知识工作完成单一能力叙事。
- Stripe CheckoutStripe CheckoutReverse · Related
围绕单一能力说明业务结果、集成方式、界面和全球化支持。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Content & Interface Language内容与界面语言Related
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- GridGridRelated
定义容器、列、间隙和阅读宽度等布局基础。
- IconIconRelated
表达操作、对象、状态或方向的视觉符号。
- ImageImageRelated
Image 如何在界面中被理解、操作或组合？
- LinkLinkRelated
Link 如何在界面中被理解、操作或组合？
- CardCardRelated
将相关信息和操作组合成可扫描、可比较的内容容器。
- Card GroupCard GroupRelated
以一致布局组织多个卡片并表达集合关系的结构