返回列表大象 7.0
大象是美团员工的线上沟通工具，服务超过 10 万名员工。2024 年，我们计划将更多高频办公应用整合进大象，进一步明确其作为一站式工作平台的产品定位。
背景
大象一直以来是一款保守的办公沟通工具，在以往的用户调研中甚至给员工留下严肃、无趣的印象。随着产品负责人的更替，业务决心对整个办公产品线进行重整。其核心是重构桌面端代码，以提升性能和稳定性，这也为进行设计改版提供了绝佳机会。设计团队根据产品核心主张，主动提出通过视觉和信息架构升级的方案，旨在扭转过往严肃、保守的产品调性。这一改变将有助于员工更好地理解美团数字办公世界所希望传递的"有价值、有温度和有趣味"的理念。
注：改版前，团队内部回顾了以往的改版经验。我们发现，曾经流行的"调性象限法"对当前产品阶段的帮助有限。根据过往项目经验，这种方法对最终方案的影响不大。因此，我们决定采用更务实的方法，直接探讨产品关键词“有价值、有温度、有趣味”对产品功能、框架、品牌和 UI 的直接影响。
改版核心命题
命题〇：匹配的视觉语言
事实上，产品指定的关键词并不总能为 UI 设计师提供明确的风格指向。我们需要分析产品过往的 UI 现状和设计趋势，给出专业判断，为产品设定匹配的设计语言，经过深思熟虑，我们最终选择了"轻量"这一关键词，原因包括但不限于：
- 与过去相比，可以呈现出视觉反差；
- 不影响"有价值、有温度、有趣味"的表达；
- 用户能从感官上直接感知；
- 留下深刻的记忆点；
为了达成这个目标，我们使用了浅色背景，卡片设计，微拟物图标以及烂大街的同心圆圆角和毛玻璃效果。
浅蓝灰背景
底板的背景色可以最直接影响用户感受，浅蓝灰背景帮助我们摆脱旧版沉重严肃的调性，能够达成"轻量"这一目标。增加渐变避免页面陷于平淡，同时也精细调整了各向渐变，使白色卡片的边缘足够清晰。
页面级卡片
卡片让模块间界限更加清晰；结合圆角的运用会给人更加亲和的感受。
在设计页级卡片时，也考虑了整体的空间感受。最终选择了导航右侧为完整卡片，而非切割为列表（会话列表）和详情（会话区）两个卡片。相比之下，两个卡片带来的空间零碎感是没有必要的。
命题一：有价值
有价值 = 解决用户实际问题
大象的用户包含两层：公司各业务和员工。
解决的两层实际问题：让公司业务重要信息的流转和触达更加高效；让员工的沟通更加顺畅；
For 业务
通过信息架构升级，交互框架优化，提供主导航和页面的开放能力、跨场域动态消息卡片设计组件/规范，让业务方高效、灵活的接入大象。
主导航升级
沟通应用（固定）+ 协同应用（可自定义）+ 便捷应用（可自定义），覆盖团队任务循环模型中各环节所需的工具，降低应用间的跳转次数。
提供丰富的开放能力
12 个位置可开放，供业务方使用。
建立企业全局搜索、AI 搜索心智
在大象内任何应用都可以完成搜索任务，搜索对象直达美团各业务应用。
搜索入口也为 AI 入口，随时随地自然语言对话触发指令。
降低业务加入门槛
提供 25 种跨场域动态消息组件和规范，帮助业务方高效的配置卡片
传达一站式工作平台的开放性和包容性
通过学城、审批以及日程等“大象”第一方产品功能的 UI 重塑和功能重新定义，向业务方传达出新版“大象”的全新 UI/UX 范式。展示出“大象”作为一站式工作平台的开放性和包容性。
For 员工
通过解决员工最痛的体验问题，搭建诉求最多的功能，提升员工沟通体验与满意度。
通过整理近几年问卷、反馈群、话题、TT、专家走查等各渠道累计的 3000+ 问题，按照有价值、有温度、有趣味三个维度进行划分，总结出最严重的 10 个体验问题和 7 个 UI 问题，以下展示部分问题的解决方案：
窗口尺寸
大象的窗口尺寸（最小 960*680）一直以来饱受 windows 小屏用户诟病。本次改版提供多种小尺寸模式让用户畅快沟通。
会话分组 / AI 分组
通过会话分组，为有整理习惯的用户提供一种灵活的能力，提升会话查找效率。
同时，引入 AI 推荐智能分组，降低分组成本。
提升图片预览、编辑、视频体验
基于 IM 的 AI 能力增强
命题二：有温度
有温度 = 关注用户个性化需求、提供情感关怀
通过提供用户期待的小功能和人性化、包容性的设计，让员工感觉被尊重、被理解、被看到。
暗色模式
暗色模式一直以来都是用户呼声最高功能之一。在 iOS 将暗色模式作为审美选项发扬广大后，它已经成为应用必备沟通。
大字模式
美团的显示设备较多，用户群体年龄段和使用习惯各不相同，在不同分辨率下字号的物理尺寸也不同，提供字号调节模式，尤其对一些分辨率较高或年龄稍大的用户比较友好。
入职周年卡片
大象过去没有情感表达。员工入职周年，系统沉默。与 HR 合作设计庆祝卡片，不是为了增加功能，而是回答一个问题：如何让员工感到被看见？
卡片整合个人专属数据——入职天数、协作同事、参与项目、消息数量等等结合 AI 生图能汇聚成年度报告。配合 AI 生图，最终让每张卡片都独一无二。
欢迎页
有效利用空白页面，提供趣味性人文关怀的文案
命题三：有趣味
有趣味 = 适时场景下搏君一笑
在办公工具产品中适合令人发笑的场景并不多，我们尝试在三个方向传达有趣味。
一是日常运营宣传中的透露出的产品设计团队主张，尤其在改版推出时开门见山的更新运营，更新 Logo 正是这众多环节中最多的一环，以为你新 Logo，新气象。
二是在插画场景采用一些活泼氛围的元素，以及彩蛋。
三是在有限契合幽默的场景加强有趣元素的表现。
Logo 与超级符号
消息表态升级
在原本文字表态基础上，增加 emoji 表情，提升沟通中的乐趣，营造轻松活泼的工作氛围。
有趣的插画
结尾
项目虽然名为大象 7.0，但实际包含了大象、学城（美团内部文档产品）等为主线的多个产品交互和视觉改版。项目 2024 年完成交互框架翻新，并在后续迭代逐步落地，是一次难忘的经历，虽然经历压力和挑战，但是也让人成长很多。