网站设计与开发

为什么你的网站轮播图起不到作用?

2021-03-01
网站设计与开发
by 北京永灿
为什么你的网站轮播图起不到作用?

轮播是一种UX组件,以类似于幻灯片的方式显示内容。轮播可以由用户“自动播放”或手动导航。尽管轮播可以在其他地方使用,但是轮播通常用于在Shou页上显示图片,产品和促销信息。轮播应该以易于浏览和阅读的方式推进您的业务目标并呈现内容,以下是我们总结出轮播图的几个设计原则:


提供突出的导航控件

轮播导航控件应易于点击且高度可见。这是很少做的事情,大多数轮播的导航控件既小又微妙。请记住,单一颜色或样式的导航控件在所有情况下都很少起作用。例如,在深色背景下清晰可见的箭头在浅色背景下可能很难看到。

显示导航进度

轮播导航控件应提供有关幻灯片总数以及用户在幻灯片中的进度的上下文。此信息使用户可以更轻松地导航到特定幻灯片并了解已经查看了哪些内容。在某些情况下,提供即将到来的内容的预览(无论是下一张幻灯片的摘录还是缩略图列表)也可能会有所帮助并增加参与度。

支持移动手势

在移动设备上,除传统的导航控件(如屏幕按钮)外,还应支持滑动手势。

提供备用导航路径

由于大多数用户不太可能会使用所有轮播内容,因此应该从其他导航路径访问轮播幻灯片链接到的内容。

不要使用自动播放

自动播放的使用产生了两个几乎矛盾的问题:屏幕动画倾向于分散用户的注意力并使眼睛远离更重要的内容;同时,由于用户经常将动画与广告相关联,因此他们将忽略自动播放的轮播。因此,自动播放是一个不错的选择,这种情况很少见。如果内容很重要,则不使用自动播放功能可以最大程度地提高其曝光率;如果轮播的内容不重要,则使用自动播放会减损更重要的内容。此外,自动播放转盘可能难以阅读(也很烦人)。人们以不同的速度阅读,因此很少有轮播在“正确”的时间为不同的用户持续转换。理想情况下,幻灯片导航应由用户通过导航控件控制。如果必须使用自动播放,则应在用户悬停时禁用自动播放。此外,幻灯片转换率应考虑到幻灯片内容-幻灯片包含的文本越多,则在屏幕上显示的时间就越长。

将文字和图片分开

轮播文本内容通常被“烘焙”到相应的图像文件中,而不是使用HTML标记单独显示。这种方法不利于可访问性,本地化和压缩率。它还鼓励采用一种Wan能的方法来进行资产创建。但是,相同的图像和文本格式很少能在台式机和移动格式中以相同的方式读取。

简洁

您只有一秒钟的时间来吸引用户的注意。简短的即时复制会增加您传达信息的几率。

你可能还喜欢...
2021-07-26

如何在网站上创建品牌个性

创意与品牌
2021-03-01

为什么你的网站轮播图起不到作用?

网站设计与开发
2020-04-14

北京永灿关于域名常见问题解答

网站维护和托管

考虑下合作关系?

立刻联系我们

我们与创新品牌合作,创造前沿的数字体验。让我们连接。