「镜像翻转」功能开启，跟着视频学跳舞不再跳错方向<(*￣▽￣*)/ - 优设网 - UISDC

按钮设计 「镜像翻转」功能开启，跟着视频学跳舞不再跳错方向<(*￣▽￣*)/

产品：Bilibili iOS 作者：Bilibili设计团队 时间：2018-07-19

猎人： 小白 观众：3840人

细节描述

先出左手还是右手？迈左腿还是右腿呢？跟着视频学跳舞好容易就会做成反动作 T T ~ B站的「镜像翻转」功能正是应对此种使用情境的神器，无论学宅舞还是街舞都方便了不止一点点。点开视频里右上角的「更多」按钮（三个小圆点），将当前视频设置成镜像翻转模式，学姿势就不容易跳错了。这么「刁钻」的使用情境都考虑到了并给出了很好的解决方案，真的是很用心在做产品的团队了～

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 人性化# 情境预判# 按钮# 易用性# 视频# 镜像
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 QQ iOS

你将掌握 用户体验 的小知识~

大家好，我是兔纸，双鱼座女一枚

新人入群就像现实生活中加入一个新团体一样，免不了要做自我介绍。但其实很多用户并不喜欢做自我介绍，一是不知道说什么，二是...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

用户体验 生活不易，看视频怎能没有倍速播放？

在这个大家都恨不得把一份时间掰开揉碎利用起来的快时代，我们早已习惯了碎片化学习与快速而高密度地接受信息。很多人都没有耐心与精力去慢慢追一部剧、完整地看一个视频或者读一本书。没有开倍速的看剧都是不完整的，「倍速播放」仿佛已经成了视频播放平台的「标配」。连「新浪微博」也于去年底在客户端上线了「倍速播放」的功能。支持多种视频播放倍速的选择，使得在信息流看视频时也能速度可控，快慢切换随心。充分考虑了用户的使用场景，提高了观看视频内容的效率，刷「微博」的体验较之前提升了很多。

产品：新浪微博 iOS 作者：新浪微博团队 猎人： 小白

交互手势 怎样在iOS系统里快速返回上一页？

用习惯安卓手机的用户开始用iPhone时，最不习惯的可能就是没有了返回按钮。但其实，用手指从屏幕左侧向右滑动，页面就能实现返回上一页的操作了。手势交互的操作更方便和自然，只是需要一点学习成本，而「回到主屏」的功能是与普通「返回」功能区分开的。iPhoneX之前的iPhone通过Home健回到主屏幕，iPhoneX则是通过从页面底部向上划动Home Indicator（虚拟横线）来实现这一操作。将「回到主屏」的功能操作与其他的「返回」操作区分，能更好的体现系统的页面层级关系和结构逻辑。

产品：iOS系统 作者：Apple 设计团队 猎人： 小白

交互手势 为什么「陌陌」的交互逻辑是不喜欢「左滑」，喜欢「右滑」？

主打陌生人社交的软件几乎都采用了无感「左滑」，喜欢「右滑」的交互逻辑，为什么会是这样呢？可能是因为此类产品比如「陌陌」的产品目标是促成更多的用户配对成功，即系统是希望用户更大几率的进行「喜欢」的操作。所以使用对多数习惯右手操作的用户更顺手的「右滑」手势，能更大几率的引导用户选择「喜欢」吧。就像iOS系统里就将表示确定性的操作设定在了右侧，比如「是的」「确定」等等。此外，为了避免新用户在未形成操作习惯的阶段对左右滑动的操作产生疑惑，「陌陌」会在用户执行左右滑动的手势时用显眼的表示喜恶的叉和爱心的图标来时刻提醒用户当前操作的含义，减少用户因误操作对体验产生挫败感，很小的细节却体现出团队的用心和细心呢～

产品：陌陌 iOS 作者：陌陌设计团队 猎人： 小白

交互手势 你知道「微信读书」是可以通过手机音量键进行翻页的么？

「微信读书」一直是通过左右滑动来实现翻页操作，虽然模拟了看书时左右翻页的交互方式也利于打造沉浸式体验，但这与很多用户的电子阅读习惯不符，也容易造成误点击。最近上线的新版本，终于支持上下滚动的翻页模式了。其实不仅如此，安卓版本的「微信读书」是可以通过设置使用音量键进行翻页操作的。点击个人页面右上角的图标，进入「设置」页面后打开列表里「使用音量键翻页」的设置项，就可以十分方便的通过手机侧面音量键进行翻书操作了。合理地利用物理按键（音量键）进行翻页交互，不仅能减少用户的误操作，也方便用户对app进行单手操作。

产品：微信读书 Android 作者：微信读书团队 猎人： 小白

优设精选专题 查看更多

514447人看过 8篇文章

微信小程序

今年最热的小程序设计和开发方法

就在上个月，微信小程序的用户突破6个亿，如此庞大的体量，让很多公司跃跃欲试。不过很多设计师和工程师之前没做过微信小程序，不知道如何开始，本专题为此而生，从基础知识、官方指南到实战技巧、案例复盘都有，让新手快速掌握微信小程序的设计和开发方法。
查看专题
442266人看过 11篇文章

灵感专题

让创意如万斛泉源，不择地皆可出

灵感20%靠方法，80%靠积累。本专题除了有专业设计师获取灵感的方法，更多的是值得每天花时间逛一圈的灵感网站和APP，类型之丰富够你在灵感的海洋里徜徉遨游一整年了。
查看专题
310168人看过 13篇文章

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。
查看专题
303259人看过 13篇文章

职场规划

帮迷茫的设计师找到职场方向

本专题收集了不同大厂设计师的职场规划经验 ，无论你是初出茅庐的萌新，还是工作多年依然找不到方向的老油条，这儿都有前辈为你出谋划策。
查看专题

设计师基础理论书 查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt
清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳
中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼
中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett
机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter
机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红
人民邮电出版社
书到用时方恨少 > >
转场动效 设计师 扁平化设计 优设专访 交互设计师 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 用户体验设计 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里