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

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

抖音

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

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

细节描述

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

9.753人评分
收藏 16
分享细节海报

发表评论 为下方 8 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

蜗牛读书:电子书也有包书皮的仪式感
蜗牛读书

设计逻辑蜗牛读书:电子书也有包书皮的仪式感

猎人 - AmberDu小白9.0

很多爱书之人都有包书皮的习惯,「蜗牛读书」为电子书的阅读与管理也提供了同样具有仪式感的包书皮体验。在「我的书桌」页面,点击右上角的「整理」按钮,会呼出「包书皮」的选项界面。为...

查看详情

#仪式感#微交互#情怀

「抖音」打广告的方式又增加了!
抖音

运营推广「抖音」打广告的方式又增加了!

猎人 - 洛糊糊10.0

6.18活动的来临,让「抖音」上的开屏广告也开始被各大电商、品牌所占据。其中「抖音」上「京东」的广告更是加入了「摇一摇」的交互环节,在摇动手机后,屏幕出现了红包雨的动画效果,...

查看详情

#互动#京东#字节跳动

淘宝618是如何营造购物氛围,刺激用户消费的?
淘宝

设计逻辑淘宝618是如何营造购物氛围,刺激用户消费的?

猎人 - 卷卷墩儿浪里个浪6.2

今年「淘宝618」购物节,你「剁手」了吗?618当天打开APP,除了狂欢的红色主题,金刚区大字报的「618狂欢冲刺X小时」,大力渲染、烘托购物的节日氛围,底部闪烁变换的入口引...

查看详情

#氛围感#淘宝#用户引导