Web 页面模块与内容模式 / Social Embed
Social Embed
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 内容与界面语言、Social Icon、Image、Link、Container、Web 界面设计、Media Card、Card Group、Home、Landing Page、Article、Contact / Conversion、Social Proof
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 中 · 辅助
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 场景化 · 中 · 辅助 · 社交
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- ArticleArticle Page应用于
承载一篇完整内容的详情页面,组织标题、正文、辅助信息、相关内容和下一步行动。
- Contact / ConversionContact & Conversion Page应用于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Landing PageLanding Page应用于
围绕单一活动、受众或转化目标组织的独立页面模板。
- Social ProofSocial Proof应用于
通过证据、案例、评价、数据、合作方或透明说明降低用户不确定性的区块。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与界面语言Content & Interface Language应用于
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- ContainerContainer应用于
限制内容宽度、内边距和水平对齐的容器原语。
- ImageImage应用于
Image 如何在界面中被理解、操作或组合?
- LinkLink应用于
Link 如何在界面中被理解、操作或组合?
- Social IconSocial Icon应用于
代表社交网络或外部服务的可点击品牌图标。
- Card GroupCard Group应用于
以一致布局组织多个卡片并表达集合关系的结构
- Media CardMedia Card应用于
结合图片、视频或音频预览、元信息和动作的内容卡片。