软件教程

「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看完就切换到下一个banner的情况,也利于缓解用户在等待广告切换的过程中产生的焦虑情绪。从很微小的细节,提升了用户体验。

2020-07-12
软件教程

在视频网站浏览内容时你会发现很多标题都不能完整描述视频信息,有些甚至货不对板。如果想浏览这个视频的大致内容就必须点开查看详情,还得等加载。如果内容不符合想看的预期还得再次回到前一页查看其他内容。这其实无形中增加了用户的操作成本。「Bilibili」在网页端的视频列表页可预览视频的大致内容:将鼠标移到视频缩略图上稍待几秒,就能加载出视频的几个截取片段,还能显示进度条。直接移动鼠标就能拖动进度条,同

2020-07-12
软件教程

作为一款在线协作文档编辑工具,Google Docs(谷歌文档)的设计简洁但易用性很强,从很多小的细节都可以看出团队在产品设计方面的用心。比如,在「格式」选项栏列表可以直接选择编辑文字内容为「小写」「大写」与「首字母大写」三种格式。特别人性化的细节在于,三种格式样式的选项名称在列表里是直接呈现出其对应的样式效果的。操作的可预知性使产品的易用性更强,为用户节省了时间提高了工作效率。

2020-07-12
软件教程

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

2020-07-12
软件教程

如果不是视频平台的会员,每打开一个视频都要强制性地看一段广告才能观看内容。这样的设计对于没有带着明确观看目的性只想随便逛逛的用户而言,十分浪费时间。其实爱奇艺在首页推荐的视频缩略图里,暗藏了「长按预览」的功能。长按视频缩略图会出现一个新的浮层页面,自动播放一段视频相关的精彩片段。用户可以此为依据选择「看正片」、「收藏正片」或者直接退出视频不看。「预览」带来的操作可预知性让用户避免了看完广告才发现

2020-07-12
软件教程

延禧攻略开播了~在欢乐追剧的同时,发现爱奇艺的新功能「只看他」让人十分惊喜。顾名思义,「只看他」就是只看你喜欢角色的戏份。对于追剧关注演员多于剧情本身完整性的用户而言,会有「跳看」剧集只看自己喜欢人物或演员戏份的习惯。但手动跳剧比较麻烦也不好掌握播放进度,一不小心就有跳过重要片段的烦恼。爱奇艺的「只看他」功能算是正真解决了追剧追星党的痛点,用科学智能的方法帮你提高追剧效率,只对自己的爱豆专一。投

2020-07-12
软件教程

QQ音乐的「歌词海报」是典型的情感化设计:为用户提供一个借助歌词分享心情表达情绪的出口。有个常被忽略却体验很棒的细节设计在于,QQ音乐不仅为用户提供了很多高质量背景图片,还能直接通过左右滑动的手势在图片当前页面进行滤镜效果的更换。此外,与iPhone手机的拍照界面一样,在当前图片页进行上下滑动的操作还能呼出滑动模块进行画面明度的调节。这种在图片当前界面内(无页面跳转)进行参数调整与滤镜添加的模式

2020-07-12
软件教程

登录「金拱门」App的帐号时,如果手机验证码输入错误会立马出现「验证码错误,请重新输入」的Toast提示。从用户输入第一个验证码数字起,系统就会对输入内容的正误给出反馈,这样利于用户对输入错误进行及时修正提高登录成功的几率。而不会像很多App一样对验证码没有提前的正误判断,需等到全部信息录入完成登录页面跳转之后才会判断验证码是否正确,导致常常因为验证码输入错误登录失败要重新登录的不好体验。

2020-07-12
软件教程

在爱奇艺的iPad端观看视频时如果想要快进或后退,拖动播放器时屏幕中间会出现视频缩略图可预览进度所在的播放内容。操作的可预知性方便了用户做出正确的选择,很好的提升了产品的易用性与使用效率。这个功能的设计目前只出现在了爱奇艺的iPad端,手机端则仅通过时间进度显示帮助用户预知操作。所以在我们进行同一产品的多端设计时,一定要根据使用平台的特性调整设计并选择最合适的交互方式。

2020-07-12
软件教程

很多视频网站都可以通过鼠标悬浮播放器的操作来预览播放进度画面以定位,「QQ音乐」同样可以通过预览歌词播放来对音乐进行定位。左右滑动进度条,播放界面的当前歌词显示也会随之变动。如果你钟爱一首歌的某句词,就可以十分方便的通过歌词预览的操作快速定位歌曲播放。操作的可预知性方便了用户根据自己的喜好和需求对歌曲播放做选择,提升了产品的易用性与使用效率。

2020-07-12
没有账号? 忘记密码?
网站地图