成功吸引你注意的网站横幅，究竟做对了什么？

5. 设计恰当的导航按钮

导航按钮要帮助用户识别各项选择，使用户在核心滚动图片中看到相关内容时能回想到这些选择。

确保导航按钮存在并出现在横幅内，而不是横幅下方或者其他区域。这样就可以避免显示不当的问题。下面以两例桌面网站为例：

戴尔主页上基本看不到下一项/上一项横幅按钮。导航选择以非常小的框出现在横幅下方。

不推荐示范

苹果主页提供了可视化高并且便于识别的下一项/上一项按钮。

推荐示范

链接和按钮的辨识度要高，并且足够大，以方便辨识和点击。如果按钮(下一项/上一项以及滚动图片选择器)小而紧凑，亦或在杂乱背景的表面，则其辨识度不高，也不方便点击。

在天梭主页，横幅左右两端的箭头在浅色背景图映衬下辨识度很高，也方便点击，但在图示暗色背景图上，箭头辨识度就非常低。

不推荐示范

手机设备支持滑动手势。这不是否定传统的横幅操控方式(比如下一项/上一项按钮)，而是在支持滑动手势的基础上添加这些操控方式。

推荐示范。手机设备支持滑动手势。图片来源：Dribbble

自动滚动(或自动轮换)小技巧

横幅中不同图片的自动滚动可以让访客浏览相关信息。但要使得自动滚动运行流畅，还需注意以下四点细节：

1. 手机设备不要加载自动滚动功能。用户在点击屏幕时，可能会因为横幅图片自动滚动不小心点到不想点开的图片。

2. 确保自动滚动切换速度不要太快。有时横幅滚动切换过快，用户无法读取信息，这会让他们失望。当然，自动滚动切换过慢也有相应的问题——用户会厌烦这些滚动图片。

建议测试最佳停留时间，或至少预估普通用户平均花多长时间去浏览和消化相关文字内容和图像信息。

如果理解不同滚动图片的信息需要不同的时间量，则还要考虑针对单个滚动图片需要单设的停留时间。如果你没法准确把握停留时间，则不建议使用横幅。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!