微交互删除回复操作很敏感,豆瓣这样设计让用户体验更流畅

产品: 豆瓣猎人: 龙爪槐守望者观众: 5.7k人 时间: 2024-07-31

豆瓣

与「豆瓣」有关的细节还有 27查看全部

我也有新发现 我要投稿
删除回复操作很敏感,豆瓣这样设计让用户体验更流畅删除回复操作很敏感,豆瓣这样设计让用户体验更流畅

细节描述

龙爪槐守望者: 删除回复是一个敏感操作,大家都希望在删除之前有一个确认流程。但如果这个确认流程设计得不够到位,反而会影响用户体验。 豆瓣在这方面做得很棒。当用户点击「删除回复」后,「删除」两个字会在屏幕上移动,直接出现在二次确认弹窗中。这样不仅视觉连贯,用户的注意力也能自然地被引导到确认操作上来。 更妙的是,这个二次确认弹窗也被放置在了屏幕下方,这大大缩短了用户手指的移动距离。我们知道,手机屏幕使用中,下半区域是最容易触及的。豆瓣将关键操作放在这里,无疑大大提升了使用效率。

9.528人评分
收藏 8
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

奶茶1杯=1个月会员?这个APP的挽留套路把我整笑了
OtterLife

信息可视化奶茶1杯=1个月会员?这个APP的挽留套路把我整笑了

猎人 - 龙爪槐守望者9.6

通常我们退出付费页面时,要么直接回到主界面,要么简单弹个「确定退出吗」的对话框。但这次不一样,当我准备离开OtterLife的付费页面时,竟然看到了一个让人眼前一亮的挽留设计...

查看详情

#付费会员#价格锚定#信息可视化

模拟真实资料陈列馆的豆瓣书影音档案
豆瓣

手势交互模拟真实资料陈列馆的豆瓣书影音档案

猎人 - AmberDu小白9.5

「豆瓣」的「书影音档案」利用了现实生活中资料陈列馆的概念,用户记录过的书、电影和音乐都会按年份划分,分门别类装入「档案盒」。横向滑动「档案盒」查看每年、每月记录情况的交互形式...

查看详情

#交互手势#信息呈现#形象思维

比文字更直观!Square是如何处理复杂信息录入反馈的?
Square

可视化设计比文字更直观!Square是如何处理复杂信息录入反馈的?

猎人 - 张老三9.4

我发现用户在填信用卡信息,填到 CVV 码时经常突然卡住,不得不把卡翻来覆去地找那三个数字在哪?Square 在支付表单设计中,并没有使用沉闷的纯文本提示,而是引入了一个动态...

查看详情

#信息可视化#光标#反馈