体验版本:V 1.8.5
体验机型:iPhone8 (IOS 11.4)
体验环境:wifi
此次体验重点为交互方向与视觉方向,业务逻辑不做分析
由于已经比较成熟
分析会从大的骨架开始,之后细化到每一个部分
文章陆续更新
首先从优先级最高的一级导航开始
1.抖音的一级导航使用的是突出发布视频功能的舵式导航,其他标签以文字呈现,没有使用Icon或是Icon+文字的形式
这里我猜测:
- 使用图文占面积太大且更加繁琐,内容的展示优先级更高,所以弱化导航栏的存在感
2.导航的顺序如图从左至右为:首页-关注-发布-消息-我,且默认停留在首页的tab
这里我分析:
- 抖音是一个内容导向的APP,使用户被内容吸引和使用户创造内容的功能点,不仅非常重要还是最常用的,所以按照拇指法则将优先级最高最常用的tab放在最容易按到的地方,如此横向排序
- 使用户创造内容的前提是先让用户留存,所以打开抖音展示的第一个页面是视屏流的首页,而不是直接进入发布页面
- 想让用户留存除了推荐更多的视频同时也要准确提供用户想看的视频,所以将关注提取到一级导航页面,使用户一步就可以看自己想看的视频,关心自己想关心的人
- 既然抖音是内容导向的APP,是他赖以生存的当然是用户创造的视频内容,将发布区别于别的文字tab做成一个行为号召按钮样式也是为了更加突出发布功能,召唤用户快快点击发布新内容
3.二次点击“首页”和“关注”会刷新当前页面
这里我分析:
- 刷新页面的方式有很多种,但无论哪一种刷新方式,手指位移越小,浏览的沉浸体验越好,在用户来回切换关注和首页的时候,比起位移手指到屏幕中间下拉刷新,在原位置点击刷新的效率一定是更好,浏览的沉浸体验也一定是更好,如果你要说这个功能太隐蔽了,我一般不会二次点击已经点击过的按钮,那么请你摸着良心问自己有没有发现刷抖音的时候总是莫名其妙停不下来看新内容?
4.停留在标签首页时,导航背景变成透明
这里我分析:
- 使导航背景透明是为了最大化展示页面信息,让用户在刷视屏时候沉浸体验更好,如果你要问我为什么关注的视频流不做导航背景透明,那么我也不知道……希望有大神也可以帮我填坑分析一下,我目前猜测是因为目的要区分出未知的探索(其他都是我的个人主页,我的发布,我的关注,我的消息),所以才对导航栏做了这样细节的区分
5.导航栏乃至整个界面都是黑色,导航栏这里的发布却用了艳丽的蓝红色
这里我分析:
- 首先同样是为了更好地沉浸体验,降低界面的存在感,突出视频流中的内容,所以整个界面用了黑色作为环境色,想一想在一些视频网站看视频的时候是不是有一个“关灯模式”,其中的道理也是和这相同的
- 关于艳丽的红蓝搭配则是比较符合抖音的调性“潮,酷,年轻化”,对比某手的纯橙黄色界面,城市里的年轻人更多喜欢抖音这样的配色
- 在黑色背景下,红蓝配也更加吸引用户注意,起了一定的引导作用,更加突出了舵式导航中的发布按钮,这正是合乎设计者的意思
仅仅是一个一级导航栏,竟然在这样多的地方埋下让用户沉浸的毒药,三玖同学看了一下抖音的版本迭代,“修复bug,优化体验”是经常出现的,也由此得知,抖音的的毒并不是偶然。
我个人的分析一定不是面面俱到,所以希望大家可以找我共同讨论。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册