如何通过操作的可预知性，让用户快速定位播放进度？ - 优设网 - UISDC

用户体验 如何通过操作的可预知性，让用户快速定位播放进度？

产品：爱奇艺 iOS 作者：爱奇艺UED 时间：2018-08-04

猎人： 小白 观众：1788人

细节描述

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

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 微交互# 情境预判# 播放器# 操作可预知# 易用性# 爱奇艺# 视频

发表评论 加载中....

评论加载中....

下一篇

捕获自 爱奇艺 iOS

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

爱奇艺「儿童模式」上线，借助算术答题解决防误触与账号管理问题(*╹▽╹*)

最新更新的爱奇艺iPad端上线了「儿童模式」，帮助家长对小朋友的观影时间与内容进行管理的同时也为孩子提供了一个更加安全绿色的...

官方微信

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

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

猎人推荐 我要投稿

相关细节

用户体验 同样都是饿了么，差距怎么这么大呢？

从淘宝入口进入到饿了么（左侧截图），点餐流程到需要备注时，键盘弹出会完全遮挡文字输入框。然而文字输入框也不会自动随着键盘弹出而升高，所以当有备注需求的用户在输入文字时基本是在盲打。而直接从饿了么的APP（右侧截图）入口进入点单流程，并没有发现这个不友好的体验。同样都是饿了么，差距怎么这么大呢？看来淘宝端的饿了么还需要优化呢！

产品：饿了么 作者：饿了么UED 猎人： 小白

用户体验 UX设计师的工作利器NEUX彩虹树是什么？

NEUX彩虹树是一款对UX设计师十分友好的取色配色工具。当用户在网站主页的输入框设置好前景与背景色，会自动生成12色调的色彩分析方案。每一行的颜色亮度一致，利于设计师在进行设计方案选择时轻松确定主次颜色与设定颜色的功能性。更贴心的是网站提供了「颜色感知偏移」的矫正查看功能，使设计师在视觉表现上能更加符合人类感知。

产品：NEUX Rainbow Tree 作者：Hardy and Greg 猎人： 小白

设计逻辑 iOS有两种接听电话模式，这是在为用户考虑什么？

iOS系统有两种接听电话的模式：如左图的锁屏模式，以及右图展示的正在使用手机的模式。锁屏模式采用了滑动的手势操作，这是由于当前的使用场景多为用户将手机放于桌面、背包、口袋等地方的时候，如此可防止用户在不知情的情况下误触接听按键。而当用户正在使用手机的时候，由于用户可以很明确的自己做决定点击「接受」或者「拒绝」，这里就无须设置勿触操作了。

产品：iOS系统 作者：Apple设计团队 猎人： 404NTFounD

优设精选专题 查看更多

2093998人看过 13篇文章

中文字体

高质量中文字体打包下载

字体性格各不相同，好字体能与设计作品相映成趣。本专题收录了不同风格的中文字体，并提供打包下载。需要注意的是，大部分字体都是个人非商用的哟。
查看专题
613860人看过 7篇文章

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。
查看专题
675723人看过 13篇文章

LOGO设计

收藏这个专题，不想学会都难！

本专题里，网易和百度的高手会先带你熟悉设计流程，由平面设计大神K先生教你更高阶的设计技巧，最后给你一份全面的LOGO合格检验标准。如果没灵感没时间也不怕，我们将灵感和自动设计LOGO 的神器一起打包给你了！
查看专题
818674人看过 15篇文章

Material Design

每个设计师都该深度学习的设计语言

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例。看完这个专题，帮你全面读懂 Material Design。
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

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

闫实
优设大课堂人气老师

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

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

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

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

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

慕青
知名大厂设计师

包装插画入门学习指南

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

鱼吉
艺术院校老师

腾讯设计师求职成功指南

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

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

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

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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