会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

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

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

Bilibili

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

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

细节描述

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

648人评分
收藏 9
分享细节海报

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布3

参与互动,获得铁粉徽章尊享权益 查看详情 >>

{{ moreBtnTxt }}

你可能还爱看

虎嗅做「弹幕」功能和其他App有什么不同?
虎嗅

微交互虎嗅做「弹幕」功能和其他App有什么不同?

猎人 - 戢戢9.0

追剧的时候你会不会喜欢跟弹幕里的人聊天吐泡?因为在遇到让自己兴奋的事物时,我们都渴望与人交流。「虎嗅」很好的抓住了人性中的这一点,模拟弹幕设计中的用户场景,在阅读长篇文章时如...

查看详情

#互动#图标#弹幕

bilibili是如何处罚违规up主的账号的?
Bilibili

设计逻辑bilibili是如何处罚违规up主的账号的?

猎人 - AmberDu小白8.1

bilibili团队会通过在首页主banner栏发布「公告」的形式,来向全站的用户通报违反社区规则被封禁账号的处罚详情。不仅如此,违规情节严重的处罚公告还会以「小喇叭广播」的...

查看详情

#banner#Bilibili#信息呈现

「爱奇艺」是怎样悄悄优化播放体验的?
爱奇艺

交互手势「爱奇艺」是怎样悄悄优化播放体验的?

猎人 - 卷毛0.0

当在使用视频播放软件观看到影片最精彩的片段时刻,有时会想要调整音量或画面亮度以获得更好的观看效果。但调整音量和亮度的控件通常会显示在屏幕中间,挡住画面十分影响观看体验。最新版...

查看详情

#交互手势#情境预判#按钮