产品设计

    今日:74| 主题:16827
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[交互设计] 用好这4个设计建议,让你的轮播图点击率更高! ...

[复制链接]
梦琪 发表于 2016-10-19 09:04:36
361 8

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

用好这4个设计建议,让你的轮播图点击率更高!                                      ...-1 (图书馆,点击率,会议室,销售员,优先级)

(以上图片源自Erik Runyon的研究结果)
还有学者针对30多个B2B的网站的网站进行了研究分析,根据轮播图的内容分成了三类:品牌宣传(Branding)、白皮书/在线研讨会(Thought Leadership)、服务推广(Service Promtion),发现不管是哪一类的内容,点击率都很低(0.16%~0.65%):


用好这4个设计建议,让你的轮播图点击率更高!                                      ...-2 (图书馆,点击率,会议室,销售员,优先级)

(以上图片源自Harrison Jones的研究结果)
不仅如此,不少使用轮播图的网站还存在以下几种SEO问题:
复杂的大图导致网站性能低,加载速度慢。一般轮播图都会承载大量的图片信息,尤其是那些首屏就被高分辨率轮播图铺满的网站,这样庞大的图片信息会对加载速度造成很大影响。每多加载1秒,就会流失更多用户。无论是用户还是搜索引擎,都偏好加载更快的网站。
使用轮换的标题。不少开发者倾向于给页面最上方的轮播图片打上标签,使页面上出现轮换的4-5个不同的标签,导致相关关键词的检索能力降低。Flash的使用。部分网站的轮播图使用Flash去展示内容,它能够做出很酷的效果,但却无法被任何搜索引擎抓取。
综上所述,设计不当的轮播图容易被忽略,点击率不理想,还可能会对SEO造成负面影响。所以,我们不应该在还没有仔细思考过页面希望给用户传达内容的优先级和希望达到的效果时,就哪里“需要”哪里搬。事实上,有很多其他方式也能帮助我们解决问题,并带来更好的效果:
1、找到最需要触达给用户的内容,将次要内容放在次级位置展示
谷歌云平台的产品与服务种类繁多,但并没有使用轮播图展示全部产品和特性,而是将浓缩的品牌价值和理念清晰地展现在用户面前,并提供主(免费试用)、次(与销售人员联系)两个明显的转化入口。同时,将其他次要入口铺在下方,让用户可以选择通过顶导航或者继续往下浏览,快速找到感兴趣的内容,如下图:
友荐云推荐




上一篇:图标设计的三个小原则,你的UI设计师都知道么? ...
下一篇:细微处见功夫!聊聊那些不被重视的交互稿细节 ...
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

xixiangfeng 发表于 2016-10-19 16:15:51
也是蛮拼的
回复 支持 反对

使用道具 举报

zerphy 发表于 2016-10-23 04:05:47
嘘,低调。
回复 支持 反对

使用道具 举报

纸飞机的春天 发表于 2016-10-31 00:32:49
梦琪你怎么看?
回复 支持 反对

使用道具 举报

景晓蓉 发表于 2016-11-3 11:09:52
前排,留史!
回复 支持 反对

使用道具 举报

XDXY 发表于 2016-11-5 15:40:01
非常好,顶一下
回复 支持 反对

使用道具 举报

tonyvsk 发表于 2016-11-19 04:54:33
锄禾日当午,梦琪真辛苦。谁知坛中餐,帖帖皆辛苦!
回复 支持 反对

使用道具 举报

窗外的雨、 发表于 2016-11-20 08:42:35
人的一生至少要有一次一见钟情,那看来我已经让很多人不枉此生了。
回复 支持 反对

使用道具 举报

非常完美 发表于 2016-11-21 04:27:23
收藏了,很不错的内容!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表