横幅内容不能像广告(或者与广告格式内容一样)。如果内容看起来像广告,大多数用户会选择直接忽视。原因就在于旗帜盲点(网页使用中的一种现象,指网站访问者自觉或不自觉地忽略横幅样的信息,又可称为广告的盲目性)。所以,选择合适的字体和图像使得横幅和页面其他内容相匹配就显得非常重要。这样的话,横幅才会像整个网站的一部分,而不是网页上被强加的广告。
不推荐示范。Drugstore.com 的横幅类似广告。
滚动图片的顺序需要仔细斟酌。要记住,越是靠前的图片,越能获得更多曝光机会。所以,第一张图片永远是最重要的,它还能吸引访客去看下一张图。后续图片都应该按重要性排序。
绝对不能把横幅图片当作了解网站特色和内容的唯一途径。建议将出现在横幅的重要信息另放在页面的其他部分,这样就更容易被网站访客看见。
如果你想让访客看到所有内容,那就不要使用横幅。哪怕横幅是有效的,但要记住,大多数访客不会浏览每一张横幅图片。
2. 限制滚动图片的数量
横幅最多放五张图片。再多的话,用户可能就不会去看了。限制滚动图片的数量,还有一个好处就是帮助访客更好地了解网站内容,回过头来能在横幅里再次发现相关内容。
3. 提供进度提醒
让用户知道一共有多少张滚动图片,还需要让其看到目前「进度」是第几张。这可以使人们感到一切都在掌控中。
圆点或类似符号能显示滚动图片总数,使用户知道其目前看的是第几张图
4. 确保滚动图片的内容在手机上清晰易读
由于手机越来越强调注意力,优化横幅内容以方便手机客户端查看则是首要任务。文字和图片显示得越清晰,用户越有可能有兴趣去了解相关内容。
所以,确保滚动图片的文字在各种屏幕上清晰易读就非常重要,即便屏幕内容缩小到非常小的界面,也要能在屏幕上清晰显示。此外,如果你将桌面网站的插图重复利用到手机页面中,一定要检查文字是否清晰易读。
不推荐示范。手机设备滚动图片的字体清晰度不高。图片来源:Baymard
5. 设计恰当的导航按钮
导航按钮要帮助用户识别各项选择,使用户在核心滚动图片中看到相关内容时能回想到这些选择。
确保导航按钮存在并出现在横幅内,而不是横幅下方或者其他区域。这样就可以避免显示不当的问题。下面以两例桌面网站为例:
戴尔主页上基本看不到下一项/上一项横幅按钮。导航选择以非常小的框出现在横幅下方。
不推荐示范
苹果主页提供了可视化高并且便于识别的下一项/上一项按钮。
推荐示范
链接和按钮的辨识度要高,并且足够大,以方便辨识和点击。如果按钮(下一项/上一项以及滚动图片选择器)小而紧凑,亦或在杂乱背景的表面,则其辨识度不高,也不方便点击。
在天梭主页,横幅左右两端的箭头在浅色背景图映衬下辨识度很高,也方便点击,但在图示暗色背景图上,箭头辨识度就非常低。
不推荐示范