用好这4个设计建议，让你的轮播图点击率更高！ 交互设计

在下面的豆瓣app的这个例子中，推荐的第二个小组还有一部分没有显示出来，让用户明显能够感知到后面还有更多类似的推荐，可以左右滑动进行查看：

（以上图片截自豆瓣app）

Instagram在推荐用户时也用了类似的做法，除此之外，还给出了展示全部的操作入口。不仅对用户的打扰最小，操作效率也更高。

（以上图片截自Instagram app）

所以，让你的图片默认静止在最新或者最重要的内容上，给出可以切换的操作预期，由用户自主触发切换操作时才进行切换，是更好的选择。

3、给予清晰的操作反馈和内容预期

展示信息的信息应该面向大部分的访问用户，属于同一类别或有所关联（如都是某个酒店的图片，都是旅游城市的地标图，都是当季发布的新品图等等），引起访问者的兴趣并诱发进一步切换探索，而不是随机地将一些无明显关联的图片放在同样的位置。

让用户能够快速识别点击区域，减少出错的可能。提供更大的点击区域和hover反馈，让用户能够清晰的感知到哪些区域是可点的。

同时，对于面积较小的点击区域（如定位指示点），给予适当的容错区间。

提示用户所在的位置，提示用户操作后可见的内容。当用户对切换后的内容有所预期时，他能够更容易地找到自己感兴趣的内容，点击率也更高。下图的例子将步骤与定位指示点相结合，图片按顺序展示了当前步骤的指示。

在下图的案例中，banner区域的下方展示了不同视图下的缩略图和标题文字，让用户能够在不进行任何切换时，就获取隐藏的信息内容，然后再选择自己感兴趣的进行操作。

（以上图片截自John Deere）

4、保证可用性，兼顾SEO

最后很重要的一点是，在设计时须考虑到网站的加载速度，对内容进行优化，使用轻量的图片元素和转场动画，保证网站的可用性。

（编辑：网站开发网_安阳站长网）

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