案例分享:抖音APP交互设计分析(三)
上篇文章
主要给大家分析了一下短视频的优势,接下来就看看交互设计分析维度。
2.交互设计分析维度
经过以上分析,我们完成了交互设计的背景研究,但另一个更重要的问题是选择分析的维度。由于交互设计相对混乱,直接分析每个元素,容易产生问题,最终输出的文档也混乱。那么,我们应该采取什么想法和方法呢?
1.分析框架和布局
框架是一个产品的肌腱和骨骼,它是整个产品的基础。当你拆卸所有的元素时,你可以开始更深入地思考:每个元素都存在于这里,比如为什么搜索区域在内容区域的顶部?为什么搜索区域不显示在默认状态下,而是需要用户手动滑出?为什么要在导航栏的右上角放一个添加图标?为什么所有的头像都放在左边?为什么头像不像QQ那么圆?不断地问为什么,你会发现很多细节都值得思考。
2.思考其过程和逻辑
当我们拆卸所有元素时,我们需要开始思考元素和元素之间的关系,这就是过程。过程和逻辑就像产品的心脏和血液,使每个元素完美地连接起来。例如,我在这里看到了一个搜索框,你需要考虑的不仅仅是控制器的风格,还有用户在使用该功能时需要操作的整个过程。在这一系列的过程中,你可能需要考虑如何优化体验,比如是否可以缩短操作过程,是否可以减少用户的输入内容,如何快速找到搜索结果等等。
3.列出其状态和规则
状态代表产品的情绪,这里的状态指的是不同状态下不同元素呈现的不同风格。大致可以概括为:角色、时间、场景。
角色状态是指不同用户身份呈现的不同页面状态。时间状态是指页面的显示在不同的时间段不是一层不变的。场景状态是指在不同的场景下,页面状态也会符合当前场景下的显示规则,类型相对较多,如无网络、网络中断、内容清空、夜间模式和白天模式、手机横屏等。
交互设计分析维度讲完了,下篇文章继续详细的分析一下抖音的交互设计,大家可以去看看。
以上就是“案例分享:抖音APP交互设计分析(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

经过以上分析,我们完成了交互设计的背景研究,但另一个更重要的问题是选择分析的维度。由于交互设计相对混乱,直接分析每个元素,容易产生问题,最终输出的文档也混乱。那么,我们应该采取什么想法和方法呢?
1.分析框架和布局
框架是一个产品的肌腱和骨骼,它是整个产品的基础。当你拆卸所有的元素时,你可以开始更深入地思考:每个元素都存在于这里,比如为什么搜索区域在内容区域的顶部?为什么搜索区域不显示在默认状态下,而是需要用户手动滑出?为什么要在导航栏的右上角放一个添加图标?为什么所有的头像都放在左边?为什么头像不像QQ那么圆?不断地问为什么,你会发现很多细节都值得思考。
2.思考其过程和逻辑
当我们拆卸所有元素时,我们需要开始思考元素和元素之间的关系,这就是过程。过程和逻辑就像产品的心脏和血液,使每个元素完美地连接起来。例如,我在这里看到了一个搜索框,你需要考虑的不仅仅是控制器的风格,还有用户在使用该功能时需要操作的整个过程。在这一系列的过程中,你可能需要考虑如何优化体验,比如是否可以缩短操作过程,是否可以减少用户的输入内容,如何快速找到搜索结果等等。
3.列出其状态和规则
状态代表产品的情绪,这里的状态指的是不同状态下不同元素呈现的不同风格。大致可以概括为:角色、时间、场景。
角色状态是指不同用户身份呈现的不同页面状态。时间状态是指页面的显示在不同的时间段不是一层不变的。场景状态是指在不同的场景下,页面状态也会符合当前场景下的显示规则,类型相对较多,如无网络、网络中断、内容清空、夜间模式和白天模式、手机横屏等。
交互设计分析维度讲完了,下篇文章继续详细的分析一下抖音的交互设计,大家可以去看看。
以上就是“案例分享:抖音APP交互设计分析(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。