1. 移动产品设计流程
—— 如何设计APP结构
用户中心
吴达鲲

2. 目录
1 绪论
2 如何确定APP结构
3 常见APP结构

3. 1 绪论
2 如何确定APP结构
3 常见APP结构

6. 好的APP结构

简单、有效率地完成任务

聚合有关联的内容和功能，同时分隔无关联的

通过一致的导航来处理复杂的APP功能和内容

7. 1 绪论
2 如何确定APP结构
3 常见APP结构

8. 如何确定APP结构
 What does my app do?

9. 一句话概括大意
？？？
功能列表
Goldilocks

10. 如何确定APP结构
 What does my app do?
 Use Case

11. 用例 use cases
用户和系统之间
完成某项任务目标
交互序列

12. 找游戏
主要角色：游戏玩家
系统：17173 APP
前置条件：打开APP，并成功加载对应内容
主要场景：
1.用户打开APP
2.根据某条件进行搜索，或直接查看热门游戏
3.APP展示对应条件的游戏列表
4.用户选择游戏条目
5.APP显示对应游戏条目的内容（Detail）

13. 用例图 Use case diagram
关系 Relationship
角色 actor
Use
Case

14. 17173 Game Circle APP
V1.0

15. 查看关注
游戏
普通用户
找游戏
Ugc用户
查看我
的内容
浏览游
戏排行
榜
查看游
戏资讯
查看游
戏信息
根据关键
字搜索
浏览热门
游戏
查看游
戏圈动
态
添加评
测、攻
略、评论
查看我
的游戏
圈
游戏圈建立者
查看评
测、攻略
17173 Game Circle APP V1.0
Use case diagram

16. 如何确定APP结构
 主要功能 What does my app
do?
 用例 Use Case
 步骤 Steps

17. 1.清单 Inventory
查看我
的内容
查看关注
游戏
普通用户
Ugc用户
游戏圈建立者
找游戏
添加评测、
攻略、评
论
查看游
戏圈动
态

18. 2.优先级 Prioritize
High
找游戏
Med
Low
查看关注
游戏
查看我
的内容
查看游
戏圈动
态
添加评
测、攻
略、评论

19. 3.次序 Sequence
查看关注
游戏
查看游
戏圈动
态
普通用户
找游戏

20. 4.分解 Decompose
浏览游
戏排行
榜
找游戏
根据关键
字搜索
浏览热门
游戏

21. 查看关注
游戏
普通用户
找游戏
Ugc用户
查看我
的内容
浏览游
戏排行
榜
查看游
戏资讯
查看游
戏信息
根据关键
字搜索
浏览热门
游戏
查看游
戏圈动
态
添加评测、
攻略、评
论
查看我
的游戏
圈
游戏圈建立者
查看评测、
攻略
17173 Game Circle APP V1.0
Use case diagram

22. 广度 Breadth

23. 聚焦 Focus

24. 状态变化 Statefulness
查看关注
游戏
普通用户
找游戏
Ugc用户
查看我
的内容

25. 深度 Depth

26. 关联性 Interconnectedness

27. 1 绪论
2 如何确定APP结构
3 常见APP结构

28. 参考文献
[1]Theresa.Neil《移劢应用UI设计模式》，2013
[2]Josh.Clark《触劢人心》，2011
[3] Jens Nagel, Richard Fulcher . “Google I/O 2013 - Structure in Android App Design”
. 2013
[4] Google Plus #ADIA . “Android Design In Action”. 2013