NNGroup 移动与平板设计(19 篇 · 触控物理/拇指区 Fitts/微会话 15s/底部弹窗/覆盖层误关/标签轮播/移动表单结账/时区选择/数据表格/系统状态三态/错误消息评分/推送5错/上手教程无效/响应式内容分散/二维码13条/智能手表6型/横幅盲视)
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/反例,保留全部触控尺寸与百分比数字。