数极客首页

两个层面分析:抖音的交互设计

啤酒小龙虾,抖友是一家!作为一名资深抖友,今天就把咱抖音的交互折腾折腾!

两个层面分析:抖音的交互设计

首先我们罗列出抖音的大部分主体功能:

两个层面分析:抖音的交互设计

从产品层面来看,大家去抖音的一般有两个操作:

  1. 看视频,刷抖音;
  2. 自主拍视频或者挑战榜单。

第一个层面

抖音首页有【推荐】、【附近】两个Tab,推荐的算法据说是采用【今日头条】算法,在播放率和播放时长上进行权重分析。如果在附近被看的次数多播放时间长,就会推荐给更多的类似用户,通过这样的数据分析。若推荐出去之后播放次数和播放时长是增加的,那就会不断良性循环;若播放次数和时长是减少的,则恶心循环至冷藏!

回到话题,基于展示以及内容上传的两个因素,对首页交互进行分析:

两个层面分析:抖音的交互设计

Tab改善

  • 原本:首页、关注、拍照、信息、我的;
  • 现在:首页、挑战、信息、我的。

原型稿如下:

两个层面分析:抖音的交互设计

首页变化:

  1. 隐藏本身首页的搜索/拍照等按钮,将关注、附近、推荐整合到首页,方便浏览,对内容的入口进行统一;
  2. 简化原有的底部菜单栏(现在底部菜单栏很不明显),突出显示【挑战】激励用户进行视频拍摄上传,点击【挑战】直接进入这个模板的拍摄界面;
  3. 增加菜单收纳,将【我的】、【挑战】、【信息】收纳起来,简化页面的按钮操作,尽可能的减少对视频界面的干扰;
  4. 左滑进入【挑战】、【新作品】的入口,方便快速进行视频上传,目前版本点击中间版本会不知道如何选择,上传作品的入口明显化;
  5. 右滑进入视频的音乐介绍页,这里可以关注用户并了解更多视频,隐藏掉部分用户的名称等隐私信息,主要突出视频以及音乐,这里可以为以后的音乐交流留下伏笔。

总结:首页信息尽可能的将界面留给视频展示,将视频浏览入口统一,尽可能明显提示视频上传入口,信息明确化。

附近/关注

介于附近和关注与首页在同一个Tab下,因此借用首页的模式进行优化。

两个层面分析:抖音的交互设计
  1. 附近的list进行播放的时候,当前播放的音乐以及用户名同样是可以在底部进行展示,与首页具有统一性;
  2. 关注用户的list在顶部增加关注用户端头像,进行关注用户的展示;
  3. 保留现有的附近以及关注的展示形式不变,避免太大改动,让用户不适。

第二个层面

上传界面

目前抖音的上传有三个地方:

  1. 右滑进入拍摄状态;
  2. 底部【+】号弹框右上角【开拍】;
  3. 顶部左上角的相机。

三个拍照机制不统一,且内容混乱,拍照以及榜单等等杂糅在一起,因此对此进行改进。

两个层面分析:抖音的交互设计

根据信息罗列,我们可以看到主要操作为上传拍照以及音乐选择,那么问题简单了,更改过后的界面如下图所示:

两个层面分析:抖音的交互设计
  1. 删掉原有界面右上角的开拍按钮,并在首页进行【拍摄】前置,进入此界面后,主要是希望用户能够产生更多的新内容,因此榜单等内容展示就是重点,同时调整【上传】入口,方便用户上传旧视频;
  2. 调整原有的导航分类,让界面更多的去展示音乐列表,引导用户选择音乐,并进行视频拍摄;
  3. 在列表中增加【拍摄】按钮,直接点击拍摄;
  4. 在上传时增加标签分类,便于后续的视频内容整理和管理,同标签的内容可以做成合集,增加内容的丰富度。

小结

关于交互:抖音拍摄环节设置的比较好,只是在流程中的入口以及内容展示上存在混乱的情况,通过梳理内容及操作,可以拥有更好的体验。

但从另一个纬度去理解,抖音的混乱,有自己的风格,并且被用户所接受,如果利用条条框框进行约束,又会让人觉得同质化现象。

两个层面分析:抖音的交互设计

 

本文由 @kyd0311 原创发布。未经许可,禁止转载

题图来自网络

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章