不知道咱们做规划的时分是不是经常会遇到一种状况便是,当咱们想从简规划优化信息层级的时分,产品们恨不得把一切的案牍阐明都加到规划稿里,相似一种老妈子怕娃吃不饱穿不暖的操心,就担心用户会看不明白,由于看不明白功用而失掉他们最重要的点击率和 KPI。
其实这种主观忧虑有时虽无数据支撑,可是作为一个深化了解用户的规划师还是能够了解的,由于有些用户集体的确对智能设备和新式事物不是很了解,所以有些咱们主观觉得他们能懂的规划,他们还真便是不那么懂。
可是很显然假如咱们对产品这种“老妈子式忧虑”不加以转化操控的话,整个 UI 出来就会由于信息过载而显得十分臃肿。
所以咱们除了用 A、B 测试的方式获取实践用户数据来衡量是否能够对规划降噪以外,也能够测验“绞尽脑汁”去想一个方案到达两者平衡。而至于为什么我引荐咱们还是尽力“绞尽脑汁”,由于实践项目开发中根本没有那么多资源来让你搞 A/B。
这儿咱们来看第一个事例:
这是一个社交类群聊页面改版前的列表款式。
先放下其他的信息散布问题和视觉优化,咱们单纯的重视下右边的按钮。
产品运用这个按钮的初衷是为了让用户经过这个按钮点击去参加群聊。所以产品角度了解便是这个按钮越显着越好,越直白越好。
所以这个按钮关于产品来说是十分 OK 的,可是关于有工作操守的咱们来说,可能就不是那么 OK 了。
由于它的引导性并不一定就最强,由于无法一眼辨认(文字比图形的辨认速度永远是慢的)。举个有点滋味的比如昂:咱们回想下是不是 90%的公厕都会贴个超大的性别图标,而不是只写 3 个大字“男厕所”or“女厕所”?
这种款式带来的信息量相对较大,铺开来看列表大局的时分就容易呈现信息过载带来的信息干扰。
那么作为 niubility 的规划师,在改版的时分咱们的首选肯定是要对信息进行降噪,也便是说视觉表达简化、符号化。
那么咱们就获得了以下的几个方案:
but 转念一想就猜到了,产品接下来要说的话,“能不能把这个图标改回参加谈天四个字,否则用户可能看不明白”。所以又有了下面的规划方案:
右侧短案牍能够自定义,辅佐了解。
这样一来的话能够经过符号化的视觉提高引导功率,也能够用短辅佐信息来辅佐用户了解,一起转线为面,削减视觉模块的涣散与割裂感。
最后来看加上左侧信息优化的全体作用对比图。
然后,咱们再看一个事例。
一个社交类产品改版前的首页列表款式,先放下其他,咱们要点重视下“已认证”和“在线”标签的视觉款式。
这儿的标签存在 2 个问题:
- 占用了姓名行比较大的空间,假如之后再拓展标签方式,就放不下任何其他标签了。
- 信息过载,要用户阅览的文字信息过多,影响辨认功率
所以假如依照最简化的逻辑,咱们彻底能够把在线和已认证彻底符号化到达一举两得的作用,很多 App 也的确都是这么做的。
但回归到特定的用户群,普通的信息简化表达无法满足的状况下咱们还能够经过哪些方式提高这些标签的阐明和存在感呢?
- 能够经过简化案牍、甚至更换案牍都能提高表意一起削减占用空间
- 改换布局与方位来重组信息结构,提高存在感与了解
- 增加新手引导浮层来进行强制阐明
接下来来看下全体列表优化后的作用:
而这儿“已认证”其实想表达的便是这个用户是实在的人,认证过照片和本人的匹配度的那种,所以咱们能够经过改变案牍和方位来更好的进行视觉阐明,另外也空出了姓名旁的方位留给未来更多的权益标签比如会员和贵族等。
在线的绿点能够经过调整全体大小和方位提高存在感的一起,不占用重要的一级信息方位,假如还有表意不明确的顾虑能够采用和“搭讪”按钮一样的引导模式进行新手引导。
以上便是今日实战小 case 的内容,希望对各位能有亿点点协助~
下次再贱!~
想抓住产品第一印象?看看这些引导页规划方法!(附素材)
引导页能够算作咱们打开一个新产品时看到的第一个画面,能在未运用产品之前提早告知产品的主要功用与特色。
第一印象的好坏会很大程度上影响到后续的产品运用体会。
阅览文章 >>
欢迎重视作者的微信公众号:「Nana的规划锦囊」