本文是《产品经理需要了解的移动交互设计知识》PPT的文字摘要版，原作者是支付宝的产品经理 酷拉皮卡，TA的微博、知乎和简书。若侵犯版权，请通知我删除。
移动设备使用特性：
- 使用环境不稳定；
- 碎片化操作（使用时间短）;
- 喧闹的环境;
- 网络特点：1）流量/WIFI；2）网速慢
- 持机方式多样：双手、单手；67%右手、33%左手操作；拇指操作最关键，有效触控区。
移动设计原则：
- 内容为先。删除或隐藏不必要内容。
- 为触摸而设计。自然的交互手势
- 转换输入方式。减少文本输入，尽量用手势、选择、语音、扫码、自动填入、LBS等方式输入信息。
- 流畅性。1）操作触电连接的路径短；2）注视点转移路径顺畅，无大幅度跳跃；3）操作后及时反馈。
- 多触感设计。输入和输出由视觉、听觉、触觉等协作完成，增强真实感。
- 易学性。帮助提示放在界面中，需要时提供，不是一股脑放在初始页。
- 为中断而设计。保存用户的操作，减少重复劳动；衔接用户的记忆而不是让用户重新开始。
- 智能有爱。给用户提供智能高效的、贴心的、惊喜有趣的设计。
框架：
- 产品框架特点一：碎片化操作，框架应浅，核心内容要易被找到；
- 产品框架特点二：小屏幕视图，不易过多功能入口，核心内容窄而浅，次要内容窄而深。
导航：
- 标签式：iOS主推在页底，Android常见在顶部。5个以内；主要功能一目了然。
- 桌面式：每个入口独立，切换需回主页；适合工具类应用；融入其他导航样式，做二级导航。支付宝、360工具、美图
- 抽屉式：突出内容，弱化导航，常见于信息流产品。知乎、地图
- 菜单式：突出内容，位于顶部，列表展示，不适合频繁切换功能的产品。
- 平铺式：层级简单的产品，一个界面完全展示一块内容，多个内容间是平级关系。天气
- 点聚式：核心功能汇聚成点；比标签式节省空间，更灵活。path
设计细节：
- 点击区域比按钮本身更大，须大于7*7mm，尽量大于9*9mm
- 键盘：iOS8种键盘样式；右下角按键自定义；界面载入键盘弹出；滑动界面键盘是否消失。
- 新老版本兼容：1）新版本切记考虑老版本的兼容性；2）业务逻辑尽量写在服务器而非客户端。
多平台适配方案：
- 适配顺序：1）先iOS后Android；2）注意Android应用对back键的适配，使用户使用顺畅。
- 平台规范指南：iOS人机界面指南手册、Android设计指南、jQuery Mobile Web应用程序框架(链接无效)
- Web APP与Native APP对比：
| Web APP | Native APP | |
|---|---|---|
| 开发成本 | 低，前端开发成员 | 高，底层适配不同开发语言，多平台开发成员 |
| 跨平台 | 一次开发，跨平台跨终端 | 跨平台成本高，不同平台规范不同，维护多个版本成本高 |
| 适配 | 适配成本低，主要考虑频幕尺寸和比例 | 根据不同平台和屏幕尺寸考虑适配 |
| 更新 | 无需下载，迭代容易 | 迭代周期1个月内，需审核，用户下载、安装、升级 |
| 获取成本 | 主要通过浏览器访问 | 第一次需下载安装，后期使用成本较低 |
| 页面体验 | 速度较慢，动画不流畅 | 流畅，支持绚丽效果 |
| 权限 | 调取原生控件权限低；稳定性弱；缓存数据小 | 支持所有手机特性，稳定性高，利用缓存快速获取资源 |
