交互手势「抖音」如何保持让用户的操作始终在手部舒适区内进行?

产品: 抖音猎人: AmberDu小白作者: 抖音设计团队
观众: 1.0w人 时间: 2019-02-27

抖音

与「抖音」有关的细节还有 45查看全部

我也有新发现 我要投稿
「抖音」如何保持让用户的操作始终在手部舒适区内进行?「抖音」如何保持让用户的操作始终在手部舒适区内进行?

细节描述

AmberDu小白: 多数产品在设计页面模态弹窗引导用户进行操作行为时,都会将操作控件放在固定的页面位置(一般居中或者处于页面底部)。但「抖音」的设计却让人眼前一亮:系统会自动检测用户进行操作时手指与屏幕的接触位置,并将模态弹窗的操控按钮显示在离用户手指最近的地方。随用户手部活动区域变化而灵活变更位置的模态弹窗设计,使用户在进行手势交互的过程中操作动作能始终在手部的舒适区域内进行,是应对大屏时代十分友好的体验设计。

9.759人评分
收藏 21
分享细节海报

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布8

{{ moreBtnTxt }}

你可能还爱看

「知乎」的广告呈现设计有什么特别之处?
知乎

信息呈现「知乎」的广告呈现设计有什么特别之处?

猎人 - AmberDu小白0.0

「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...

查看详情

#banner#交互手势#信息呈现

抖音的反常规手势,藏着怎样的设计逻辑?
抖音

微交互抖音的反常规手势,藏着怎样的设计逻辑?

猎人 - AmberDu小白0.0

喜欢玩抖音的同学一定会对「喜欢」、「不喜欢」这两个动作的操作十分熟悉:手指轻点两下当前视频表示「喜欢」并会伴有爱心的小动画反馈,系统以后就会多推送此类视频;而长按视频表示「不...

查看详情

#交互手势#即时反馈#情绪

自定义首页分区位置,我的地盘我做主
Bilibili

用户体验自定义首页分区位置,我的地盘我做主

猎人 - AmberDu小白0.0

视频网站内容繁杂,通常有较大的信息密度,因此对内容的分区就显得十分重要。不同用户对视频内容的喜好不尽相同,所以主页标准化的分区列表排序在真实的使用场景里并不能为所有用户提供最...

查看详情

#Bilibili#人性化#分区