Answers:
在转到按钮应该 更大 ,并拥有所有的对比度最高,因为它是主之一。
该清除按钮是可以的,因为它是一个辅助作用,它应该是中立的。
对我而言,“ 切换”按钮在大小和结构上都太多了。我将其放置在Origin-Destination下拉菜单之间,在该下拉菜单中“单独”更有意义。
这里有两个对我来说更干净的相似解决方案,并且为特定目的提供了更好的可用性(我个人选择了第一个):
仅供参考:我使用了Font-Awesom e图标,第一张图片中的图标是(取决于您的版本)icon-exchange / fa-exchange,而箭头是icon- arrow-left / right和 fa-arrow-left /对
如果“ 清除”按钮仅清除(从/到)这两个字段,则似乎没有必要,因为无论如何,用户都必须单击每个下拉列表并进行选择,并且如果添加“清除”按钮,则该设置不会改变。
如果是这种情况,我建议您将其删除,这样您就可以得到一个更干净的界面,并防止用户执行不会为其添加任何值的操作(并且无意中删除了他们选择的内容)。
一种解决方案是按优先顺序在视觉上分隔您的按钮。
通常,您会拥有主按钮,辅助按钮,有时还有第三按钮和/或非首选操作按钮。
对于“主要”和“次要”,我通常会在两个对比级别上建议您首选的品牌颜色(纯主观)。初级对比度高,次级对比度低。
我通常会尽量避免使用三级按钮,而是采用完全不同的外观,例如链接。
因此,考虑到您的示例,并尽我所能解释上下文,我建议采取以下措施:
这只是一个非常简单的示例,您需要确认对比是否符合可访问性准则,并且看上去没有被禁用(我的想法确实如此,因此需要进行调整),但希望它能使您理解这一点。
更新:我刚发布时注意到,这就是StackExchange在创建新帖子时使用的模式。“保存”按钮是主要按钮,“取消”按钮是主要按钮,显示为链接而不是按钮。
高对比度(例如黑白)的颜色始终是最好的,这消除了橙色选项。然后,在组合中添加一些营销,就按钮,应用程序而言,页面其余部分使用的颜色方案是什么?但是,如果我必须选择:Go:绿色;开关...:海军蓝;清除:黑色白色。记住颜色也与喜好有关。
(离题:您可以通过在两个字段之间使用图标标记的按钮来消除长标签的切换)
我要说的是,改变类似颜色阴影的对比度以显示重点。为什么?(每12位男性中有1位是色盲,每200位女性中有1位也是色盲
您还希望引导用户使用系统中的预期路径,因此我将使“转到”按钮变暗。他们可以扫描所有按钮并进行处理,或者它们可以具有较深的颜色或更大的尺寸,将它们吸引到预期的或80%的最常见选择中,这样他们可以首先看到它们,然后说是的,这样可以节省时间。
请参阅下面的示例
看起来不像下面的图片一样好(我认为)
那篇文章还提到要合理地安排按钮。因此,我认为我会在右侧放置“开始”按钮,因为会说英语的用户从左到右(所以他们自然会在右边寻找结束标志)。我会把它放在阿拉伯用户的左边。那就是我为英国市场安排的方式。
该文章中的最后一个主题是“更难找到破坏性的按钮”。 在您的情况下,如果您单击“开始”,而您不小心错过了左侧,那么您可能会更改订单顺序,而有可能更改送货地点而不是破坏行动。如果您觉得破坏性任务必要,也可以确认它(即确定吗?)。