YouTube是怎样通过手势交互实现视频播放进度的精准操作的？ - 优设网 - UISDC

交互手势 YouTube是怎样通过手势交互实现视频播放进度的精准操作的？

产品：YouTube iOS 作者：YouTube 团队 时间：2018-11-19

猎人： 小白 观众：4875人

细节描述

通过手动拖动进度条的方式更改播放进度虽然直接也算方便，但在快退进的进度把控上不太容易精准。尤其对于时长较长的视频，往往拖动进度条一小段距离就快进了很长的进度，很难把控时间。YouTube是通过点击屏幕两侧的手势来实现精准快退进的交互。在屏幕右侧点击两次，即可实现快进10秒的操作。点击三次则是快进20秒，以此类推。而在屏幕左侧进行相同的点击手势，可以完成对应的快退操作。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# YouTube# 交互手势# 快捷操作# 时间轴# 易用性# 视频# 设计逻辑

发表评论 加载中....

评论加载中....

下一篇

捕获自 得到 iOS

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

即使是免费试听课，也要给你最优推荐

每个知识付费的产品，一般都会提供部分免费内容来吸引用户。「得到」app里付费课程的试听内容是由用户自己在想买课程的所有课时...

官方微信

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

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

猎人推荐 我要投稿

相关细节

用户体验 「搜狗输入法」将我的爱意化成一首歌

用户体验好的产品都有一个共同的特点就是它们会预判到用户即将发生的操作并及时给出解决方案，为用户带来一种极致的爽感。「搜狗输入法」就是这样一款产品，在聊天过程中你只要提到天气它就会弹出当地天气状况，提到部分感性化的词语就会弹出歌曲推荐给用户。根本不需要去其他的App找资源后再分享过来，时时刻刻以用户为服务中心，这样的输入法你能不爱吗？

产品：搜狗输入法 Android 作者：搜狗输入法团队 猎人： 蓝点

交互手势 BOOM！用手机来做个化学实验吧！

「烧杯」是一款帮助学生学习化学的寓教于乐的App。手机被模拟成一个烧杯的形态，用户可以往里面添加各种化学物质，甚至还可以进行点燃、加热等操作。应用的交互设计完全符合物理世界的感知：晃动手机，溶液会在「烧杯」里摇晃流动；手指划过屏幕，火柴才能被点燃；当化学反应造成燃烧、沉淀等现象，App也都会一一呈现。以符合物理世界的方式如实呈现化学反应，再配合真实自然的手势操作，代入感十足，让人头疼的化学知识仿佛也变得鲜活有趣又通俗易懂起来。

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

阅读体验 在「知乎」回复评论时，你有注意这个小细节么？

在「知乎」回复他人的评论时，输入框的第一行会始终显示「正在回复xxx」的提示，并且不随输入框状态的改变而改变。这个提示细节的好处是：避免用户在输入较多回复内容时忘记要回复的人是谁，提升了用户在评论时的专注度。输入框右上侧的扩展按钮，可随意切换输入框的显示面积，使用户在长文本输入时更加方便自由。

产品：知乎 iOS 作者：知乎UED 猎人： 小白

优设精选专题 查看更多

265137人看过 10篇文章

每月设计干货

每月最新的实用设计干货及时送上！

关注本专题，每个月都会为你送上最新的字体资源、图标素材、高效工具和酷站推荐，保证满载而归！
查看专题
587739人看过 15篇文章

设计师专访

设计大咖成长史

这儿不仅有实力强劲不为人知的设计大咖，也有人气超高的设计工作室，中西结合兼容并蓄。探寻大神成长史，从中汲取养分，大概就是这个专题的魅力所在。收藏起来，每月都会更新哟。
查看专题
231633人看过 11篇文章

求职面试

那些不容易看到的面试技巧都在这

本专题收集了最常见的面试问题和答案，而且从面试官的角度告诉你，他们在考核什么。另外还有国内各大公司的面试流程分享，以及高手是如何应对面试的。能否跨入大厂，就看你有没有收藏了！
查看专题
536873人看过 26篇文章

改版设计

大公司的改版方法和实战案例都在这了！

本专题包括4篇改版设计方法和技巧，还有超过10个大公司的产品改版设计实战案例。想做改版设计之前记得来看一遍，绝对是收获满满！
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
sketch 版式设计 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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