轮播是一种UX组件,以类似于幻灯片的方式显示内容。轮播可以由用户“自动播放”或手动导航。尽管轮播可以在其他地方使用,但是轮播通常用于在Shou页上显示图片,产品和促销信息。轮播应该以易于浏览和阅读的方式推进您的业务目标并呈现内容,以下是我们总结出轮播图的几个设计原则:
提供突出的导航控件
轮播导航控件应易于点击且高度可见。这是很少做的事情,大多数轮播的导航控件既小又微妙。请记住,单一颜色或样式的导航控件在所有情况下都很少起作用。例如,在深色背景下清晰可见的箭头在浅色背景下可能很难看到。
显示导航进度
轮播导航控件应提供有关幻灯片总数以及用户在幻灯片中的进度的上下文。此信息使用户可以更轻松地导航到特定幻灯片并了解已经查看了哪些内容。在某些情况下,提供即将到来的内容的预览(无论是下一张幻灯片的摘录还是缩略图列表)也可能会有所帮助并增加参与度。
支持移动手势
在移动设备上,除传统的导航控件(如屏幕按钮)外,还应支持滑动手势。
提供备用导航路径
由于大多数用户不太可能会使用所有轮播内容,因此应该从其他导航路径访问轮播幻灯片链接到的内容。
不要使用自动播放
自动播放的使用产生了两个几乎矛盾的问题:屏幕动画倾向于分散用户的注意力并使眼睛远离更重要的内容;同时,由于用户经常将动画与广告相关联,因此他们将忽略自动播放的轮播。因此,自动播放是一个不错的选择,这种情况很少见。如果内容很重要,则不使用自动播放功能可以*大程度地提高其曝光率;如果轮播的内容不重要,则使用自动播放会减损更重要的内容。此外,自动播放转盘可能难以阅读(也很烦人)。人们以不同的速度阅读,因此很少有轮播在“正确”的时间为不同的用户持续转换。理想情况下,幻灯片导航应由用户通过导航控件控制。如果必须使用自动播放,则应在用户悬停时禁用自动播放。此外,幻灯片转换率应考虑到幻灯片内容-幻灯片包含的文本越多,则在屏幕上显示的时间就越长。
将文字和图片分开
轮播文本内容通常被“烘焙”到相应的图像文件中,而不是使用HTML标记单独显示。这种方法不利于可访问性,本地化和压缩率。它还鼓励采用一种Wan能的方法来进行资产创建。但是,相同的图像和文本格式很少能在台式机和移动格式中以相同的方式读取。
Copyright © 2010 滁州鑫泽信息科技有限公司
技术支持:鑫泽科技
管理员
该内容暂无评论