Download - 移动产品设计流程 @吴达鲲
移动产品设计流程
用户中心 吴达鲲
—— 如何设计APP结构
1绪论
2如何确定APP结构
3常见APP结构
目录
1绪论
2如何确定APP结构
3常见APP结构
好的APP结构
简单、有效率地完成任务
聚合有关联的内容和功能,同时分隔无关联的
通过一致的导航来处理复杂的APP功能和内容
1绪论
2如何确定APP结构
3常见APP结构
如何确定APP结构
What does my app do?
一句话概括大意
功能列表
??? Goldilocks
如何确定APP结构
What does my app do?
Use Case
用例 use cases
用户和系统之间
完成某项任务目标
交互序列
找游戏
主要角色:游戏玩家
系统:17173 APP
前置条件:打开APP,并成功加载对应内容
主要场景:
1.用户打开APP
2.根据某条件进行搜索,或直接查看热门游戏
3.APP展示对应条件的游戏列表
4.用户选择游戏条目
5.APP显示对应游戏条目的内容(Detail)
用例图 Use case diagram
Use Case
角色 actor
关系 Relationship
17173 Game Circle APP V1.0
查看关注游戏
普通用户
17173 Game Circle APP V1.0游戏圈建立者
找游戏
查看我的内容
查看我的游戏
圈
浏览游戏排行
榜
根据关键字搜索
浏览热门游戏
查看游戏圈动
态
查看游戏资讯
查看游戏信息
查看评测、攻略
添加评测、攻
略、评论
Ugc用户
Use case diagram
如何确定APP结构
主要功能 What does my app
do?
用例 Use Case
步骤 Steps
1.清单 Inventory
普通用户
游戏圈建立者
Ugc用户
查看关注游戏
找游戏
查看我的内容
查看游戏圈动
态
添加评测、攻略、评
论
2.优先级 Prioritize
High Med Low
找游戏
查看游戏圈动
态
查看关注游戏
添加评测、攻
略、评论
查看我的内容
3.次序 Sequence
查看关注游戏
找游戏
查看游戏圈动
态
普通用户
4.分解 Decompose
找游戏
浏览游戏排行
榜
根据关键字搜索
浏览热门游戏
查看关注游戏
普通用户
17173 Game Circle APP V1.0游戏圈建立者
找游戏
查看我的内容
查看我的游戏
圈
浏览游戏排行
榜
根据关键字搜索
浏览热门游戏
查看游戏圈动
态
查看游戏资讯
查看游戏信息
查看评测、攻略
添加评测、攻略、评
论
Ugc用户
Use case diagram
广度 Breadth
聚焦 Focus
状态变化 Statefulness
查看关注游戏
普通用户
找游戏
查看我的内容Ugc用户
深度 Depth
关联性 Interconnectedness
1绪论
2如何确定APP结构
3常见APP结构
参考文献
[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