查看原文
其他

最美交互:哔哩哔哩轻轻一击,控制弹幕;大众点评看地图找美食

叮当猫 我们的设计日记 2022-11-01


乔布斯说过“设计除了表面的交互和视觉,更多的是设计它的使用感受。”

设计日记星球第五期全新推出「每日交互」栏目,汇集最新最快的设计细节信息,用直观的案例,表达核心的玩法,记录着真实商业世界正在发生的设计细节。


01

  淘  宝  


@Redamancy

淘宝进入精选评价页面时,底部会出现相关宝贝的链接浮窗,当用户下拉时浮窗会收缩至右下角,待停止操作几秒后会重新拉开,便于用户进行跳转。

这个设计可以很好的让用户进行文章的阅读,不会被宝贝浮窗影响阅读,提升用户感受,浮窗内容使用了实际的宝贝图和价格,便于用户提取信息和去购买。


02

    Fit    

@太阳🌞

当用户启动APP时,把健身知识点放在启动频繁的启动页上,增加曝光量,倒计时三秒阅读知识点,相比开屏广告,更有可读性。


03

  哔 哩 哔 哩  

@zL

用户双指同时双击播放页面,可以快速关闭或开启弹幕。

B站的视频播放页不仅有清晰的弹幕开关按钮,又可以使用炫酷的手势操作来开启关闭弹幕。通过在可控的页面中,提供不同的操作方式让用户找到最适合自己的操作。


04

   Odio   

@Zip丶釗

相比分散的元素而言,相似的元素会被认为是有关联的。相似性帮助我们用关联性组织元素,这些属性可以是颜色,大小,形状或方向。

Odio通过文案的位置体现这些功能是相似而类型不同,通过图片的图案同类的相似性,让同类型的环境音效的联系更加强烈,最后通过颜色做区分,使每种环境音效同中有异,既可以联系在一起也有自己独特的个性。


05

 大 众 点 评 

@SORANnn

从大众点评的体验上说,有太多的选择标签和榜单,例如,从一个美食上说,如果我不知道要吃点什么,来到大众点评来浏览时,除非有特定目标非常明确以外,都很难做决定,因为不同维度的可选择标签太多了,看来看去,逛来逛去,最后处于一个选择困难的状态。


06

 大 众 点 评 

@园园💤

用户和朋友在外面玩到中午饭点时间,不知道附近有什么吃的,通过大众点评地图寻找附近的美食。

解决用户不知道吃什么的问题;通过地图显示附近美食帮助用户选择,提高用户选择效率。


07

  最 右  

@Holly

添写资料时,点击“性别标签”除了选中状态的颜色变化,icon间隔几秒会有动效,时刻提醒当前选中的是什么标签(形式新颖);刚进入app网络慢加载不出来时,出现IP形象提示用户:正在加载中;择3个喜欢的内容“进入”按钮高亮(容错性-操作中)。

网络慢时,可以改成色块=页面大致布局+IP形象,反馈用户的同时让用户对界面有初步预判。


08

    QQ    

@西米露

用户在QQ的聊天界面中长按选择聊天记录,出现截图选项,点击进入截图界面。截图界面中有隐藏昵称的功能,同时将头像也一并打码。

在截图时,用户常常有对聊天记录打码的需求,QQ将这一功能嵌入,再也不用手动打码啦!同时,用户还能够对聊天记录选择性保存,可操作性大,不用因此再次编辑。这两项功能极大地提升了用户使用的便捷性。


09

 Telegram 

@Q

当删除对话或者退出群组的时候,屏幕下方会出现倒计时撤回的提示框。

删除时出现倒计时,并给时间思考撤回让用户更有安全感,符合尼尔森原则的状态可见性,以及防错性,方便用户撤回毁灭性操作。


↓ ↓ ↓ 交互合集 ↓ ↓ ↓

B站高德 | 企业微信菜鸟 | 腾讯视频菜鸟 | 淘宝QQ | 哔哩哔哩盒马 | 微信小米输入法 | 微信高德

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存