《产品经理需要了解的移动交互设计知识》摘要

本文是《产品经理需要了解的移动交互设计知识》PPT的文字摘要版，原作者是支付宝的产品经理 酷拉皮卡，TA的微博、知乎和简书。若侵犯版权，请通知我删除。

移动设备使用特性：

1. 使用环境不稳定；
2. 碎片化操作（使用时间短）;
3. 喧闹的环境;
4. 网络特点：1）流量/WIFI；2）网速慢
5. 持机方式多样：双手、单手；67%右手、33%左手操作；拇指操作最关键，有效触控区。

---

移动设计原则：

1. 内容为先。删除或隐藏不必要内容。
2. 为触摸而设计。自然的交互手势
3. 转换输入方式。减少文本输入，尽量用手势、选择、语音、扫码、自动填入、LBS等方式输入信息。
4. 流畅性。1）操作触电连接的路径短；2）注视点转移路径顺畅，无大幅度跳跃；3）操作后及时反馈。
5. 多触感设计。输入和输出由视觉、听觉、触觉等协作完成，增强真实感。
6. 易学性。帮助提示放在界面中，需要时提供，不是一股脑放在初始页。
7. 为中断而设计。保存用户的操作，减少重复劳动；衔接用户的记忆而不是让用户重新开始。
8. 智能有爱。给用户提供智能高效的、贴心的、惊喜有趣的设计。

---

框架：

1. 产品框架特点一：碎片化操作，框架应浅，核心内容要易被找到；
2. 产品框架特点二：小屏幕视图，不易过多功能入口，核心内容窄而浅，次要内容窄而深。

导航：

1. 标签式：iOS主推在页底，Android常见在顶部。5个以内；主要功能一目了然。
2. 桌面式：每个入口独立，切换需回主页；适合工具类应用；融入其他导航样式，做二级导航。支付宝、360工具、美图
3. 抽屉式：突出内容，弱化导航，常见于信息流产品。知乎、地图
4. 菜单式：突出内容，位于顶部，列表展示，不适合频繁切换功能的产品。
5. 平铺式：层级简单的产品，一个界面完全展示一块内容，多个内容间是平级关系。天气
6. 点聚式：核心功能汇聚成点；比标签式节省空间，更灵活。path

设计细节：

1. 点击区域比按钮本身更大，须大于7*7mm，尽量大于9*9mm
2. 键盘：iOS8种键盘样式；右下角按键自定义；界面载入键盘弹出；滑动界面键盘是否消失。
3. 新老版本兼容：1）新版本切记考虑老版本的兼容性；2）业务逻辑尽量写在服务器而非客户端。

---

多平台适配方案：

• 适配顺序：1）先iOS后Android；2）注意Android应用对back键的适配，使用户使用顺畅。
• 平台规范指南：iOS人机界面指南手册、Android设计指南、jQuery Mobile Web应用程序框架(链接无效)
• Web APP与Native APP对比：

	Web APP	Native APP
开发成本	低，前端开发成员	高，底层适配不同开发语言，多平台开发成员
跨平台	一次开发，跨平台跨终端	跨平台成本高，不同平台规范不同，维护多个版本成本高
适配	适配成本低，主要考虑频幕尺寸和比例	根据不同平台和屏幕尺寸考虑适配
更新	无需下载，迭代容易	迭代周期1个月内，需审核，用户下载、安装、升级
获取成本	主要通过浏览器访问	第一次需下载安装，后期使用成本较低
页面体验	速度较慢，动画不流畅	流畅，支持绚丽效果
权限	调取原生控件权限低；稳定性弱；缓存数据小	支持所有手机特性，稳定性高，利用缓存快速获取资源