美文网首页
你还用轮播图吗?

你还用轮播图吗?

作者: 太阳mob | 来源:发表于2016-11-22 14:25 被阅读0次

轮播图谁用谁知道这话是真的,看似酷炫  ! 但 !真的起效果了吗?

各大数据报道显示: 只有 1% 的用户点击了轮播图上切换按钮,其中 84% 的用户只在首屏点了1次。

热力图展示了用户的浏览行为习惯:快速扫描找到想要阅读的区域,然后再进行有序的沉浸式阅读,毫无例外他们都忽略了看起来像广告的图片部分。条件反射般 完美避开这类似广告的图片是我最大感受.

而轮播图的另外个情况让人很着急,你应该跟我有一样的共鸣!

对,自 ! 动 ! 轮 ! 播 ! 

什么感受,每次就像要抓到的鱼跑了的感觉~

我猜他们设计是这么想的:多展示的内容提供更多选择 = 更多点击率 = 更多销售额 

!!!  什么逻辑

好吧,这是我关于自动轮播的个人感(tu)受(cao)!

我应该来点实际的比如说:


轮播图广受诟病的一点是内容的缺乏:用户并不知道下一张分页会显示啥,也不知道他们为什么需要关心。因此,他们可能不会看完所有轮播图。为了解决这个问题,可以考虑使用主页横幅(Hero image)来替代轮播图。

  在原本放置轮播图的位置放上首页横幅,能够优化你的内容。举个例子,这张截图来自 Amazon 的首页,设计师选择了一张首页横幅来强调主打产品——Kindle Paperwhite。这张图在提供信息的同时,很好地吸引了注意力。Amazon 选择了与网页全局导航栏像匹配的颜色和字体,所以这个首页横幅与主页很好的融合,并不像讨人嫌的广告。

你觉得怎样呢?

欢迎评论区交流

相关文章

  • 你还用轮播图吗?

    轮播图谁用谁知道这话是真的,看似酷炫 !但 !真的起效果了吗? 各大数据报道显示:只有 1% 的用户点击了轮播图上...

  • 纯CSS实现轮播图

    天天写前端的你,会自己写一个轮播图吗,而且不能用js哦,知道轮播图的原理吗? 今天我们要讲的是如何只用css实现轮...

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • day7_作业

    轮播图1 轮播图2

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 普通奖品

    卡西欧小方块 轮播图 详情图 三只松鼠大礼包 轮播图 详情图 天猫精灵 轮播图 详情图 小米蓝牙无线耳机 轮播图 ...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

网友评论

      本文标题:你还用轮播图吗?

      本文链接:https://www.haomeiwen.com/subject/rdmppttx.html