恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI/UX·产品体验笔记02
23.6°
2024-11-01 原创文章 经验/观点 举报 5960 13 13 0

背景

在现代企业沟通中,群聊已经成为不可或缺的工具,而群置顶功能则是确保重要信息不被淹没在海量对话中的关键手段。在日常工作中,群置顶能够帮助团队成员快速获取关键信息,提高沟通效率。然而,不同的企业即时通讯工具(如飞书、钉钉、企业微信)在设计群置顶功能时有着不同的策略和思考。

本人工作中需要用到这三个工具连轴切换,逐渐意识到它们在群置顶功能设计上的差异,不仅影响用户操作习惯,也反映每个平台在信息传达和用户交互上的不同思考。因此,决定从个人体验的角度,带着问题对这三款工具的置顶功能进行深入分析,探讨它们各自的优劣,并以此为基础提供一些设计上的思考和建议。


体验版本

桌面端

飞书版本号(7.25.4)

钉钉版本号(7.6.10)

企微版本号(4.1.28)


飞书:置顶与Pin功能的灵活性

飞书选择了在群聊中只允许置顶一条消息的策略,一是为了保证界面的整洁性,二是为了防止置顶功能被滥用,避免用户在面对多个置顶信息时的焦虑感。与钉钉和企业微信的多条置顶功能相比,飞书的做法显得简洁且聚焦。

飞书的置顶样式飞书的置顶样式


虽然只能置顶一条消息,但飞书加入了Pin功能,在聊天窗口标题栏,点击Pin唤起侧边抽屉,满足了用户对更多重要信息管理的需求。Pin消息列表通过抽屉式面板展示,用户可以上下滑动,快速浏览和定位重要信息。减少了用户的操作步骤同时,也保持了界面的整洁性和信息的可读性。

飞书的Pin功能飞书的Pin功能


钉钉:视觉强制凸显信息优先级

钉钉在置顶消息功能的设计上,采用了大面积的卡片式浮窗设计,支持多个消息置顶。虽然在界面上造成了用户焦虑,但在紧急或重要信息的场景中,用户的焦虑并不是一种负面体验,也可能是为了确保用户立即采取行动。

钉钉的置顶卡片钉钉的置顶卡片


然而,钉钉的置顶卡片是按类型排列的,大致分为三大类,文档类(包含表格、脑图等)文件类(pdf、mp4、txt、xlsx等)消息类(聊天文本消息、语音消息、单个图片、外部链接等)文档类型置顶消息优先展示,当三个置顶消息均为文档类型时,再重新置顶其他类型的消息不会第一时间被展示在界面中),这种分类展示可能导致其他类型的消息被新置顶的同类消息覆盖,从而未能在第一时间获得用户的关注。这种设计在保证了某一类型消息的优先级时,也带来了潜在的信息错过风险。

钉钉官方群置顶设计规范中,有做文本、链接、知识库、文件、数据的样式,样式是有还原,但排序规则分类不是按照设计规范的分类来实现。

钉钉一屏展示三条置顶消息,超过点击左右按钮逐个显示,按钮热区设置的还不太好点击钉钉一屏展示三条置顶消息,超过点击左右按钮逐个显示,按钮热区设置的还不太好点击


虽然在面对多个置顶信息时,钉钉支持用户需要通过点击折叠收起按钮来减少界面杂乱,当新的置顶消息出现时,已折叠的置顶信息会自动弹出,这一操作虽然增强了界面整洁性,但也增加了用户的操作负担。并且新置顶的消息类只会弹出,不会自动定位,交互反馈不统一。

钉钉支持折叠置顶消息钉钉支持折叠置顶消息


企微:中规中矩简单直接

企微允许用户置顶最多5条消息,当超过5条时,最早置顶的消息会被替换。置顶消息栏会显示“共x条”,最新的消息排在最上面,依次向下排列。这种设计确保了用户能够快速识别最新的置顶信息。相比起钉钉复杂的分类条件,企微显得简单直接且有用。

企微的置顶样式企微的置顶样式


企微替换置顶消息弹窗


点击“共x条”后,会出现一个气泡弹窗来展示所有置顶消息,点击页面的其他区域后,弹窗会自动折叠收起。但这个弹窗的尺寸与置顶消息栏的宽度不一致,显得不够统一。并且当用户知道这是折叠消息时,可能注意力更倾向于“共x条”并进行点击,对应目前气泡的展开效果显得有些割裂,当屏幕更宽时,注意力容易被打断。

气泡显示全部置顶消息,宽度不与置顶栏对齐气泡显示全部置顶消息,宽度不与置顶栏对齐

27寸2k全屏展开企微更多消息时的视觉动线27寸2k全屏展开企微更多消息时的视觉动线


延展思考

Q1:为什么飞书被Pin的消息在聊天窗口会用底色变化标识,而置顶消息却没标记?

飞书的置顶与Pin在聊天窗口的样式飞书的置顶与Pin在聊天窗口的样式


A1:

首先Pin功能和置顶功能在飞书中的不同定位。置顶功能是为了确保群聊中最重要的消息能够在界面中始终保留在顶部,便于用户快速访问,且是唯一的。而Pin功能则用于标记多个重要的消息,用户在浏览聊天记录时,即使没有通过Pin抽屉面板,也能快速定位到这些重要信息。

其次这种区分,也在一定程度上避免了界面元素过多而造成的视觉杂乱。如果置顶消息也在聊天记录中添加标识,可能会导致页面上出现太多碎片化的元素,干扰用户的注意力。钉钉在聊天气泡右上角通过角标来标记被置顶,企微没有任何标记。


Q2:钉钉群置顶消息有数量上限吗?

A2:

钉钉的显示置顶数量上限很耐人寻味,置顶显示文档类上限10个,其他类以及组合显示上限9个,新置顶的消息会直接替换旧的消息,不像企微都会有弹窗提示反馈确认,只是聊天记录中的气泡右上角位置会有一个标记,来告诉用户这是一条被置顶的消息,即使群成员所有人都已经关闭置顶卡片,依然会保留显示。

聊天记录中的气泡右上角的位置会有一个置顶标记聊天记录中的气泡右上角的位置会有一个置顶标记


前面有提到钉钉置顶卡片是按类型排列的,所以替换消息也是根据同类型的新旧进行替换,新置顶的消息类消息替换不了旧的文档类置顶消息,但是新的文档类置顶可以替换其他类消息。 所以当已经显示置顶10个文档类消息时,无法再显示置顶其他类型消息,甚至无法置顶,也不会有任何反馈。


Q3:为什么钉钉置顶消息要按照“文档类>文件类>消息类”的优先级顺序展示?

A3:

文档类信息因其长期有效性和关键任务相关性被赋予最高优先级,以确保用户能快速访问重要文档。文件类信息虽重要性略低,但对及时性要求高,因此排在次位。消息类信息由于时效性强而长期价值低,被放在最后。这种设计有助于防止信息过载,确保关键信息突出。

然而,钉钉复杂的置顶规则已经在稍微压力测试的情况下,出现了时而能置顶时而不能置顶的情况,即使能置顶也只显示一行三条置顶消息,更多的只能被替换掉。所以翻页查看更多置顶消息的功能废掉了?

压力测试下,文件类和消息类已经没有了大于的关系,但文档类始终保持霸主地位压力测试下,文件类和消息类已经没有了大于的关系,但文档类始终保持霸主地位


Q4:当同一个用户置顶一条消息时,再点击置顶消息卡片的“x”就取消了置顶吗?

A4:

置顶消息主要分为两个视角,一是群成员视角,二是置顶人视角。可能还会存在群管理员视角,与置顶人视角一致。

群成员视角:当群成员看到消息被置顶时,点击置顶消息卡片的“x”按钮,只是将该卡片从自己的视野中暂时隐藏,并不能真正取消置顶,其他成员依然可以看到置顶的消息;

置顶人视角:需要在消息对应的聊天记录中,点击“更多操作”来找到“取消置顶”的选项,或在置顶消息栏取消并二次确认操作,而不是直接通过置顶消息卡片的“x”按钮。

飞书和企微在点击“x”时都支持用户取消置顶时的二次确认,而钉钉允许所有人都可以关闭个人视角的置顶消息显示,但不取消置顶本身。可能是为了降低用户的操作负担,减少个人视角的视觉压力和干扰。因为可能存在多条消息,无需二次确认能保证用户可以快速执行操作,从而提高效率。但同时也可能导致误操作忽略某些重要信息。

飞书置顶人取消置顶时可选择仅对自己还是所有成员,群成员取消会气泡显示二次确认飞书置顶人取消置顶时可选择仅对自己还是所有成员,群成员取消会气泡显示二次

企微置顶人取消置顶也会有弹窗提示,但是全局性的


钉钉的取消置顶流程相对复杂,一般理解“取消置顶”藏这么深可能是为了平衡用户效率和信息重要性的保护,但从前面钉钉复杂的置顶显示规则来看,好像没什么重要性可保护。个人推断可能是钉钉没有统一管理置顶消息的记录或面板,所以只能从“平衡用户效率”来圆场,希望通过这种方式来弱化“取消置顶”操作的存在感,同时又可以告诉用户这曾是一条重要消息。

钉钉置顶人关闭置顶卡片消息并不能真正取消置顶,而是需要经历「找到对应标有置顶的聊天气泡-悬停点击“...”按钮-选到“更多”按钮-选择并点击“取消置顶”」4个操作步骤钉钉置顶人关闭置顶卡片消息并不能真正取消置顶,而是需要经历「找到对应标有置顶的聊天气泡-悬停点击“...”按钮-选到“更多”按钮-选择并点击“取消置顶”」4个操作步骤


Q5:如何解决误操作关闭置顶消息后,快速找到该消息内容?

A5:

根据尼尔森可用性原则中的防错性和容错性原则,产品需要为用户提供一个警告和提示,以及在用户操作错误时能够及时纠正。

目前对于想要查看重要历史消息的需求,一般的解决办法是搜索聊天记录,在群里问问其他人。置顶消息都是临时性的,当用户过了许久再寻找它又想不清在哪时是痛苦的。

钉钉聊天记录筛选面板钉钉聊天记录筛选面板


钉钉,有聊天气泡右上角的标记可以找到被误操关闭的置顶消息显示,但仍不便于查找。

企微,在聊天记录内没有任何被置顶标记,群成员误操关闭后就只能凭记忆搜索或是直接在群里问了。置顶人有二次确认弹窗。

飞书,有二次确认机制,符合防错性和容错性原则,并且通过Pin功能平衡了置顶与重要消息的管理体验,体验更佳。


Q6:为什么飞书支持单人聊天消息置顶,而钉钉和企微不支持?

A6:

用户需求定位不同,飞书更注重灵活性和小微团队的高效协作,单人聊天中也有较多重要信息需要管理;而钉钉和企微更专注于团队协作,认为单人聊天置顶需求较弱。

信息管理灵活性,飞书提供个性化的工具来帮助用户高效管理信息,尤其适用于灵活沟通场景;钉钉和企微通过聊天记录中搜索、消息、文件分类等功能来代替单人聊天置顶,简化功能和界面。

产品功能取舍,飞书在设计上更精细化,兼顾小微团队的需求,而钉钉和企微选择在功能上有所取舍,以减少操作复杂性和信息负载。

飞书单人聊天窗口飞书单人聊天窗口


结论

虽然大厂在产品体验设计上已经做得相对成熟,但仍有一些不尽如人意的细节。相比之下,飞书保持传统限制只能置顶一条消息,避免了信息过载,同时通过Pin功能有效满足了用户对多条重要信息的管理需求,确保了群聊重要信息的高可见性和灵活管理。

作为大厂外的设计师,虽然可能没有华丽的光环,但可以从这些大厂的设计中学到许多宝贵的经验,取其精华,去其糟粕,结合自身产品的用户需求与业务场景,找到适合的设计方式。

设计不应一味模仿大厂,而是要在理解背后逻辑的基础上,针对具体问题优化细节,才能真正打磨出符合自身用户需求的卓越体验。


Powered by Froala Editor

更新:2024-11-01

收藏

13人已收藏

评分:

完整度:4星

启发性:4星

勤奋性:4星

排版布局:4星

推荐:
优秀 .
  • 4

    作品

  • 7

    粉丝

  • 5

    关注

  • UI/UX·产品体验笔记01
  • B端CRM项目总结
  • 地产数字大屏项目总结(阶段性)

    猜你喜欢

      2024-11-01 原创文章 经验/观点 举报 5960 13 13 0

      UI/UX·产品体验笔记02

      23.6°

      你确定要举报UI/UX·产品体验笔记02

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2024年11月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      13
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录