*方寸指间*读书笔记

移动设计流程 需求→交互原型→视觉效果图→开发→测试→上线 移动设计原则 简洁 －删除不必要的 －隐藏非核心的 －转移高难度的 －组织要提供的 高效 －避免键盘输入 减少输入：历史记录填充／联想匹配 转化输入方式：选择控件／语音输入／传感器 －提供有效触动 提高点击有效性：扩大点击区域／预留足够间距 增加手势操作 －减少页面跳转 使用抽屉 使用浮层 局部处理 一致 －设计上保持一致 －与平台环境保持一致 －跨平台保持一致 反馈 －为用户的行为操作提供即时反馈 －反馈提示要合理 情感化 －优雅的视觉界面 －幽默的文案风格 －惊喜的互动效果 －贴心的细节处理 移动化 －充分利用手势 －充分利用移动设备 导航设计 常见主导航 －标签式 －抽屉式 －桌面式 －菜单式 －点聚式 常见二级导航 －走马灯 适合模块：相似内容并列展示 视觉暗示：显示上下图文部分内容／添加分页指示器 －列表 适合模块：大量内容展示和分组 配合元素：图标、消息数字提示、（可伸缩）二级列表 －图示 适合模块：以图片为主的内容展示 －分段选项卡 适合模块：对主导航内容的再次分类 加载设计 原则 －让加载时间变得更有价值 －保持用户感受的连续性 类型 －启动页加载 －页面跳转加载：当前页加载／进入页加载 形式 －分步加载：优先加载占用网络资源少的内容，再加载占用网络资源多的内容 －懒加载：用户不断向下查看内容，达到或触发某个点自动加载更多内容 －预加载：提前加载某些内容 －智能加载 隐藏内容：网络好时加载所有内容，网络差时隐藏部分内容 差异处理：网络好时加载高质量内容，网络差时加载低质量内容 －缓存加载：在无网络情况下仍然让用户能看到缓存在本地的有用内容 样式 －状态栏加载：图标提示 －导航栏加载：文案提示 －界面中加载：下拉刷新／懒加载／Toast加载 －工具栏加载：图标提示 引导设计 幻灯片引导 －原则：聚焦 精简 创新 －类型：功能型／故事型 浮层式引导 －原则：明确目标 减少干扰 －类型：非模态浮层 三秒自动消失／模态浮层 需要点击确认 遮罩式引导 －需要有确认或退出按键 嵌入式引导 －类型：局部嵌入／整体嵌入 互动式引导 －类型：手势互动／语音互动 通知设计 原则 －及时传递有效信息，要能引起用户注意，但又不打断当前任务 －能够简单预览通知内容，让用户决断是否立即查看 －如有多条同类消息，合并处理 样式 －通知中心 －顶部横幅 －Alert －Toast －红点或数字标志通知 －状态栏通知 －浮层横条通知 －硬件辅助 控件设计 字体 －样式：IOS默认 平方｜Android默认 中：Droid Serif 英：Roboto －状态：常态／选中／强调／辅助说明／链接 按钮 －状态：常态／点击／禁用／长按 键盘 －类型：数字／电话／url／email 输入框 －默认显示提示文字，光标插入仍然显示，输入文字后消失并显示清除按钮 适配方案 适配缘由 －不同的屏幕尺寸 －横竖屏切换 －不同的硬件性能 适配方案 －屏幕适配：延伸｜缩放｜调距｜截取 －横竖屏切换适配：改变宽高｜转换模式｜增加模块｜锁定转向 －性能适配：降级处理 移动特征 用户 －年龄：年轻用户偏多 －性别：男性用户偏多 －群体：学生和职员用户偏多 －平台：IOS平台追求精致的用户偏多，Android平台追求实惠的用户偏多 －隐私：注重自身隐私安全的用户偏多 －持机方式：单手竖屏持机的用户偏多 －常用手势：点击／双击／拖拽／滑动／晃动／缩放／长按 环境 －碎片化时间 类型：工作／休息／通勤／睡前／运动／徒步／旅行／购物 启示：让用户快速获取信息／记忆操作／显示当前位置 －环境光 启示：自动调节屏幕亮度／增加对比度／设置白天和夜间模式 －不稳定网络 启示：考虑频繁的网络切换场景／为用户节省流量 硬件 －硬件按钮 IOS：返回主界面 Android：返回、返回主界面、菜单 Windows Phone：返回、返回主界面、搜索 －储存空间 考虑缓存清除机制 考虑自动清除 －摄像头 －麦克风与扬声器 －距离传感器 －加速传感器 －GPS与方位传感器 －三轴陀螺仪