设计沉思录 | 助力业务之PC端微聊改版总结

2 评论 5588 浏览 3 收藏 9 分钟

编辑导读:在产品的迭代升级过程中,改版设计是常常会遇到的问题。文章对58集团内部即时通讯工作——微聊的升级改版进行了详细的梳理,对遇到的一些问题进行了分析总结,供大家参考学习。

01 前言

如今,社交产品根据不同的需求和定位,已深入互联网更多细分领域。按功能属性可被划分为通讯工具和社交平台。除了能满足人们日常生活中即时聊天的需求,最主要的是可以将网站信息与聊天用户直接联系在一起,满足人们的公共社交需求。

02 背景

微聊是集团内部的高效即时通讯工具,连接了用户、商家、客服等不同角色。最为接入业务数最多的中台能力,是实现业务连接 、商业转化的有力支撑。

微聊接入业务近几年,随着公司业务的不断增长、产品结构复杂化,微聊在承接业务过程中收到用户及业务方的反馈:微聊风格陈旧、各端体验不一致,且微聊回复率低,扩展性较差。

目前同城业务已经覆盖包括App端、M端、小程序等平台,但仍有大量用户习惯使用网页端58,这些用户的使用体验仍是我们需要重点关注的。

03 重新定义

58同城正在从“流量型”平台转向“服务型”平台。新技术的应用加大了用户与商户之间的连接数量和连接效率,促进交易的发生。我们的产品目标是打造体验一流、生态完善的全链接服务,帮助集团全业务发展。面对现有的诉求点 ,我们发起了对网页端微聊改版项目。

那么对于此次改版,我们除了满足基本聊天需求外是不是可以做的更多?

结合中台业务特点,我们重新定义微聊,微聊不仅仅是轻量聊天工具,也是助力各业务的全链接服务生态;作为中台能力,除了为集团各业务提供标准化服务,高复用性、快速接入以外,还具备扩展性,支持业务自定义。

04 设计目标

为了让产品更符合用户预期,最大化满足业务需求,针对PC端微聊方案改版,我们确定本次改版设计目标。

  • 在业务层面:提高微聊连接率,进一步实现商业转化;
  • 从用户角度:提升使用体验,沟通更高效;
  • 从设计内部角度:提升微聊品质感,让微聊更具包容性和扩展性

05 设计实施

设计流程中 我们通过洞察问题点并挖掘多方诉求来寻找机会点,确定设计目标后并进行拆解落地,通过对数据验证,从而展开后续的迭代规划。

在改版前期 ,针对旧版页面进行问题梳理,主要包括三个方面:

  • 视觉层界面-风格陈旧;图标样式不精细;干扰元素过多;
  • 交互层页面信息结构不明确;信息获取不够高效;
  • 产品层页面功能单一,易用性不足;产品缺少记忆点。

我们对设计目标进行拆解,从以下4个点切入设计目标并进行落地:

1. 视觉语言升级,强化品牌感知

视觉升级中,在保持微聊原有图形不变的前提下,对微聊品牌色进行升级,在原有蓝色系基础上进行加深,使其更符合高效、工具性特点;

同时为了强化品牌,利用微聊图形的特征,在功能图标设计中使用相同的元素,加强品牌记忆点。在微聊界面头部位置, 将图形放大化作为背景,在潜移默化中加强用户对微聊产品的感知。

2. 聚焦用户场景 优化信息结构

在优化信息层级中,对原有信息层级进行梳理,并优化信息结构展示。减少沟通中干扰元素,增加信息强弱对比,强化重点内容。固定了消息通知模块,使用户浏览更聚焦;同时压缩帖子信息和输入区,来增加消息浏览空间,使阅读更有效率;

3. 组件化设计,提升一致性

为保证业务接入更高效,我们对通用功能卡片组件化,增加亲和力的同时兼顾信息主次对比,强化主体信息和视觉一致性。

如在文件发送卡片中,固定卡片信息结构,并列出文件缩略图合集,方便适配各种文件发送场景;

同时在帖子信息卡片中, 通用视觉元素的合并抽离,形成丰富的组件库,方便业务直接复用,有效控制视觉输出的一致性。将卡片划分为5个区域:标题、次要信息、价格、图片、标签 ;同时列举出各种字段空缺时的正常展示样式,保证视觉设计统一性,提高了模块的易用性及后期延展性。

4. 支持自定义,打造沉浸式体验

在产品层面,为满足多业务的个性化需求、丰富多场景的沟通需求,在微聊布局中,我们创新提出预留自定义区域,在网页端右侧新增第三栏的布局结构,通过打造沉浸式体验,让用户浏览更专注,沟通更高效;业务方可根据自身业务需求,选择两栏或三栏的展示形式,方便实现快速接入;

06 数据总结

改版上线后微聊回复阅读比提升了3.95%,表明相比于之前的单向发送,上线后双方建立链接率有提升。

本次PC端微聊改版是由设计侧主动推动并落地的项目,我们通过体验的视角去洞见机会点,以体验设计的方案为业务赋能,在协同中台业务全流程中,实现设计价值的最大化。

最后感谢全体项目组成员的辛苦付出:孙巧玲、李洋、刘静颐、汪洋、刘辰

 

作者:张华,视觉设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@张华

题图来自 Unsplash,基于CC0协议。

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 作为基础平台办公软件,改造的初衷应该是降本提效;然后是提升通用化、标准化的能力,以保证一致性体验;再然后是提升使用愉悦感,咱们这个改造从这三方面来看,略显初级了

    回复
  2. 导读有错别字

    回复