会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

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

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

Bilibili

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

我也有新发现 我要投稿

细节描述

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

发表评论 已发布3

你可能还爱看

优酷

微交互在「优酷」追剧时,你有发现这个微交互小彩蛋吗?

猎人 - AmberDu小白0.0

用「优酷」App看视频时,可通过上下滑动屏幕的手势操作来调节音量与屏幕亮度。当调节音量时,屏幕上代表声音的小喇叭图标会出现声波震动并跟随音量变化上下晃动的小动画。通过情感化的...

查看详情

#交互手势#优酷#即时反馈

Bilibili

用户体验2233娘如何帮你快速搞定头像选择困难症?

猎人 - AmberDu小白0.0

注册各种应用的时候,用户名和头像的选择都是让人纠结的问题。小电视家为你贴心的准备了随机头像的解决方案。在「帐号资料」界面,选择头像编辑可以看到「随机」的选项。

查看详情

#Bilibili#人性化#头像

淘宝

设计逻辑「淘宝」购物缺货状态的按钮设计小心机

猎人 - AmberDu小白6.7

在「淘宝」选购商品时,如果所选的产品和型号处于完全缺货的状态,原本的「确定」加入购物车的按钮会变成「提醒掌柜补货」和「找相似」的两个按钮。前者能促进卖家与商家的良性互动,登记...

查看详情

#情境预判#按钮#淘宝