原文:https://mp.weixin.qq.com/s/FGPf4ahR3SqdyQle87Me_Q
01
产品背景
美事作为58集团的内部沟通协作工具,服务全公司2万多名员工,始终致力于把最简单高效的办公体验和服务带给每名员工、帮助个人和企业组织更高效的运行与发展。
年初,因为疫情影响。线上办公突然成为热门话题。随着企业内部用户量的激增、功能不断完善及拓展,原有的PC端美事视觉风格和交互体验已经无法满足用户日益增长的体验需求。正值产品底层服务商更换为集团自主研发的微聊之际。因此,我们在此契机之下发起这次美事PC端改版项目。
· 旧版存在的问题
**视觉语言陈旧:**整体视觉形象粗糙,设计语言陈旧,视觉信息传达不明确;图标尺寸过细且样式不统一,已经不适应越来越高清的大屏幕设备。
**信息获取混乱:**消息的阅读体验较低。左右结构,头像过大导致屏占比过高影响阅读效率,次级信息视觉过重导致阅读会受到视觉打扰。
**协同效率较低:**缺乏统一的视觉和交互规范,无法实现开发组件库落地,以至于所有页面都是独立页面,影响产品设计开发效率。
设计目标
在对项目进行改版之前,我们与产品经理梁超、交互设计师菜头同学通过过大量的竞品分析,结合自身产品的目标导向,确立如下设计目标:
设计实施
· 视觉升级强化品牌认知
品牌色的选取至关重要,新版PC延续美事的品牌橙,除了配合移动端的用色外也考虑到PC端的呈现效果。与移动端不同我们大量使用白色,增加产品轻盈感。