例子2:airbnb的直方图滑块显示价格分布
5.5 视觉增强指示范围 提供范围值,以及视觉指向
5.6 可视化选择结果 在某些场景下,视觉动画是一个不错的主意。
5.7 滑动流畅响应 如果滑动响应缓慢,会显得很笨重。当用户与滑块交互时,必须确保交互的连续性。 设计师和开发人员希望用户能够抓住滑块按钮来横向水平滑动。,然而并不一定是大多数用户喜欢的交互,用户可能选择点击来跳转到轨道上的任何值。这就意味着水平轨道必须轻易的可以被点击到。
我们也可以放大滑块按钮,改变他的颜色,添加一些阴影,甚至改变轨道的颜色。
5.8 精确的内编辑,增强滑块体验 要使用滑块提供精确输入的快捷方式,我们可以使用预定义的预设值(频繁选择的值或值范围),也可以使用文本输入字段回退来增强滑块。预设值和输入字段都可以逐步公开 – 既可以通过点击按钮,也可以通过点击滑块上的当前值。
5.9 游标可视化反馈,增强滑块体验
5.10 提供额外的“滑块” 相互依赖的滑块,一个滑块的更改可能会限制后续滑块的选项,建议扩展滑块上的“可填充”区域以指示改变的范围。
如果一个滑块中的值发生变化,则会提示其他滑块向上或向下缩放,我们也可以在一个滑块中“锁定”一个滑块,旁边有一个挂锁图标。
总结 如果你的界面只接受几个输入选项,那么使用滑块可能是一个画蛇添足的操作。一组单选按钮,复选按钮或预定义的选项可能会更好。但是如果对于用户的输入是鼓励探索的机制,而不是精确,滑块绝对是一个不错的选择。 与滑块交互的重要点是快速显示结果。这意味着不用强迫用户点击按钮来查看结果,或者等待显示结果。反馈应该是平滑和连续的,没有明显的滞后。 按钮滑块通常不需要任何特殊的视觉图像,但需要适当的视觉指示处理,平滑的过度和动画可以增强用户的参与度。刻度线不仅可以帮助用户定位滑块,更可以指示可以跳转的离散值。请记住,算法尺度通常比线性尺度更好用。 当用户在轨道上移动滑块时,我们可以放大悬停的滑块,添加一些阴影,改变轨道的颜色。最后,精致的可编辑可以一定程度上增强滑块体验。 (责任编辑:admin) |