第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

设计总结:滑块控件(3)

时间:2017-11-06 11:39来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
例子2:airbnb的直方图滑块显示价格分布 5.5 视觉增强指示范围 提供范围值,以及视觉指向 5.6 可视化选择结果 在某些场景下,视觉动画是一个不错的主意

  

  例子2:airbnb的直方图滑块显示价格分布

  

  5.5 视觉增强指示范围

  提供范围值,以及视觉指向

  

  5.6 可视化选择结果

  在某些场景下,视觉动画是一个不错的主意。

  

  5.7 滑动流畅响应

  如果滑动响应缓慢,会显得很笨重。当用户与滑块交互时,必须确保交互的连续性。

  设计师和开发人员希望用户能够抓住滑块按钮来横向水平滑动。,然而并不一定是大多数用户喜欢的交互,用户可能选择点击来跳转到轨道上的任何值。这就意味着水平轨道必须轻易的可以被点击到。

  

  我们也可以放大滑块按钮,改变他的颜色,添加一些阴影,甚至改变轨道的颜色。

  

  5.8 精确的内编辑,增强滑块体验

  要使用滑块提供精确输入的快捷方式,我们可以使用预定义的预设值(频繁选择的值或值范围),也可以使用文本输入字段回退来增强滑块。预设值和输入字段都可以逐步公开 – 既可以通过点击按钮,也可以通过点击滑块上的当前值。

  

  5.9 游标可视化反馈,增强滑块体验

  

  

  5.10 提供额外的“滑块”

  相互依赖的滑块,一个滑块的更改可能会限制后续滑块的选项,建议扩展滑块上的“可填充”区域以指示改变的范围。

  

  如果一个滑块中的值发生变化,则会提示其他滑块向上或向下缩放,我们也可以在一个滑块中“锁定”一个滑块,旁边有一个挂锁图标。

  

  总结

  如果你的界面只接受几个输入选项,那么使用滑块可能是一个画蛇添足的操作。一组单选按钮,复选按钮或预定义的选项可能会更好。但是如果对于用户的输入是鼓励探索的机制,而不是精确,滑块绝对是一个不错的选择。

  与滑块交互的重要点是快速显示结果。这意味着不用强迫用户点击按钮来查看结果,或者等待显示结果。反馈应该是平滑和连续的,没有明显的滞后。

  按钮滑块通常不需要任何特殊的视觉图像,但需要适当的视觉指示处理,平滑的过度和动画可以增强用户的参与度。刻度线不仅可以帮助用户定位滑块,更可以指示可以跳转的离散值。请记住,算法尺度通常比线性尺度更好用。

  当用户在轨道上移动滑块时,我们可以放大悬停的滑块,添加一些阴影,改变轨道的颜色。最后,精致的可编辑可以一定程度上增强滑块体验。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕