当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

释放双眼,带上耳机,听听看~!
当咱们想从简设计优化信息层级的时分,产品们恨不得把所有的文案说明都加到设计稿里,可是如果咱们不加以控制,整个 UI 出来就会因为信息过载而显得非常臃肿。

不知道咱们做规划的时分是不是经常会遇到一种状况便是,当咱们想从简规划优化信息层级的时分,产品们恨不得把一切的案牍阐明都加到规划稿里,相似一种老妈子怕娃吃不饱穿不暖的操心,就担心用户会看不明白,由于看不明白功用而失掉他们最重要的点击率和 KPI。

其实这种主观忧虑有时虽无数据支撑,可是作为一个深化了解用户的规划师还是能够了解的,由于有些用户集体的确对智能设备和新式事物不是很了解,所以有些咱们主观觉得他们能懂的规划,他们还真便是不那么懂。

可是很显然假如咱们对产品这种“老妈子式忧虑”不加以转化操控的话,整个 UI 出来就会由于信息过载而显得十分臃肿。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

所以咱们除了用 A、B 测试的方式获取实践用户数据来衡量是否能够对规划降噪以外,也能够测验“绞尽脑汁”去想一个方案到达两者平衡。而至于为什么我引荐咱们还是尽力“绞尽脑汁”,由于实践项目开发中根本没有那么多资源来让你搞 A/B。

这儿咱们来看第一个事例:

这是一个社交类群聊页面改版前的列表款式。

先放下其他的信息散布问题和视觉优化,咱们单纯的重视下右边的按钮。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

产品运用这个按钮的初衷是为了让用户经过这个按钮点击去参加群聊。所以产品角度了解便是这个按钮越显着越好,越直白越好。

所以这个按钮关于产品来说是十分 OK 的,可是关于有工作操守的咱们来说,可能就不是那么 OK 了。

由于它的引导性并不一定就最强,由于无法一眼辨认(文字比图形的辨认速度永远是慢的)。举个有点滋味的比如昂:咱们回想下是不是 90%的公厕都会贴个超大的性别图标,而不是只写 3 个大字“男厕所”or“女厕所”?

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

这种款式带来的信息量相对较大,铺开来看列表大局的时分就容易呈现信息过载带来的信息干扰。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

那么作为 niubility 的规划师,在改版的时分咱们的首选肯定是要对信息进行降噪,也便是说视觉表达简化、符号化。

那么咱们就获得了以下的几个方案:

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

but 转念一想就猜到了,产品接下来要说的话,“能不能把这个图标改回参加谈天四个字,否则用户可能看不明白”。所以又有了下面的规划方案:

右侧短案牍能够自定义,辅佐了解。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

这样一来的话能够经过符号化的视觉提高引导功率,也能够用短辅佐信息来辅佐用户了解,一起转线为面,削减视觉模块的涣散与割裂感。

最后来看加上左侧信息优化的全体作用对比图。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

然后,咱们再看一个事例。

一个社交类产品改版前的首页列表款式,先放下其他,咱们要点重视下“已认证”和“在线”标签的视觉款式。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

这儿的标签存在 2 个问题:

  • 占用了姓名行比较大的空间,假如之后再拓展标签方式,就放不下任何其他标签了。
  • 信息过载,要用户阅览的文字信息过多,影响辨认功率

所以假如依照最简化的逻辑,咱们彻底能够把在线和已认证彻底符号化到达一举两得的作用,很多 App 也的确都是这么做的。

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

但回归到特定的用户群,普通的信息简化表达无法满足的状况下咱们还能够经过哪些方式提高这些标签的阐明和存在感呢?

  • 能够经过简化案牍、甚至更换案牍都能提高表意一起削减占用空间
  • 改换布局与方位来重组信息结构,提高存在感与了解
  • 增加新手引导浮层来进行强制阐明

接下来来看下全体列表优化后的作用:

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

而这儿“已认证”其实想表达的便是这个用户是实在的人,认证过照片和本人的匹配度的那种,所以咱们能够经过改变案牍和方位来更好的进行视觉阐明,另外也空出了姓名旁的方位留给未来更多的权益标签比如会员和贵族等。

在线的绿点能够经过调整全体大小和方位提高存在感的一起,不占用重要的一级信息方位,假如还有表意不明确的顾虑能够采用和“搭讪”按钮一样的引导模式进行新手引导。

以上便是今日实战小 case 的内容,希望对各位能有亿点点协助~

下次再贱!~

欢迎重视作者的微信公众号:「Nana的规划锦囊」

当产品说要把聊天气泡图标改成「加入聊天」四个字的时候…

当产品说要把谈天气泡图标改成「参加谈天」四个字的时分…

给TA打赏
共{{data.count}}人
人已打赏
教程分享

实战案例复盘!36氪APP 9.0全新设计升级背后的思路

2021-6-23 17:19:46

教程分享

如何搭建直播间礼物体系?来看58设计的实战案例!

2021-6-27 17:17:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索