许多设计师对于在网站设计中使用滑块和滑块控件有强烈的意见。有些人爱他们; 别人恨他们。定时不准的轮播或自动画廊滑块可能会将用户从更关键的站点方面转移。另一方面,手动滑块可让移动用户和网站用户快速浏览各种内容功能或选项。浏览滑块和滑块控件,找出它们在网页设计中最有用的时间。
什么是滑块?
滑块是一个术语,指的是在网站上的幻灯片。滑块的示例可以是显示产品或照片的旋转式传送带。网页设计师可以将滑块并入各种网站,但对于希望展示相关内容或展示专业投资组合的企业而言,它们最为有用。当设计人员想要快速显示多个选项并帮助用户快速排序时,滑块有助于缩小选择的范围。
为什么爱恨?
如果您在SERP的顶部附近进行网页搜索,您会发现批评者讨厌他们,同样有许多设计师赞成他们。这边是一些观点。
批评者认为,滑块混淆,因为它们同时向用户提供了几个选项,所有这些都具有相同的重量或重要性。由于用户体验的选择是明确的,所以他们说任何造成混乱的东西都应该避免。他们还提供了以下原因,他们是坏的UX:
- 访客经常以与他们做广告相同的方式浏览滑块并跳过它们。
- 滑块减慢页面,影响搜索引擎优化和转换率。
- 一些滑块不能很好地转换到移动设备。
- 他们占用的空间减少了其他内容的可用空间。
- 滑块可能给人的印象是公司不确定要突出什么,所以选择同时显示所有的选择。
有人说移动的幻灯片可能会有自动播放视频的负面影响。评论家推荐使用静态图像和复制,而不是滑块。
从表面上看,一些设计师喜欢滑块,并且强烈地赞成使用滑块。这里有一些方法充分使用的内容滑块可以是良好的用户体验:
- 它们节省空间:整合内容,让更多的内容在一个屏幕上可见。
- 用户保持参与:访客停留在一个地方查看内容,视觉效果提供了一个休息,然后继续下去。
- 滑块合并图像:虽然页面上的媒体可以将注意力从文本中吸引掉,但滑块将其全部放在一个位置以防止分心。
- 用户控制内容:始终允许用户按照自己的步调通过滑块进行操作,如果这不是他们想要的,则可以跳过它们。
何时使用滑块
虽然滑块不适合每个网站,但也有一些提升。首先分析你的用户在寻找什么,以及你网站的每个页面如何帮助他们完成这个目标。如果滑块巩固品牌并增强用户的信任,那么它们可以成为用户体验的重要组成部分。如果他们造成分心和混乱,他们会对转换产生负面影响。每个组织都是独一无二的,所以一些组织是完美的,可能会对其他组织产生不利的影响。
避免通过最小化过渡和选择柔和的淡出,而不是生涩的水平幻灯片使滑块分心。使用明显的箭头按钮使导航变得容易,以便前后移动。允许移动用户刷卡。通过使用尽可能小的图像大小来优化页面加载时间,并等待稍后在轮播中加载幻灯片,因为观看者可能不需要它们。
使用滑块进行产品游览
当网站访问者看到大量的信息时,它可能是压倒性的。如果您提供的产品可以按照一系列步骤工作,请使用滑块来显示系列并为用户创建一个可视化对象。
例如,一家使用智能手机处理信用卡交易的公司可能会在其网站上显示一个滑块,用于显示客户将该卡作为付款,员工在设备上刷卡,并将资金转移到所需的账户。用户花几分钟时间阅读文本,他们很快就能通过滑块在几秒钟内了解到。同样的过程可以适应新用户的入场和移动应用程序。
使新内容脱颖而出
首次访问网站的人往往想知道他们的选择和网站提供什么。首页内容滑块提供简要概述,并允许访问者快速做出决定。
如果您经常更新您的网站,滑块可以强调更新。在新闻网站上,最新,最具轰动性的材料通常是其内容滑块的重点。只要是最新的新闻或最新的产品,每一个更新都站在了前列。一旦事情发生变化,用户一眼就能知道。
目前的照片画廊
有时候,一个图像会对你的品牌做出有力的陈述。其他时候,图像集合提供了一个组织的质量,价值和可信度的令人信服的证据。滑块不仅仅是显示图像。无论您是选择一个小图像的照片库还是全屏高质量的图像,都可以组织和显示图像。
对于出售房地产或汽车的组织来说,照片画廊可能是不可或缺的。购房者希望能亲眼看到房子的多张照片,而滑动者则可以快速浏览。
汽车制造商在他们的汽车精英特征和创新设计屏幕之后展示屏幕,以进一步关注买家。购物者可以快速翻转,而不必选择个人图像。减少的摩擦增强了用户体验。
在线显示投资组合
艺术家,平面设计师和网页开发人员经常试图展示他们的产品,技能和能力。客户希望看到一个品味或一个简要的概述,使他们能够评估整体质量和语气。滑块使设计人员能够以灵活的格式显示工作。游客可以随心所欲地看到或看到尽可能多的东西,但即使时间不长,也会留下一个普遍的印象。
展示电子商务选项
在线企业家可以展示一些公司最受欢迎或可识别的产品,吸引用户,强调新的品种或口味,或显示类别,使用户更容易购物。研究电子商务网页设计趋势以获得更好销售的设计师知道一些最有效的布局使用简约的方法和大量的空白空间,因此滑块被允许发光。
测试有效性
如果滑块告诉故事并且控制与用户的观看,则滑块是有用的。如果您不确定您的滑块是否改善了用户体验,请对其进行测试。如果您只是设计页面,请运行A / B测试以查看用户如何与滑块交互以及他们喜欢哪个版本。查看哪个版本的转化率较高或收入增加。
如果滑块位于现有页面上,则跟踪用户交互和点击数据。请注意,点击次数开始减少。随着用户通过多个幻灯片进行,兴趣减少。这可能是因为设计人员通常会把最引人注目的内容放在第一位,但是如果后续的材料不能满足用户的兴趣,它只会减慢页面加载时间。
结论是
每个网站是不同的,每个接收不同类型的访问者。设计师从用户需求开始,围绕自己的偏好和交互风格设计内容,使用各种工具来呈现内容。正确使用时,可以实现滑块以创建更加身临其境的浏览体验。