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

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

抖音

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「钉钉」是如何有效解决信息接收优先级排序的痛点的?
钉钉

设计逻辑「钉钉」是如何有效解决信息接收优先级排序的痛点的?

猎人 - 404NTFounD0.0

使用「钉钉」时如果开启「专注模式」,会话将会按照「单聊」和「群聊」自动分组,被用户「置顶」的对象也会被单独分出来。突出重要的会话对象置后相较不太重要的会话,并将无新消息的会话...

查看详情

#信息呈现#信息权重#情境预判

从方形到圆形:抖音团购是如何通过设计提升餐厅销量的?
抖音

视觉设计从方形到圆形:抖音团购是如何通过设计提升餐厅销量的?

猎人 - 龙爪槐守望者7.9

在网上挑选餐厅,看到菜品一排排灰蒙蒙的占位图,是不是像被泼了一盆冷水?那些模糊的菜品照片、不合时宜的方形边框,就像在高级餐厅菜单上贴了张白纸,让人提不起食欲。更糟的是,有些商...

查看详情

#占位图#字体#拟物化

开言英语超级好用的单词搜索功能
开言英语

用户体验开言英语超级好用的单词搜索功能

猎人 - AmberDu小白7.1

单词搜索,一个在英语学习中高频使用的功能,通常会被大多数英语学习类产品置于顶部栏位置。「开言英语」却将单词搜索的位子放在底部C位,更显眼也更方便点击,交互起来更加友好。大家如...

查看详情

#信息呈现#开言英语#搜索