移动产品设计流程 @吴达鲲

移动产品设计流程

用户中心 吴达鲲

—— 如何设计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