「是能是不能呢？」这是用户在些操作按钮时，大脑会迟疑问题。
按钮越多，做决定的时间就越长。户必须仔细看每个按钮，才确定哪个是他们需要的。对于按钮的任何确定性，都可会导致他们敢操作或误操作。
计可以把按钮的优先计得更加直观以减少这的情况发生。当用户注哪个按钮的任目标更契，就能帮助快速做出决定。这篇文章就是介绍一些这的计巧，通过简的调整使得按钮变得更加直观有效。
在 App 中，一个常见错误就是按钮的排列顺序偏离了用户的阅读习惯。将优先最高的按钮放在最前面，期望用户能首先注它。但其实只要按钮足够突出，视觉量够重，用户就会注它，而无视它的排列顺序。
按钮顺序不了提供可视性，了提高效率。面高优先级的按钮会导致用户自下的阅读习惯被打断，看到按钮后还会继续阅读下面的文字，然后再回过找面的按钮行操作。
不让用户返回再次检查按钮，让他们以自然的阅读习惯看完所的内后，按视觉比重速行选择。
通将优先级高的按钮放在底部，让它处视阻力最小的路径上，使得个按钮以更有效率的被点击。此外，底部位置是手指最容易达到的区域，进一步提高效率。
App 上的另一个错误是只使用文字来表示按钮。设计师使用文字按钮来表示优先级低的操，但是对用户来说，是一个糟糕的选择，因为纯文没有一个按钮的外观，能导致用户忽略操。
纯文按钮让用户迟疑到底是按钮还是内容，从而造成混淆，种不确定能导致他们直接跳按钮。
纯文本按钮不仅让感到疑惑，在操作上也不容易击。将文本内容放在按钮框，可以使按钮更容易被击和注意到。
与纯本相，描边形式的按钮是降低优先级的好方法。它们使每个项都易于识别，户择他们期望的目标。
优先级的按钮应该是最容易被识别到的，它是直接指向户最需要的目标操作。如果确定优先级，请考虑哪些操作会使得户着目标前进，哪些操作会使得户退。
在这个例子中，「付款」具有更的优先级，因为它顺应着户的目标流程。但大清楚「查看购物车」和「继续购」哪个优先级更。
「查购物车」操作让用户查已经在购物车的商品，然后继续结账。「继续购物」操作将用户带回远离结账的产品页面。
通过思考这些操作，可以清楚看到「查看购车」具中优先级，「继续购」具较低的优先级。判断的理由哪些操作使用户朝他们的目标，哪些操作使他们远离目标。
前进的操总是比回退的操优先级更高，因此，它们应该被设计得有更强的视重量和更高的颜对比度。
颜是一种增加按钮权重的有效方法，因为它从文颜中脱颖而出，吸引用户的注意力。当按钮的颜与文的颜相同时，提示就没有么强。为优先级更高的按钮使用不同的颜来辅助用户进行快速决策。
果对每个不同优先级按钮使用相同的颜，用户将不道哪个优先级更高。而使用不同的颜只让用户更加困惑，不道颜到底意味着什么。不仅此，每个按钮使用不同颜，还让视权重重新变得一样。
秘诀在于使用相色相颜色，改变饱和度和亮度能改变这个按钮优先级了，使它比高优先级按钮更轻。现在按钮视觉比有了区分，下子变晰了很多。
为了增对，可使反色。在按钮的深色背景上使浅色本，而在中等优先级按钮上使浅色本。这样就使得优先级的按钮具有最亮的本和最强的对。
之前说的几个方法，已经足区分优先级，但还可做的更好。每个按钮设计越观，让用户思考越少。
在个按钮文本上使用相粗细以表示相量，最好根据优先级不去强调不文本。尝试改变文本粗细，优先级越高按钮使用最粗体，而优先级最低文本则不加粗，这样按钮文本也有了不优先级，用户在阅读这些文内容时候能感知到。
在这个例子中，我把「付款」这个按钮字使了粗体，使它变得更醒目和明亮。「查看购物车」使了半粗体，「继续购物」使了中等。，按钮本此时有了一定的视觉权重。「查看购物车」中的「3项」没有粗，因为它是补充信息，代表具体的操作。
最后一个技巧是一种更全面的思考，它将使按钮可供视障人士使。色盲的人是无法通过颜色来区分按钮的视觉重量的，他们还需要清晰的视觉符号。
给优先级的按钮上一个图标够起到强调作而与他按钮区分开。当户浏览时，他们往往更注视觉元素而是本。使图标按钮的方式够确保引起户足够的注意，而快速择到优先级的按钮。
如果删除了颜色和外框，用户仍然能够识别付款按钮，图标文本一，也能够起说的作用。
如果用户要花长间在操作按钮上，或者按钮的点击率低，那就可能是按钮计的不够直观。如果遇了这的情况，请尝使用文中所说的这些巧来优化操作按钮，或许你将会在前后版本中非常大的差异。
文链：《5 Techniques to Make Mobile Call to Action Buttons Intuitive》 UX Movement
欢迎关注译者的微信公众：「彩云译设计」
浙公网安备33011002017549号