相似的交互,不同的思考。

北京/UX设计师/3年前/64浏览
相似的交互,不同的思考。

短视频软件功能看起来都一样,但是在一些交互的细节上,采取的方案却有一些差别。而微小的差别背后,代表着差异的思考方式。

在日常生(摸)活(鱼)中,我几乎每天都会花大量时间在社交娱乐类软件上。随着每日在不同软件中反复横跳,我也发现了一些很有意思的点。这类软件由于提供的功能大同小异,界面样式大差不大。但是在一些交互的细节上,采取的方案却有一些差别。而微小的差别背后,代表着差异的思考方式。

01 

B站 vs 抖音

(需要更好的观看效果,公众号搜索设计一个萝卜)

B站:从图中可以看出来,在刷短视频的时候,向右侧滑动,显示的是该视频,然后可以上下滑动查看该作者的其他内容。然后在下方有一个非模态弹窗,显示作者信息以及作者视频(突出显示当前播放视频)。

抖音:在刷短视频的时候,向右侧滑动后,显示该视频的作者主页。突出显示当前播放视频。

其实都是视频流右滑进入作者内容的功能,但是采用不同的交互方式。那么对比下来看,暂不讨论业务诉求,单纯从用户诉求的角度来看,哪种方式更好呢?


以上篇推文中的用户诉求三方面为理论基础来分析,这个案例很明显属于用户的任务诉求。我们需要关注的就是用户的任务流程,以及动机和期望。

02

Instagram vs Tik Tok

Ins:还是短视频(短视频真是杀时间利器啊)。在浏览竖版短视频的时候,打开评论区,模态弹窗从下方弹出。下滑可以浏览更多评论,此时短视频正常播放。如果此时按住弹窗的小白条向上滑,则评论区会占满屏幕此时短视频暂停播放。

抖音:打开评论区,模态弹窗从下方弹出,未占满屏幕。下滑浏览更多评论,短视频正常播放。

从用户角度来看,哪种更好呢?

同样以用户诉求三方面中的任务诉求为理论基础来分析:

1. 任务流程都是相同的。浏览视频-打开评论区-浏览评论区。

2. 用户的动机也相似。评论是社交互动的基础方式。不仅可以与视频内容以及作者产生互动;也可以与浏览视频的其他人进行互动。
3. 用户期望有较大的不同。对于想要与视频内容互动的动机来说,用户的期望是评论的交互操作是高效,不影响视频的浏览;而对于与其他用户进行互动的动机,用户的期望是能够发现认同的评论、讨厌的评论甚至其他人的讨论,并与之互动。

显然Tik Tok考虑到了第一种用户期望;而Ins更进一层,兼顾到了第二种。上滑评论区便可以从浏览视频任务进入到浏览评论任务,暂停播放视频,能够让用户以最大的屏占比对评论区进行操作。专注于浏览评论这一任务。

同时有个细节需要注意。我凭自己记忆,以为是只要进行评论区下滑的操作,评论区自动上滑到占据整个屏幕。但我重新体验了一次发现,并不是这样。只有按住小白条上滑,才能够改变任务流程。

这凸显了设计人员对于细节的专注,以及以用户为中心的原则。如果我们帮助用户做选择:进行下滑操作便被认为需要进行浏览评论任务,从而中止视频播放。那么对于只有第一种期望的用户来说,体验在此时被严重影响。同时不同的用户有不同的期望组合,具有很强的主观性。将操作交给用户,是效率与体验之间的最佳平衡。

在B站iOS端上点击一个视频,然后退出/返回。再打开B站iPad端。iPad端界面右上角会弹窗显示“刚刚在其他设备上播放”的视频,点击按钮即可接着浏览这个视频。经过测试发现,如果浏览的视频没有退出,不会触发这个交互。

03 

Bilibili “隔空续播”


前面正餐吃完了,上个小甜点。分享一个跨设备协同的交互操作。

如果让你就这一交互进行分析,你能说出它好在哪吗?🤔

1
阅读原文
|
Report
|
2
Share
相关推荐
机·智——第十八届上海青年美术大展
Homepage recommendation
内容含视频
Typeface Collection ①
Homepage recommendation
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
假面绮宴 | 心动的王者系列视觉
Homepage recommendation
内容含视频
得物野人30项 | 带上顶配,玩点野的
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in