已经构思好的滑块中“该做什么”和“不该做什么”需要注意什么?以后再讨论吧,享受~
价格类别滑块、360度主视图滑块、时间线滑块…
在所有这些情况下,滑块是非常合理的。为了减少用户打字,它可以鼓励用户研究大量的选择,帮助他们做出明智的决定。
那么,滑块构思中需要注意什么“该做什么”和“不该做什么”呢?让我们一起来解释和讨论:
文章大纲:
人们什么时候需要滑块?
滑块的案例有哪些?
在哪些情况下滑块实际上不应该被接受?
构思滑块,思考需求,思考考试结果。
关于构思滑块测试结果的详细讨论
总结
1.人们什么时候需要滑块?
实际上,并不是每个页面都能从滑块中受益。但是,如果你想设置几种选项或者帮助用户快速限制几种选项,当用户对打字的相对效果恍惚或者被禁止时,可以使用滑块。
例如,用户选择的最终支付类别是关于机场的出发时间类别。那样的话,用户一开始选择的钱数,以及一开始一秒左右的出发时间,其实都不是真正需要的。
例如,在研究了休闲度假的总体目标后,用户可以期望通过自己喜欢的行为的全过程来选择自己的选择。在这种情况下,可以使用滑块为各种行为分配权重,以便根据他们的偏好准确地确定最终的选择。该滑块可以帮助用户限制或扩大掠夺的天文范围时,该地理区域已处理紧急情况。
比如在选择快递公司的速度时,可以选择快递公司查询快递公司的收费情况。虽然可以全程下推列表,但是隐藏的单选按钮更不雅观,选择项的间接性暴露在用户面前。滑条纯天然的时候,可以分享。删除匹配的价格提示即可。每隔一个选择上圈的价格提示更有目的性,而左排的价格更低,左排的价格被压低,隐藏的更清楚。
总的来说,每次当你想到你在你的世界里推广了一个“恍惚到恍惚”的过滤设备,即将挑起选项间的关联时,滑块都是一个非常深思熟虑的选择。然而,一个反应缓慢而笨拙的滑块比一个可预测的ss="superseo">ss="superseo">通用按钮更令人困惑。为了有效,滑块必须易于控制,并且必须快速连续地变换。
2.滑块零件有哪些情况?
2.1单滑块
如果滑块的主要和次要目的是通过一系列笔画选择值,则可以使用常量滑块。
2.2单个偏置滑块
如果常量滑块批准客户对滑块上的值进行常量更改,则偏移滑块仅批准选择预定义的值组。
2.3单面和双面滑块(2个连续滑块)
考虑每一个的某一部分。
3.哪些情况实际上不应该接受滑块?
滑块中间的所有元素都应该通过交互通信链接起来。每次滑块从左回到左终止控制,最终值都要和war中的值挂钩。它就像一个声音控制器。向左提升,向左降低标准值。
例1:滑块平行带包括进步和线性的关系。
示例2:对于有限的选项,最好没有滑块。
例3:突出了标准值的转换。
只要其中一项明确表示满意,就可以是滑块,这其实并不是解决考试分数的稳妥办法。但是,如果你的情况真的很实际,那么你必须停止想很多想法,为你的想法找到最佳的解决方案。
4.滑块构思和思考测试结果。
滑块可以是哪个测试分数的精确解吗?关于每个人都应该使用单选按钮来选中复选框?
你可以为滑盖提供很多大型室内空房间,如何让它在小显示屏和大显示屏上高质量运行?
是单滑块大家单独借吗?
滑球应该继续借用还是离开场地?
滑块和轨道的logo是怎么构思的?
拖尺怎么选:线性按长度,线性?
每个人都需要几个问题。你是如何构思它们的?
旗卷杆的下缺口和上缺口怎么标注?
如果有,人们使用滑块的标志是什么?
你和其他人怎么呈现那边的现值?
滑块可以准确地输入吗(例如,输入到字段中)?如果是,你建议如何汇编数据?
是否需要使用常用值或值类别作为预置,为用户推回“最佳”选项?
人们如何煽动易用性,以防止死路一条?
滑块的轨迹应该如何随着拇指的移动而修改?
使用单个滑块,如果用户将最后一个拇指移动到左手拇指,会发生什么?如果用户面对面敲击两个拇指之间的区域会发生什么?UI应该协商一个下限还是限制?具体应该禁止哪种动作?
滑块上有什么不应该承受的数值吗?
我们是否应该选择太多或太少的类别?
用户可以重置过去的滑块控件形状吗?
应该推广动画还是改互动?
你有相互依赖的滑块吗?你决定滑块是否被打入吗?用户应该能够“锁定”一些值吗?
5.对滑块概念测试结果的探讨。
5.1滑块所需的区域室内空房间
滑盖虽然只是一个可以考虑的选项,但是并不需要过多的室内空房间,但是为了更加有效和易于控制,滑盖需要大量的水平室内空房间。滑动按钮必须要大,轨道必须要宽,并且容易打在脸上。
如果滑块的总宽度为200~301080x,用户将很难终止选择研究。比如Google字体大小滑块,很难得到确切的值。
对滑块组件室内空要求危害很大的一个关键自变量是滑块上的核心区刻度线。如果所需的核心区域规模更多,则所需的室内空房间会更大。因为滑块也必须被衬托出来,所以这些标尺线的中间必须足够大,不需要太粗糙。
然后,很多年都很充裕,核心区刻度线之间的水平间隔至少是65px。滑动按钮是必不可少的32x32px。整体应对方案呢?标尺中间的间隔将随规格变换而缩放。因此,根据要求,滑块上设置了最大总宽度,同时也设置了最小间隔。一旦毫无疑问地约束了区间,就可以设置周围的分量。
5.2出示刻度线表,记录刻度线的当前值。
假设大量标尺线已经远离轨迹,已知用户一旦拖动按钮,就会显示遮挡情况。什么时候可以接受垂直分隔线来教滑块取影响之间的联系?
5.3滑块类别比例设置
滑块的准确定位是一回事,但选择一个规范来准确反映所选类别是另一回事。例如,服装店有数百种产品,价格从50美元到15000美元不等。你如何想象你的滑块类别的比例?轨道管理中心设置了多少个值?
默认情况下,假设一个合适的滑块类别的比例应该是线性的,所有类别都会生成一组固定距离的直线。外界没有例子。赛道管理中心定了7500美元的价格,但是赛道的长度经常会出问题。因此,将使用50%的轨道和1%的材料。换句话说,大单位在你过虑的时候会意味着有转型,小单位在你过虑的时候意味着大转型。实际材料中有很多情况。当那种情况发生时,用户将面临巨大的工作压力。
一个很好的解决例子:用户可以利用预先定义的预置自动跳转。
示例2:带有饼图的线性价格滑块可以提供更多的偏执。
那种方法不仅可以帮助用户导航滑块上的类别,还可以减少死胡同(令人费解的非生产性页面)的数量。
5.4切除的影响被夸大了。
在整个效果页面中劝阻开发策略:
例1:根据内容传播定义尺度值。把所有类别分成多个单元,每个单元的总效果是一样的。
例子2:Airbnb的饼状图滑块显示了价差。
5.5视觉效果,扩大征集范围
提供类别值和视觉效果。
5.6数据可视化选择的有效性
在某些情况下,动画的视觉效果是一个正确的想法。
5.7拖动以平稳引爆
如果拖的慢,会很笨拙。当用户拿着滑块进行交互时,需要保证交互的连续性。
想象力部门和开发人员希望用户抓住滑块按钮进行水平拖动。然而,其实并不一定是大多数用户喜欢的交互。用户可以选择面对面自动跳转到赛道上的所有数值。那就是说横轨必不可少,可以随意打脸。
你也可以放大滑块按钮,修改它的颜色,并提高一些积极的阴影,从而修改轨道的颜色。
5.8精确的内部编译,提高滑块手感。
要使用滑块来提供准确快速的键入方式,您可以使用预定义的控制参数(经常选择的值或值类别),或者您可以使用文本来键入字段名称,然后淡出以提起滑块。控制参数的输入字段名可以在公共场合慢慢显示——要么全过程按下键,要么全过程按下滑块确认当前值。
5.9光标数据的可视化反映,提升滑块手感。
5.10提供额外的“滑块”
借助彼此的滑块,一个滑块的变化可能会限制后面滑块的选项,主张扩大滑块上的“挖填”区域,以策动修改的范畴。
如果一个滑块中的值发生变化,它会提示其他滑块放大或缩小它们的背面。您也可以将滑块“锁定”在一个滑块中,中间有一个手形锁定标志。
总结
如果你的世界只有多种选择,那么使用滑块可能是一种不尽人意的控制。一组单选按钮、复选键或预定义选项可能更好。然而,如果用户的输入是为了鼓励研究,而不是为了精确,那么让滑块正确是一个万无一失的选择。
滑块交互的关键是快速显示结果。这意味着未经授权的用户面对面地敲击按键来检查效果,等待效果被呈现。应该体现在连续流畅干净的战法上,有显著的落后性。
然而,钥匙并不需要所有特殊的视觉效果图像,但它们需要适当的视觉效果来策动紧急处理。过于明亮干净可以提高用户的存在感。标尺不仅能帮助用户准确定位滑块,还能策动能自动跳转的偏移值。记住,优化算法规范比线性规范更强。
当用户在轨道上移动滑块时,你可以放大悬停的滑块,增加一些阴影并改变轨道的颜色。起初,精致的编译可以在一定程度上改善滑块的感觉。
维塔利·弗里德曼写的
文章中的地址:https://www.smashingmagazine.com/2017/07/designing-perfect-slider/
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)