构建信号SIGNAL TO BUILDEnglish站主登录 ↗按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。
Apple 设计的'让位于每个人'层。无障碍 6 维度(视觉/听觉/动作/语言/认知/visionOS)+ 无障碍九大原则(对比度/深色/大文本/不只靠颜色/减少动效/语音控制/VoiceOver/字幕/音频描述)+ App Store 无障碍营养标签评估法 + Mac VoiceOver 加速(contain/combine/ignore + rotor + action)+ 包容性设计(多样性因素/包容性语言/避免刻板印象)+ 隐私(按需请求权限/用途说明/位置按钮/数据保护)+ 文案 Writing(语气/行动导向/错误消息/空状态)+ 从右到左 RTL(文本对齐/数字不翻转/控件翻转/图标本地化)。每条带 Landmarks App 实测案例。
四个小平台合一。watchOS(及时相关·短暂高效·数码表冠核心·3 导航 NavigationSplitView/TabView/NavigationStack·Series 7 三原则·大标题·全屏材质 4 级·Smart Stack 智能堆栈布局·即时控件/Live Activities·表盘 Dial/信息图/列表·全键盘·AOD 始终显示·次要功能控件)/ tvOS(10 原则·内容优先·焦点系统·Top Shelf 5-10 项·避免过度刺激·元数据次要·分页箭头)/ CarPlay(下一代设计系统·模块化仪表·深度品牌定制·SF 可变字体·动态内容区·视图区域安全区·随时间车况自动外观)/ 游戏(核心循环 Action-Reward-Expansion·10 大原则:成为好老师/减少摩擦/调优核心循环/为触控设计/促进参与/后台传输/优化图形/介绍视频/本地化/前沿技术·触控 Touch-See-Hear-Feel·游戏输入虚拟摇杆·自适应布局锚点·Apple Games 应用+Game Center 成就/排行榜/挑战/活动·应用内活动限时回流)。
Apple HIG 全部 63 个 UI 组件的'何时用哪个'决策手册,按 8 大功能组织。菜单与操作(按钮/菜单/上下文菜单/工具栏/弹出·下拉按钮/活动视图/装饰)·选择与输入(文本框/选择器/分段控制/滑块/步进器/开关/颜色图像选取/组合框/虚拟键盘)·界面展示(警告/操作表/视图片 Sheet/弹出视图 Popover/面板/窗口/滚动视图/页面控制)·布局与组织(列表表格/集合/大纲/分栏/标签视图/侧边栏隔壁/框/标签/列视图/锁定视图/展开控制)·导航与搜索(标签栏/侧边栏/搜索栏/路径控制/标记字段)·内容承载(图表/图像/文本/网页视图)·状态指示(进度/活动环/仪表盘/评分)·系统体验(小组件/Live Activities/通知/控件/复杂功能/快捷方式/菜单栏/状态栏/Top Shelf/表盘)。每个组件给定义+何时用+关键 do/don't+跨平台支持。含按钮 Primary/Secondary 解剖图。
iPad 与 Mac 平台的深度设计专项(Will 重组的 iOS/macOS 深读)。Mac vs iPad 本质差异(触控 vs 键鼠·77% 字体缩放·颜色中性·手势映射)+ 三大框架·信息布局 / iPadOS 26 新窗口系统(拖动手柄·工具栏内窗口控件·每文档一窗口·描述性命名)+ 指针(1:1 追踪·液态玻璃高亮盘) / 自适应光标 3 效果(高亮 Highlight/提升 Lift/悬停 Hover)+ 自适应 vs 传统指针(自适应精度·磁性·重新对准)+ 材质形态设计 / 导航(侧边栏↔标签栏自适应·扁平 vs 层级·Push vs Modal·导航设计从核心价值反推) / UX 文案(PACE 框架·VOICE&TONE·语气调制 4 步·4 个提升技巧:删填充词/避重复/以why开头/建词表·Great Alerts·Tips·教用户学会用) / 图表系统(Marks/Axes/Descriptions/Interaction/Color·静态 vs 交互·宏中微三层·多图差异化·固定 vs 动态范围) / 订阅设计(Effortless/Transparent/Engaging·3步61% vs 9步7%) / 模态浮层 / 安全区 / Live Activities·快捷指令·App Clips·Intents·Interactive Snippets·自定义视觉效果(iOS18 SwiftUI)。
Apple Vision Pro / visionOS 空间计算设计全套。眼动输入(注视=识别·隐私不暴露注视点·look to scroll)+ 悬停交互 3 类(立即/延迟/渐变 ramp·两状态切换·锚定元素·避免意外动态)+ 手势(系统手势单/双击/捏合拖动·眼+手组合精度·直接 vs 间接·触觉缺失靠视听补)+ 舒适度科学(前庭系统 vs 视觉冲突致晕·避免头锁内容·0.2Hz 振荡禁区·深度线索冲突重影·内容超一臂远阅读)+ 空间UI布局(60pt 点击区+16pt 间距·同心公式·人体工程学左右优于上下·窗口按内容定宽高)+ 材质(玻璃无明暗模式·深材质分隔浅材质强调·vibrancy)+ 沉浸光谱(共享空间↔调暗↔全空间↔完全沉浸·渐进过渡)+ 空间小组件(Paper vs Glass·距离感知 Default/Simplified·固定物理尺寸·Elevated/Recessed)+ SharePlay(窗口/全空间·并排/环绕/对话三模式)+ 叙事互动(Encounter Dinosaurs)+ 空间音频(随机化·距离感)+ 空间核心策略(关键时刻·原型迭代·互补体验)。
iOS 26 起 Apple 的新视觉语言 Liquid Glass(液态玻璃)全套 + SF Symbols 深化 + 字体光学尺寸 + 色板体系。Liquid Glass:是什么(数字'元材料'·透镜效应 Lensing·凝胶柔性)/ 材质层(高光/阴影/内部发光反馈/聚焦变化)/ 两变体(Regular vs Clear+Clear 三前提)/ 自适应(小控件切浅深·大面板只边缘变灰·滚动边缘 soft/hard)/ 结构(描绘关系·反映导航焦点·提升控件·延伸到边缘)/ 几何同心(固定/胶囊/同心三形状)/ 可读性·染色 Tinting·无障碍 / Icon Composer 图标工作流(单图稿→全平台·六外观模式·分层导出)。SF Symbols:4 渲染模式(单色/分层/调色板/多色)·可变颜色·9 权重 3 比例·变体·绘制动画(Draw On/Off·Magic Replace·摇摆/旋转/呼吸/脉冲/弹跳/缩放)·插值原理·自定义符号。字体:SF/NY/Compact/Mono·光学尺寸 SF Text/Display·可变字体·Dynamic Type 11 文本样式·字距行距·选字(结构/对比/显示vs文本字体)。色板:tint 双模式·灰度 fill/separator/system gray·语义色。
Duolingo 官方文化与产品方法论手册(14 年踩坑沉淀,Luis von Ahn 署名)精华。核心不是价值观口号,而是一套可迁移的「怎么做产品」操作系统:① Take the Long View 长期主义——留存>增长>收入的优先级,押注技术(机器语音先丑后好)、长期招聘(宁缺毋滥/通才/平均任期长)、把吉祥物 Duo 当竞争护城河、通知与广告都卡留存阈值、2022 换线性 Path 牺牲短期 DAU 换真学会;② Raise the Bar 提高标准——卓越是基线不是目标,产品四标准(有用 Useful/直观 Intuitive/愉悦 Delightful/精致 Polished)、做 V1 不做 MVP、Dogfooding 摇一摇上报、对事严格对人友善(对 what 不对 who)、责任到人 Ownership;③ Ship It 快速上线——每周更新+几百个并行实验、Clock Speed 缩短每步间隔、Ruthless Prioritization 砍掉低影响项、99 个烂点子文化、用使命破解「又好又快」矛盾(先过线再排序)、用产品评审 PR(借鉴 code review)给流程定量;④ Show Don't Tell 用结果说话——Numbers Are the Story、TL;DR=结论+证据+行动、原型不要 PPT、好产品无需解释、Disagree and Commit、Trust Battery 信任电量靠成果充;⑤ Make It Fun 让产品有趣——与 TikTok/IG 抢注意力故必须好玩、Committing to the Bit 把一个梗玩到极致、Duo 双面性、愚人节出圈、超级碗 5 秒广告。外加 Green Machine 绿色引擎 6 步工作法(配人→定成功→设边界→做出来+反馈环→紧迫高质执行→放大有效停掉无效)。读者=做游戏化/AI 互动叙事产品的 PM,每节带 Why + Duolingo 真实案例 + 对游戏化 AI 产品的可迁移启发。
Will 的 Figma Make(Figma 内置的「描述需求→AI 生成可运行原型/网页」工具)用法笔记重组,面向做 AI 产品、想快速出原型的 PM。覆盖七大功能模块,每个给「怎么用 + Why + 何时用 + 坑」:①基础(三栏界面=对话/预览/代码;四种喂料=打字/贴 Figma 设计/传图/点击预览定点改)。②写 Prompt 与喂附件的最佳实践(用「用户能力清单」定义产品而非给大类名词;先布局后功能;分步迭代;Auto Layout 让 AI 读懂结构;常见版式更容易一次成功;桌面端更稳;别在 prompt 里写密钥)。③模板 template(把定好规范的文件发布成模板,团队复制 remix;guidelines 锁可改范围;创建/更新/取消发布/使用;约束提示词四例)。④把 Figma 设计库风格带入(导出 Library 为 CSS→在 Make 引用→UI 自动套公司配色字体)。⑤加 Guidelines.md(给 AI 立规矩,通用规则 + 设计系统规则 + 组件级规则;少而精胜过堆上下文)。⑥用代码文件喂料(.tsx/.csv/.json/.html 等四类;真数据生成数据看板;复用 shadcn 等开源组件;真文案排版)+ 一键全站重构成 shadcn/ui 的强约束 prompt。⑦加后端(用一句话接 Supabase,做登录/存数据/密钥安全保存;判定口诀「这东西需要被记住吗」)。⑧发布(一键得 figma.site 网址、绑自定义域名走 TXT+CNAME、传 web 字体、SEO/密码保护等高级项)+ 推 GitHub/下载代码。与 [[ai-ux-experience-design]] 分工:那篇是「用 AI 做体验设计的流程方法论」,本篇是「Figma Make 这一个工具的功能操作手册」;与 [[ai-vibecoding-design-process]] 的 vibecoding 心法互为表里。读者是非技术 PM,术语行内括号解释,每节带 Why 与何时用。
Google Material 3 (M3) 设计系统的核心主张与基础维度提炼,从 Will 的 Notion 设计笔记区(123 篇 .md,12 个分类)综合而成。覆盖:① M3 的灵魂——动态色彩 Dynamic Color(从壁纸/内容提取源色→算法生成 5 关键色→色调调色板 0-100→26 个语义颜色角色 Color Role,实现'个性化+自动深色模式+用户可控对比度'四件事)与底层 HCT 色彩模型(Hue 色相/Chroma 色度/Tone 色调,比 HSL 更贴近人眼);② 颜色角色体系(Primary/Secondary/Tertiary/Error/Surface + Container + On + Variant 命名法,3 档对比度 标准/中/高 对应 3:1 与 7:1);③ Type Scale 字号比例(15 样式 5 大类 Display/Headline/Title/Body/Label,Major Second 1.125 比例,可变字体 4 轴 字重/字级 grade/宽度/光学尺寸);④ Shape 形状(7 级圆角 None→Full + 圆角/切角家族);⑤ Tonal Elevation 色调高度(0-5 级 dp,M3 用色调差异+遮罩替代阴影);⑥ Layout 布局(Window Size Class 窗口尺寸类 Compact<600/Medium600-840/Expanded840-1200/Large/XL,信息密度,48dp 触控目标);⑦ Adaptive 自适应(3 策略 隐藏显示/浮动/重排);⑧ Motion 动效(缓动 emphasized/standard × duration 200-500ms);⑨ Interaction States 交互状态层(hover+8%/focus+10%/press+10%/drag+16% 不透明度叠加);⑩ Accessible 无障碍(WCAG 对比度 3:1/4.5:1)与 ⑪ Content 内容设计(20 条英文 UI 文案规则)。对 PM 的价值:审设计稿时拿它当 checklist(对比度够不够/触控目标够不够大/颜色角色用对没/文案是否句首大写),理解'设计令牌 design token'与'语义化颜色'为何能省协作成本,以及 M3 哪些是可照搬的硬约束(无障碍/触控尺寸)、哪些是可偏离的风格选择(动态色彩/圆角/字号)。与 [[nngroup-visual-design-systems]] 分工:那篇讲'设计系统是什么'的通论(Design System vs Style Guide,采用/调整/自建),本篇讲 Material 3 这一个具体设计系统的内部主张与数值规则。读者=产品经理,术语行内解释,每节带 Why。
Google UX 证书 Course 4-5 的测试迭代环节 + 设计评审。判断设计"完成"的 3 标准 + 高保真迭代(优先改静态 Mockup)+ 设计评审 Design Critique(3 角色 facilitator/presenter/reviewer + 4 步流程 + presenter 5 准备问题 + reviewer 准则"描述问题非给方案"+ 给/收反馈技巧 + 反馈转行动 6 类判断)+ 交付开发 Handoff(edge cases+无障碍规格 + 小公司接力 vs 大公司协作 + Figma handoff/缩略图/权限/查看模式)。面向 PM,对照评审会/需求评审
Google UX 证书 Course 2(构思)+ Course 3(Build Wireframes & Low-Fi Prototypes)。设计构思(目标陈述公式 + HMW + Crazy Eights + 竞品调研 5 步)+ 用户流程图(4 形状:圆形动作/矩形页面/菱形决策/箭头)+ 故事板(4 元素 + 6 格 + 全景 vs 特写两类)+ 保真度概念 + 线框图(纸质→数字 + 倒推练习 + 行业标准画法)+ 信息架构 IA(组织/层级/顺序 + Dan Brown 8 原则 + sitemap 父子结构)+ Figma 入门 + 格式塔原则(相似/接近/共同区域/闭合/连续/对称)+ 低保真原型(Figma 连接 + 纸面原型 5 好处 + 移动优先)。面向 PM,讲清"从想法到可点击草稿"这一段
Google UX 证书 Course 5(视觉设计/Mockup/设计系统)+ 响应式网站。视觉 4 元素(字体/颜色/图标/线条尺寸形状图片)+ 颜色(60-30-10 法则 + 色彩心理 + WCAG 对比 4.5:1 + 色盲/低对比/光敏无障碍)+ 字体层级/易读性 + 图标(操作 vs 补充 + 文字标签 + 品牌)+ 布局(网格/容器/留白)+ 视觉原则(强调/层级/比例/统一与变化 + 格式塔)+ Mockup(静态高保真)+ 设计系统(4 组成 + UI 模式 4 层级 + 5 好处 + Sticker Sheet + Figma 组件/实例 + Material/Polaris/Apple HIG/Fluent/USWDS)+ 响应式(原生 App vs 响应式 Web 优劣 + 汉堡菜单/卡片/轮播/CTA)+ 设计伦理(注意力经济/暗黑模式/边缘群体)。面向 PM
Google UX 证书 2024+ 新增的「用 AI 做 UX」模块全集。T-C-R-E-I 提示词框架(Task/Context/References/Evaluate/Iterate)+ Gemini 辅助:生成用户画像 / 简化设计规范(Material)/ 设计迭代发散 / 改进利益相关者沟通(去术语)/ 写作品集文案与案例研究 / 生成真实占位文案。NotebookLM 文档接地(项目知识库 + 面试准备 + 语音概览)。求职 AI:Career Dreamer + 职业身份陈述 + 可迁移技能 + AI 改简历(基础版+按岗位定制)+ 求职信 + STAR 面试 + Gemini Live 模拟面试。面向 PM,可直接套用的 AI 工作流
Google UX 证书求职板块。跨设备 4C 原则(一致/连续/情境/互补)+ 移动优先 + 为社会公益设计 + 作品集(网站 best practices / 案例研究 7 要素 / 按岗位定制 / website builders)+ 作品集面试展示模板(封面→关于我→项目 Problem-Process-Final-Impact-Learnings→Key Takeaways→FAQ)+ 简历(信息层级/网格/双栏/个人品牌/工具)+ 面试(流程/三重点适应力-热情-学习/白板面试/STAR/看文化不看公司名)+ 职业路径(UX 细分工种/公司类型/自由职业商业计划+找客户/UX 社区/冒名顶替综合症)+ 与工程协作。面向 PM
Google UX Design 专业证书 Course 1《Foundations of UX Design》完整笔记。好 UX 的 4 特性(Usable/Equitable/Enjoyable/Useful)+ 设计师角色谱系(通才/专才/T 型 + 7 工种 + 跨职能协作)+ 入门 4 路径 + 用户中心设计 4 步(理解/明确/设计/评估)+ 无障碍三段进化(通用→包容→公平 + AT 辅助技术)+ 跨平台设计 + 设计思维 5 阶段(共情/定义/构思/原型/测试,逐阶段方法库)+ 设计冲刺 5 天 + sprint brief + 回顾会 + 业务需求(目标+参数)+ UX 研究三类(基础/设计/上线后)+ 6 类研究偏见 + 8 防偏见。面向 PM,附与一堂五步法/需求分析的对照
Google UX 证书 Course 2(共情/定义)+ Course 4(Conduct UX Research)的研究craft全集。访谈 SOP 5 步 + 研究目标/参与者/问题 5 特质 + 共情地图(说想做感受)+ 用户画像 vs 用户档案 + 问题陈述(公式+5W1H)+ 假设陈述(if-then / we believe)+ 价值主张 4 步 + 人因工程(一二战史)+ 设计心理学(颜色/Von Restorff/序列位置/Hick 定律/心理模型/反馈回路 + 伦理)+ 研究计划 7 要素 + 可用性研究(有主持 vs 无主持优缺点 + 前中后最佳实践 + 笔记法)+ 主持人/参与者偏见 + 亲和图分析 + 模式→主题 + 强洞察 5 标准 + 演示 7 技巧。面向 PM,对照一堂调研/用户访谈方法论
Jon Yablonski《Laws of UX》2.0 全套 28 条 UX 定律/心理学效应精华,把认知心理学几十年的实验结论压成 PM 能直接拿去做设计决策的口诀。按底层意图归 6 大簇:①认知负荷(Cognitive Load / Working Memory / Miller's Law 记忆法则 / Chunking 组块 / Tesler's Law 复杂度守恒 / Occam's Razor 奥卡姆剃刀 / Law of Prägnanz 简单优先)——大脑算力有限,要做减法 + 把复杂度从用户身上挪到系统。②决策摩擦(Hick's Law 希克定律 / Choice Overload 选择过载 / Cognitive Bias 认知偏差 / Paradox of Active User 主动用户悖论)——选项越多决策越慢/越焦虑,框架措辞会带偏判断,用户从不看说明书。③格式塔分组(Proximity 邻近 / Similarity 相似 / Common Region 共同区域 / Uniform Connectedness 统一连接 / 闭合/对称/连续)——人脑自动把视觉元素归组,用间距/边框/颜色控制'什么和什么是一组'。④时间感知与动机(Doherty Threshold 多尔蒂阈值 400ms / Flow 心流 / Goal-Gradient 目标梯度 / Zeigarnik 蔡格尼克 / Parkinson's Law 帕金森 / Peak-End Rule 峰终法则 / Serial Position 序列位置)——用户感知的速度/进度/记忆比真实数据更重要。⑤熟悉与韧性(Jakob's Law 雅各布定律 / Mental Model 心智模型 / Postel's Law 波斯特法则)——用户期望你的产品像别家一样工作,接收要宽容发送要保守。⑥注意力与美学(Selective Attention 选择性注意/横幅盲视 / Von Restorff 冯·雷斯托夫隔离效应 / Aesthetic-Usability 美学可用性效应 / Pareto 帕累托 80/20)——突出关键、避开广告样式、好看会让人觉得好用。每条含定义/心理学来源/怎么用/反例/何时用,读者=非技术 PM,术语行内解释,中英对照。用于'下次遇到 X 界面问题该想起哪条定律'的快速召回。
Will 收藏的 102 篇 Medium UX 文章(59 个主题)精华合订,按 7 大簇压成一篇能代替整个收藏夹的笔记。①GenAI/AI UX 模式——21 GenAI UX Patterns(增强vs自动化 / 三档自动化等级 / CoT展示 / 表达模型信心与限制 / guardrails)、七种 AI UI 布局(浮窗/内嵌/无限画布/居中对话/左面板/右面板/网格)、预测式 UX(上下文管理控件)、设计 AI 产品五步框架。②研究与实验方法——A/B 测试五步法(定义成功→找瓶颈→建假设→排优先级→测,含奥巴马竞选 5700 万美元 + 海地赈灾 102 万美元实证)、宏观vs微观vs虚荣指标。③移动与趋势——2026 九大移动趋势(预测式/Zero-UI/Agentic/空间3D/玻璃拟态/微交互/自适应/伦理/无密码)。④包容性/无障碍——11 招(对比度 4.5:1 / 多通道编码 / 表单外置标签 / alt 文本 / 标题层级 / 触摸目标 ≥7-10mm² / 键盘可达),含 Tesco/Virgin 营收实证。⑤信息架构/流程/复杂性——协作框架(中心化→去中心化共享 Commons)、复杂性如何累积(功能膨胀/流程叠加/技术债 + 二八削减 + 复杂度预算)、价值主张画布、全球化≠翻译(雪佛兰 Nova / 达美乐 vs 家乐氏)。⑥公司案例——Airbnb/Calm/Canva/Duolingo/Spotify/Uber/Slack/Gmail 等拆解索引。⑦职业/软技能——2026 三类设计师(块状通才/极深专家/开挂应届)、AI 时代 UX 真本事(克制与判断 > 画 UI)、落地页转化六心理学。面向 AI 产品 PM:Why/何时用/反例 优先。与 [[shape-of-ai-patterns]](AI UX 模式库)、[[ai-ux-interactions]](七种 AI 交互范式)、[[laws-of-ux]](UX 定律)、[[nngroup-ux-principles]](UX 金句)、[[nngroup-information-architecture]]、[[nngroup-persuasive-design]]、[[ux-metrics-roi]] 高度互文,这里只补它们没覆盖的清单/数字/案例,不重写。
Nielsen Norman Group「产品与设计师」知识库 8 篇精华。一句话:产品经理(PM, Product Manager)和用户体验(UX, User Experience)团队天天为「这活到底归谁」内耗,本批资料用一项 372 人调查把分歧量化(发现/用户研究/设计/IA/产品愿景/优先级谁负责,PM 与 UX 各自认知差几十个百分点),再给落地解药。覆盖:①PM 与 UX 对职责认知的实证分歧(用户研究/设计创意/信息架构/产品愿景/竞品/产品宣传/用户之声,每项带 PM 视角 vs UX 视角双百分比)②重叠工作的频率(UX 2.6 / PM 2.4 接近「有时」)、谁和谁重叠、根因(领导力缺失 54%/试图做好事 66%/自认有能力)与负面影响(产品质量/工作满意度/团队形象全降)③协作 vs 重叠的本质区别(责任清晰沟通顺=协作,未沟通就插手=重叠)④PM 角色模型 Archetype(目标/优势/挑战/活动/技能五维 + 设计师每一维该怎么配合)⑤RACI 责任分配矩阵(R 负责/A 最终责任人/C 顾问/I 知情者,何时用怎么用)⑥提升 PM×UX 合作的五大建议(分享意图/协作做发现/互相尊重设计与决策权/接受反馈/共同关注指标)⑦UXer 要像产品领导者一样思考(决策权困境/语言不通/资源紧缩,用关系图+业务语言+战略沟通破局)⑧产品驱动增长 PLG(Product-Led Growth)与 UX 角色(免费增值/免费试用/混合,6 大指标 Time to Value/转化/留存/流失/CAC,UX 7 招助力)⑨产品与 UX 术语表(收益模型/蓝海红海/MVP/产品生命周期/路线图/CLV/CAC/TAM/OKR/功能膨胀/UX 债务等)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Nielsen Norman Group 电子商务 UX 知识库 15 篇精华。围绕购物决策链路重新合并成 8 块:①购物者分型与决策模型——5 类电商购物者(目标明确型/浏览型/研究型/折扣型/一次性)+ 4 类奢侈品购物者(橱窗/造型师/偶尔挥霍/大手笔)、补偿性 vs 非补偿性决策(Compensatory/Noncompensatory:用筛选器 facets 排除 → 用比较表权衡,5–7 个选项是分水岭);②商品列表页 PLP 浏览——传统分页 vs 无限加载 Infinite Loading(<40 件且强筛选才用)vs Show More 按钮,必给商品总数+加载进度(Lululemon 333 件中 40 件)+保存浏览位置 Save the Spot;③类别页 Category Page——传统 vs 混合 Hybrid(教育内容塞进列表页顶部别强制中转)、Bonobos 直达 vs Eddie Bauer 中转;④商品照片 6 准则——大/一致 Consistent/相关 Specific/动态 Dynamic 悬停/情境 Contextual/包容 Inclusive;⑤多变体展示——简单变体(颜色尺寸)单页属性选择器 vs 复杂变体(电视系列)独立页+相似产品模块,Best Buy 系列下拉反例 vs Costco 独立页;⑥比较表 Comparison Table——≤5 项/静态 vs 动态/粘性表头/突出差异/移动端列转标签;⑦信任与全球化——模特多样性 Diverse Models/选模特功能/国际尺码本地+原始尺码/品牌特定尺码表/UGC 评论一键翻译 Translate All/社会责任 Socially Conscious(Toms 每赚3美元捐1)/AR 试妆试家具(精确性决定有用性);⑧奢侈品电商——考虑阶段 Consider 是软肋、稀缺性、价格范围、深度个人联系。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。