快好知 kuaihz

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

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

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

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

视频,刷抖音;

自主拍视频或者挑战榜单。

第一个层面

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

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

Tab改善

原本:首页、关注、拍照、信息、我的;

现在:首页、挑战、信息、我的。

原型稿如下:

首页变化:

隐藏本身首页的搜索/拍照等按钮,将关注、附近、推荐整合到首页,方便浏览,对内容的入口进行统一;

简化原有的底部菜单栏(现在底部菜单栏很不明显),突出显示【挑战】激励用户进行视频拍摄上传,点击【挑战】直接进入这个模板的拍摄界面;

增加菜单收纳,将【我的】、【挑战】、【信息】收纳起来,简化页面的按钮操作,尽可能的减少对视频界面的干扰;

左滑进入【挑战】、【新作品】的入口,方便快速进行视频上传,目前版本点击中间版本会不知道如何选择,上传作品的入口明显化;

右滑进入视频的音乐介绍页,这里可以关注用户并了解更多视频,隐藏掉部分用户的名称等隐私信息,主要突出视频以及音乐,这里可以为以后的音乐交流留下伏笔。

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

附近/关注

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

附近的list进行播放的时候,当前播放的音乐以及用户名同样是可以在底部进行展示,与首页具有统一性;

关注用户的list在顶部增加关注用户端头像,进行关注用户的展示;

保留现有的附近以及关注的展示形式不变,避免太大改动,让用户不适。

第二个层面

上传界面

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

右滑进入拍摄状态;

底部【+】号弹框右上角【开拍】;

顶部左上角的相机。

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

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

删掉原有界面右上角的开拍按钮,并在首页进行【拍摄】前置,进入此界面后,主要是希望用户能够产生更多的新内容,因此榜单等内容展示就是重点,同时调整【上传】入口,方便用户上传旧视频

调整原有的导航分类,让界面更多的去展示音乐列表,引导用户选择音乐,并进行视频拍摄;

在列表中增加【拍摄】按钮,直接点击拍摄;

在上传时增加标签分类,便于后续的视频内容整理和管理,同标签的内容可以做成合集,增加内容的丰富度。

小结

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

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:两个层面分析:抖音的交互设计  交互  交互词条  层面  层面词条  两个  两个词条  分析  分析词条  设计  设计词条  
交互

 11种不同情境的列表设计

本文将分析列表在各种情境的设计方法,以及需要注意的事项。列表常见的使用情境概观:浏览较多的的信息时,列表可以提供一种概观性的的方式来呈现内容。逐一浏览项目:用户...(展开)

交互

 关于触控设备设计的个人总结

自入职以来,一直在做移动端的交互设计,半年多感触最深的便是触屏设备的大规模兴起所带来移动互联网翻天覆地的变化。我们身边随处可见的触屏手机、平板电脑,证明着移动互...(展开)

交互

 机器人对话的交互设计原则

是否需要那么一些原则,使得机器人的对话更为方便呢?本文作者将结合尼尔森的十大交互设计原则,对此做出一些探索。最近接触到了对话机器人的交互领域。机器人自诞生以来就...(展开)