APP交互设计案例分析—抖音播放主页（中）

我们继续来看看这个内容：APP交互设计案例分析—抖音播放主页。前面给大家简单介绍了抖音用户及场景分析，下面就聊聊交互设计分析维度。
交互设计分析维度

进行上述分析之后，我们完成了交互设计的“背景调研”，但是还有一个更重要的问题就是选取分析的维度。因为交互设计比较杂乱，直接对映入眼帘的每个元素进行分析，容易产生东说一嘴西说一句的问题，最后产出的文档也杂乱无章。那么应该采用什么思路和方法呢？

1.分析框架和布局

框架是一个产品的筋和骨，它是整个产品的基础，当你把所有元素都拆解开来之后，就可以开始更加深入的思考：每个元素存在这里的意义，比如为什么搜索区会在内容区的顶部？为什么搜索区在默认状态下是不展示的，而是需要用户手动向下滑出？为什么在导航栏的右上角放个添加图标？消息列表为什么头像都放左边？头像为何不像QQ那样用圆形？不停地问为什么，你会发现很多细节都值得琢磨。

2.思考其流程与逻辑

当我们拆解完所有的元素后，我们需要开始思考元素与元素之间的关系，将其串联起来就是流程，流程和逻辑就像是产品的心脏和血液，使得每个元素之间完美连接起来。比如这里我看到有一个搜索框，你所需要思考的不仅仅单纯这个控件的样式而已，你真正需要考虑的是用户在使用这个功能的时候需要操作的整个流程有哪些。在这一系列的过程中可能就需要思考怎么优化体验，比如是否可以缩短操作流程、是否可以减少用户的输入内容、怎样能够快速让用户找到搜索结果等等……

3.罗列其状态与规则

状态代表了一个产品的心情和情绪，这里的状态指的是各个元素在不同状态所呈现出来不同的样式。可以大致归纳为：角色、时间、场景。

角色状态是指不同的用户身份所呈现的不同的页面状态，时间状态是指在不同的时间段，页面的展示也并不是一层不变的，场景状态即在不同的场景下，页面状态也会呈现符合当前场景下的展示规则，其类型相对较多，比如没有网络，网络中断，内容被清空，夜间模式与白天模式，手机横屏等等……

这些都是交互设计分析维度的内容，下篇文章会具体的跟大家聊聊抖音的交互设计分析，希望能给大家一点引发，感兴趣的话继续去看看吧！

以上就是“APP交互设计案例分析—抖音播放主页（中）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。