在视频网站浏览内容时你会发现很多标题都不能完整描述视频信息,有些甚至货不对板。如果想浏览这个视频的大致内容就必须点开查看详情,还得等加载。如果内容不符合想看的预期还得再次回到前一页查看其他内容。
作为当下最火爆的网红茶饮,繁华地段的喜茶店常年需要排长队才能购买。为了提高顾客的消费体验,不再苦等排队,喜茶推出了小程序「喜茶GO」与门店配合接单。用户可以选择线上下单,现下取货。
「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看完就切换到下一个banner的情况,也利于缓解用户在等待广告切换的过程中产生的焦虑情绪。
「QQ音乐」终于开放了一部分VIP歌曲的试听服务。当点进提供试听服务的VIP歌曲时,播放界面会弹出试听片段提示的弹窗并播放试听内容。并且播放进度条会显示正在播放片段的位置,且播放范围内的片段可循环试听和自由选择进度,很方便。
在互联网产品中,进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度,明确自己正在做什么,也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里,这个微交互小细节还挺用心的。
最近有用「爱奇艺」看视频的小可爱们一定都发现了播放器进度条上多出了绿色的波浪曲线。这其实是「爱奇艺」新版本升级上线的「绿镜曲线」功能。这个类似热力值曲线的图,让倍速播放外显。
购买数字专辑越来越为大众所接受,但国内很多的音乐平台并不提供试听功能,所以我们通常都是凭借对歌手的喜爱与歌曲的口碑评论进行「盲买」。Apple Music上所有的专辑和歌曲,都是能够随意点开进行1分钟左右的免费试听的。用户完全可以根据自己的试听感受选择是否买歌,买单曲或是买整专。
司机在用「百度地图」导航时当遇到复杂的岔路口,「百度地图」除了会像正常状态下出现实时语音提示与路线导航,还会弹出拟真的道路场景浮窗。这对于不熟悉道路的司机而言很有帮助,可以更加快速明确方向。浮窗上的文字说明与正在行驶通过路口的时间进度条,还能让司机实时预知时间,让驾驶过程可以更加镇定自若。
很多视频网站都可以通过鼠标悬浮播放器的操作来预览播放进度画面以定位,「QQ音乐」同样可以通过预览歌词播放来对音乐进行定位。左右滑动进度条,播放界面的当前歌词显示也会随之变动。如果你钟爱一首歌的某句词,就可以十分方便的通过歌词预览的操作快速定位歌曲播放。
登录「金拱门」App的帐号时,如果手机验证码输入错误会立马出现「验证码错误,请重新输入」的Toast提示。从用户输入第一个验证码数字起,系统就会对输入内容的正误给出反馈,这样利于用户对输入错误进行及时修正提高登录成功的几率。而不会像很多App一样对验证码没有提前的正误判断,需等到全部信息录入完成登录页面跳转之后才会判断验证码是否正确,导致常常因为验证码输入错误登录失败要重新登录的不好体验。
在爱奇艺的iPad端观看视频时如果想要快进或后退,拖动播放器时屏幕中间会出现视频缩略图可预览进度所在的播放内容。操作的可预知性方便了用户做出正确的选择,很好的提升了产品的易用性与使用效率。这个功能的设计目前只出现在了爱奇艺的iPad端,手机端则仅通过时间进度显示帮助用户预知操作。
延禧攻略开播了~在欢乐追剧的同时,发现爱奇艺的新功能「只看他」让人十分惊喜。顾名思义,「只看他」就是只看你喜欢角色的戏份。对于追剧关注演员多于剧情本身完整性的用户而言,会有「跳看」剧集只看自己喜欢人物或演员戏份的习惯。
QQ音乐的「歌词海报」是典型的情感化设计:为用户提供一个借助歌词分享心情表达情绪的出口。有个常被忽略却体验很棒的细节设计在于,QQ音乐不仅为用户提供了很多高质量背景图片,还能直接通过左右滑动的手势在图片当前页面进行滤镜效果的更换。此外,与iPhone手机的拍照界面一样,在当前图片页进行上下滑动的操作还能呼出滑动模块进行画面明度的调节。
如果不是视频平台的会员,每打开一个视频都要强制性地看一段广告才能观看内容。这样的设计对于没有带着明确观看目的性只想随便逛逛的用户而言,十分浪费时间。其实爱奇艺在首页推荐的视频缩略图里,暗藏了「长按预览」的功能。
国内主流的视频网站目前好像都多只支持横屏观看模式,这对于观看来自短视频软件与直播软件录屏(如抖音、快手)的竖屏内容显得十分不友好。随着用户上传竖屏内容的增多,B站增加了支持视频竖屏全屏播放的功能。特别用心的设计细节还在于:当视频内容为横屏模式播放时,「全屏」按钮的图标为左右方向的箭头;而当视频可竖屏播放时,「全屏」按钮则会显示为上下向的箭头图标。
新版腾讯视频Web首页增加了视频缩略图滚动条快速播放预览的功能。当然不是所有视频都可以在首页这样预览,只有在缩略图左上角带有「小闪电」图标的视频才能使用这个功能。但其他的视频被选中也会有自动播放精彩片段的效果。
作为一款在线协作文档编辑工具,Google Docs(谷歌文档)的设计简洁但易用性很强,从很多小的细节都可以看出团队在产品设计方面的用心。比如,在「格式」选项栏列表可以直接选择编辑文字内容为「小写」「大写」与「首字母大写」三种格式。特别人性化的细节在于,三种格式样式的选项名称在列表里是直接呈现出其对应的样式效果的。