优化企业微博首页的焦点图设计

新浪微博企业首页的焦点图有以下特点:

  • 处在首页的视觉中心
  • 最多6张
  • 每张焦点图停留3秒后播放下一张

优化设计前

企业微博首页布局

分析后发现的问题

焦点图1中的信息包括:交通路况发布的内容价值、官方网站的网址和微博网址。

内容价值除去标点有28个字,阅读速度慢的人实际上无法在3秒内阅读完。而2个网址自然更直接被忽视。

焦点图2中的信息为多个长句,在3秒钟内无法有效传递信息。

没有充分利用全部焦点图传达信息,只有2张。

优化过程

A. 简化目标

之前的焦点图试图让访客记住交通路况是什么,并期待被关注,同时推广交通路况官方网站交通路况的微博网址。

还企图介绍交通路况的使用方式。

这多个目标让焦点图信息过于饱和,反而无法起到应有的效果。

优化后目标简化为2个:

  1. 让访客在以后堵车时想起@交通路况

  2. 直接关注交通路况

B. 优化文案

针对目标,第一张焦点图优化为只有7个字的文案:

堵车了 @交通路况

文字量下降到原来的1/4,可以轻松在3秒钟内读完。

2-6张焦点图用排比、从众文案来增强目标:

谁关注了交通路况?
政府部门关注了交通路况
电视电台关注了交通路况
地铁铁路关注了交通路况
你?也可以关注交通路况

C. 视觉设计

第1张焦点图增加堵车的背景,用滤镜模糊化,增强与文字信息的对比。

同时增加道路路牌的隐喻,将文字放置在一个路牌里,里面有足够的留白来突出文字,外面用3像素描边。

路牌的颜色来自真正的路牌照片的绿色,文字字体采用专用的交通标志字体,反白显示。

焦点图1

其余焦点图保持文字字体风格,颜色使用白底绿色。在文字下方增加详细内容,设计为对应的粉丝头像+昵称。

焦点图1

总结

降低单位时间访客接触的信息量,集中力量达成1个或2个目标;

设计参考现实的隐喻,但不做复杂的光影设计,专心传达信息。设计过程中运用对比、重复等多种手段强化信息传递。

设计师在做每张设计图的时候,不仅要静态地看设计图,还要动态地考虑用户的使用场景。

最好实地感受,要实际考虑到用户在画面停留的时间,在有限的时间内充分传递目标信息。

一周数据指标

数据改善

从5月15日新设计上线后,粉丝数增长稳定在10上下,不再象之前波动剧烈了,这说明首页的转化率趋于稳定。

喜欢这篇文章就分享到微博吧!
留言请发送到
微信公众帐号
“技术派”

修订历史:


知识共享许可协议

关注@好看簿的蚂蚁

探讨技术、设计、人文和商业
相关的创业话题