优化企业微博首页的焦点图设计
新浪微博企业首页的焦点图有以下特点:
- 处在首页的视觉中心
- 最多6张
- 每张焦点图停留3秒后播放下一张
优化设计前
分析后发现的问题
焦点图1中的信息包括:交通路况发布的内容价值、官方网站的网址和微博网址。
内容价值除去标点有28个字,阅读速度慢的人实际上无法在3秒内阅读完。而2个网址自然更直接被忽视。
焦点图2中的信息为多个长句,在3秒钟内无法有效传递信息。
没有充分利用全部焦点图传达信息,只有2张。
优化过程
A. 简化目标
之前的焦点图试图让访客记住交通路况是什么,并期待被关注,同时推广交通路况官方网站和交通路况的微博网址。
还企图介绍交通路况的使用方式。
这多个目标让焦点图信息过于饱和,反而无法起到应有的效果。
优化后目标简化为2个:
让访客在以后堵车时想起@交通路况
直接关注交通路况
B. 优化文案
针对目标,第一张焦点图优化为只有7个字的文案:
堵车了 @交通路况
文字量下降到原来的1/4,可以轻松在3秒钟内读完。
2-6张焦点图用排比、从众文案来增强目标:
谁关注了交通路况?
政府部门关注了交通路况
电视电台关注了交通路况
地铁铁路关注了交通路况
你?也可以关注交通路况
C. 视觉设计
第1张焦点图增加堵车的背景,用滤镜模糊化,增强与文字信息的对比。
同时增加道路路牌的隐喻,将文字放置在一个路牌里,里面有足够的留白来突出文字,外面用3像素描边。
路牌的颜色来自真正的路牌照片的绿色,文字字体采用专用的交通标志字体,反白显示。
其余焦点图保持文字字体风格,颜色使用白底绿色。在文字下方增加详细内容,设计为对应的粉丝头像+昵称。
总结
降低单位时间访客接触的信息量,集中力量达成1个或2个目标;
设计参考现实的隐喻,但不做复杂的光影设计,专心传达信息。设计过程中运用对比、重复等多种手段强化信息传递。
设计师在做每张设计图的时候,不仅要静态地看设计图,还要动态地考虑用户的使用场景。
最好实地感受,要实际考虑到用户在画面停留的时间,在有限的时间内充分传递目标信息。
一周数据指标
从5月15日新设计上线后,粉丝数增长稳定在10上下,不再象之前波动剧烈了,这说明首页的转化率趋于稳定。