构建信号SIGNAL TO BUILDEnglish站主登录 ↗按主题浏览已经整理的知识、课程笔记与方法。保留原有正文和出处。
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
Nielsen Norman Group 移动与平板设计知识库 19 篇精华，读者=产品经理、术语行内解释、决策导向。八大主轴：①移动交互物理约束——Fitts 法则(移动时间随距离对数增长、目标越大越好、图标加文字标签扩大点击区、触屏边缘不再是'无限目标')+移动微会话 Microsessions(<15s、占 40%+ 会话、靠通知/小组件/快捷操作/语音助手四法支撑、老年人阈值 22s)。②移动覆盖层与导航——底部弹窗 Bottom Sheets(模态 vs 非模态 vs 可扩展、返回键关闭、明确 X 按钮、不堆叠、仅短暂交互)+覆盖层意外关闭(部分 vs 全屏、误用返回键丢工作、Walmart/Google Maps 反例)+标签 Tabs(页面内 vs 导航、≥2 指示器、一行不堆叠、≤2 词标签、不全大写)+轮播 Carousels(移动只看 3-4 帧、慎自动播放、限 3-4 帧)。③移动表单与录入——移动结账(一键购物车、访客优先、订单摘要置顶展开、键盘类型匹配、开放字段替下拉、拍照识别卡、跨设备 Handoff)+时区选择器(自动定位、按城市字母序、搜索 44% 用城市、73% 知道时区名、GMT 比 UTC 熟 55% vs 34%)+数据表格四任务(查找/比较/查看编辑/批量操作、冻结表头首列、斑马纹、非模态侧栏编辑)。④系统状态三态——指示器 Indicators(被动/上下文)vs 验证 Validations(需操作/上下文)vs 通知 Notifications(全局或上下文/系统触发)。⑤错误消息——三维评分标准(可见性/沟通性/效率性各 4 条、1-4 分、A-D 等级、Craigslist 2.08/Google Flights 3.17/J.Crew 3.67)+设计指南(靠近错误源、多通道冗余、积极语调不怪用户、保留输入)。⑥推送通知五大错误(过早请求权限、不说内容、短时轰炸、无关内容、难关闭；2016 日均 56 条)。⑦上手引导——推送式教程 Push 无效(打断/遗忘/不提升完成率，70 人实验成功率 91% vs 94% 无差异、跳过组觉得更简单 5.49 vs 4.92)，应改拉取式揭示 Pull/上下文帮助。⑧跨设备与物理-数字桥——移动优先对桌面的负面影响(内容分散、移动流量 55%、手风琴在桌面增点击、完整性错觉)+二维码 13 条可用性(给上下文、深链、移动友好页、<15s 用短链、最小 2cm×2cm)+智能手表 6 型交互(接收/参考/记录/控制/沟通/引导，200+ 实例、每 5 美国人 1 人有)+横幅盲视 Banner Blindness(忽略顶部/右栏广告样式、格式塔接近性、热土豆效应)。每节带心法/Why/反例，保留全部触控尺寸与百分比数字。