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

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

豆瓣

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨
高德地图

引导设计高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨

猎人 - 龙爪槐守望者8.8

你好不容易上线了一个自认为超牛的AI助手,结果呢?要么是弹窗太猛,用户上来就点「X」;要么是藏得太深,上线仨月了还没几个人发现。这种新功能上线后,用户认知度低、使用率上不去的...

查看详情

#AI#Tabbar#动效设计

豆瓣的电影榜单设计有什么巧妙之处?
豆瓣

信息呈现豆瓣的电影榜单设计有什么巧妙之处?

猎人 - 龙爪槐守望者9.1

「豆瓣」的电影榜单设计挺巧妙的,竖幅图片刚好显示海报,横幅图片作为剧照轮播。竖横放在一起很和谐。比起只放一个图来说,空间利用率更高。

查看详情

#banner#信息呈现#用户引导

喜茶小程序是如何通过情感化设计引导用户操作的?
喜茶

微交互喜茶小程序是如何通过情感化设计引导用户操作的?

猎人 - AmberDu小白7.5

「喜茶GO小程序」的产品详情页会通过摇晃奶茶的小动效,引导买家向下滑动页面,进行饮品的口味选择。情感化的小细节设计,为交互过程增添趣味性和互动感,起到较好的引导作用。

查看详情

#喜茶#小程序#微交互