Signal to BuildSIGNAL TO BUILD中文Owner sign in ↗Explore curated knowledge, course notes and methods, with their existing content and sources preserved.
These notes are in Chinese; English translations are not yet available.
Apple HIG 25 个跨组件的'交互流程'设计模式。上手三连(启动 Launching·加载 Loading·引导 Onboarding)/ 数据与输入(数据输入 Entering data·拖放 Drag and drop·撤销重做 Undo·搜索 Searching·数据图表 Charting)/ 反馈与中断(反馈 Feedback·模态 Modality·管理通知)/ 账户设置(账户管理 Managing accounts·设置 Settings·评分评论)/ 内容与媒体(音频·视频·触觉 Haptics·全屏·直播观看 Live-viewing)/ 系统协作(协作分享·文件管理·多任务·打印·训练 Workouts)。每个模式给核心心法+最佳实践+反例+平台差异。组件级用法见 components,这里是'把组件串成流程'。
Nielsen Norman Group『设计模式 Design Patterns』伦理·全球·新兴子集 15 篇精华,主题驱动重组成五大簇。①设计伦理与欺骗模式(Deceptive Patterns/黑暗模式 Dark Patterns,Harry Brignull 2010 提出):5 类手法(阻碍 Obstruction·视觉文字陷阱·反复干扰·情感操控·偷偷预选)+ 妨碍设计 Sludge + 劝导 vs 欺骗的界线(LinkedIn/Booking.com)+ 9 问认知走查;潜入 Sneaking 三型(强制续订 Forced Continuity·隐藏费用 Hidden Costs·偷偷入篮 Sneak into Basket,Spotify/Ticketmaster/Airbnb/GoDaddy/LinkedIn 反例 vs Apple/United 正例);危险 UX(高危操作贴邻无害操作,形状编码 Chapanis B-17 起落架·视觉信号·Fitts 定律拉距离);GDPR/CPRA/亚马逊 Prime 诉讼法律风险。②包容性与自主性(Inclusive Design ≠ Accessibility 无障碍 WCAG ≠ Universal Design 通用设计 三者边界;5 类模式:老年字体/暗模式·全球姓氏·30+ 性别身份·包容筛选·多元插图;用户自主性 Autonomy 三法:定制化 Customization·可扫描性 Scannability·时机与顺序,牛栏 cattle chute 隐喻+有意义默认值)。③全球化跨文化(翻译 Translation vs 本地化 Localization;霍夫斯泰德 Hofstede 6 维度:权力距离/个人vs集体/男性vs女性/不确定性规避/长期vs短期/放纵vs克制;语言切换器 6 技巧·语言 vs 国家切换器·本地语言名 Español/Deutsch;国际尺码本地码+原码+身体维度+品牌特定表;微信支付宝登录;94% 电视观众用手机第二屏;全渠道协作 5 要素之协作 Collaboration+二维码降互动成本)。④新兴交互(VR 十大启发式套用 Oculus Quest;AR 11 人测试三部曲·可发现性·眼镜冲突·AR 不可滥用 gratuitous;GenAI 提示控件 Prompt Controls 4 用途:可发现性/教育灵感/设限/促后续,图标必带标签反例文心一言魔法棒)。⑤UX文案与推荐(长 Long ≥3 段/短 Short 2-3 段/微 Micro <3 句 三档对照;推荐内容 5 准则:个性化置顶·标来源·分类·反馈机制·即时更新;明确区分选项 Explicit vs Implicit Differentiation 比较表+逐步披露+SERP)。读者=产品经理,术语行内解释,决策导向(何时用/怎么选/反例)。
Emily Campbell『Shape of AI』AI 产品 UX 模式库的自包含双语精华(49 个 .md 全读),按可查询的『模式名→解决什么问题→怎么用→案例』结构重组成 7 大类 36 个具体模式 + 1 套总设计指南。七大类:①Wayfinders 导航指引(4 模式:Follow up 追问/Nudges 提示引导/Suggestions 提示建议/Templates 模板)——解决新手面对空白输入框不会用;②Inputs 输入控件(8 模式:Open input 开放输入/Auto Fill 自动填充/Inline action 内联操作/Madlibs 填空式/Remix-Blend 混合重构/Summary 总结/Synthesis 综合/Token layering 分层)——把用户意图+上下文喂给 AI;③Tuners 调整器(8 模式:Filters 过滤器/Parameters 参数/Inpainting 局部修补/Model management 模型管理/Personal voice 个人语音/Primary sources 原始来源/References 引用管理 RAG/Workflows 工作流)——让用户微调或重构结果;④Identifiers 标识符(6 模式:Color scheme 配色紫绿/Symbols 图标✨🔮🤖/Name 名称/Personality 个性/Disclosure 信息披露/Initial CTA 初始号召)——把 AI 跟人工内容区分开;⑤Governors 控制器(9 模式:Citations 引用/Controls 停止继续/Footprints 足迹/Prompt transparency 提示透明/Regenerate 再生成/Sample response 示例响应/Show the work 展示步骤/Token transparency token透明/Variations 变体)——AI 工作时保住用户主导权与可解释;⑥Trust indicators 信任标识(3 模式:Incognito 隐身/Memory 记忆管理/Watermarks 水印 C2PA);⑦Dark matte 隐性模式(3 模式:Data Ownership 数据所有权/Caveat 警示甩锅/Rating 评分)——存疑/损害信任的灰色设计。对做 AI 聊天、互动叙事的 PM:这是一本『下次遇到 X 交互问题查哪个模式』的速查册,侧重 Why/何时用/反例。与 nngroup-ai-ux-design 互补——后者是 NNGroup 的对话式界面研究视角(对话 6 类型/少废话/拟人化/谄媚),本篇是 Shape of AI 的『可复用 UI 模式零件库』视角。