用户体验B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?

产品: Bilibili猎人: AmberDu小白作者: Bilibili团队观众: 1.7w人 时间: 2018-06-29

Bilibili

与「Bilibili」有关的细节还有 176查看全部

我也有新发现 我要投稿
B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?B站的视频「全屏播放」按钮,为什么会显示两种不同的图标样式?

细节描述

AmberDu小白: 国内主流的视频网站目前好像都多只支持横屏观看模式,这对于观看来自短视频软件与直播软件录屏(如抖音、快手)的竖屏内容显得十分不友好。随着用户上传竖屏内容的增多,B站增加了支持视频竖屏全屏播放的功能。特别用心的设计细节还在于:当视频内容为横屏模式播放时,「全屏」按钮的图标为左右方向的箭头;而当视频可竖屏播放时,「全屏」按钮则会显示为上下向的箭头图标。按钮图标的差异化设计让用户可根据图标提前预知按钮操作的结果,支持横屏竖屏多方向视频模式播放的功能让产品更加易用而友好。

658人评分
收藏 8
分享细节海报

发表评论 为下方 3 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

关于「微信」 长按消息交互的一些优化细节思考
微信

用户体验关于「微信」 长按消息交互的一些优化细节思考

猎人 - 闪电猪猪侠10.0

之前「微信」的iOS版本在我们长按消息之后,仅显示一排横向的纯文字Popup(左图),需要左右翻页才能看到所有操作,不仔细会容易点错,且隐藏在下一页的操作给不常长按消息的用户...

查看详情

#交互手势#信息呈现#微信

bilibili带着晨光和美味,和你说早安~
Bilibili

设计彩蛋bilibili带着晨光和美味,和你说早安~

猎人 - AmberDu小白9.6

bilibili首部自制的早餐纪录片「第一餐」于9月上线,聚焦全国各地独特的早餐文化,以诙谐风趣的讲述方式展现属于中国的晨起之味。纪录片在视频播放界面的进度条图标上也花了小心...

查看详情

#Bilibili#图标#情感化设计

「手机淘宝」新改版商品颜色图显示,让买买买更高效
淘宝

信息呈现「手机淘宝」新改版商品颜色图显示,让买买买更高效

猎人 - 桃子0.0

「淘宝」App在下单选择商品颜色时,新改版了较大的展示图并配有缩放icon,有利于引导用户直接查看商品颜色图,不用在冗余的商品详情内一直下拉。之前旧版是需要选择颜色后等主图自...

查看详情

#信息呈现#易用性#淘宝