“我能不能?“当用户面对几个动作按钮时,大脑会犹豫www.99xinxi.net。”
按钮越多,做决定的时间就越长。用户必须仔细查看每个按钮,以确定他们需要哪个按钮。按钮的任何不确定性都可能导致它们不敢操作或误操作。
设计人员可以使按钮的优先级设计更直观,以减少这种情况。当用户注意到哪个按钮更适合他们的任务目标时,他们可以帮助他们做出快速决策。本文将介绍其中一些设计技巧,通过简单的调整使按钮更直观,更有效。
1。根据阅读习惯设计按钮
在app中,一个常见的错误是按钮的顺序偏离了用户的阅读习惯。他们把最高优先级的按钮放在顶部,并期望用户首先注意到它。但是,只要按钮足够突出,视觉分量足够重,用户就会注意到它,而忽略它的订单。
按钮的顺序不是提供可见性,而是提高效率。优先级最高的按钮将导致用户自上而下的阅读习惯被打断,下面的文本将在看到按钮后继续读取,然后返回到前面的按钮以进行操作www.99xinxi.net。
不要让用户再次检查按钮,而是让他们以自然阅读习惯阅读所有内容,并根据视觉重量快速选择。
通过将高优先级按钮放在底部并将其保持在视觉阻力最小的路径上,可以更有效地点击按钮。此外,底部位置是手指最容易接触的区域,这进一步提高了效率。
2、用形状按钮和纯文字按钮区分
应用程序中的另一个错误是只使用文本来表示按钮。设计器使用“文本”按钮指示优先级较低的操作。但是对于用户来说,这是一个错误的选择,因为纯文本没有按钮的外观,这可能导致用户忽略这些操作。
纯文本按钮可以通过犹豫是否是按钮或内容来混淆用户。这种不确定性会导致他们直接跳过这些按钮。
纯文本按钮不仅令人困惑,而且不容易点击。将文本内容放在按钮框中可以使按钮更容易单击和被注意到。
边缘形式的按钮比纯文本更能降低优先级。它们使每个选项易于识别,以便用户可以选择他们想要的9_9_信_息_网。
3、向主按钮添加颜色。
高优先级按钮应该是最容易识别的,并且它们被定向到用户最需要的目标操作。如果您不确定优先级,请考虑哪些操作将导致用户向目标移动以及哪些操作将导致用户回滚。
在本例中,“支付”具有更高的优先级,因为它符合用户的目标流程。但目前还不清楚“检查购物车”或“继续购买”的优先级是什么。
“查看购物车”操作允许用户查看已经在购物车中的货物,然后继续支付账单。“去购物”操作将用户带回远离结账的产品页面。
通过考虑这些操作,显然“查看购物车”具有中等优先级,“继续购物”具有较低的优先级。判断的原因是哪些动作使用户朝着他们的目标前进,以及哪些操作使他们远离目标。
前向操作始终优先于后退操作,因此它们应设计为具有更强的视觉重量和更高的颜色对比度。
颜色是一种有效的增加按钮重量的方法,因为它从文本颜色中脱颖而出,并引起用户的注意。当按钮的颜色与文本的颜色相同时,提示就不那么强烈了www.99xinxi.net。对优先级较高的按钮使用不同的颜色,以帮助用户快速做出决定。
如果您对每个不同的优先级按钮使用相同的颜色,则用户将不知道哪个优先级更高。使用不同的颜色只会让使用者更困惑,也不知道这些颜色是什么意思。不仅如此,每个按钮使用不同的颜色,而且它也使视觉重量再次相同。
秘诀是使用相同的颜色,但改变饱和度和亮度,以改变这个按钮的优先级,使它比高优先级按钮轻。现在,按钮的视觉比重被区分开来,并且立刻变得清晰起来。
为了增加对比度,可以使用反色。在主按钮的深色背景上使用浅色文本,在中优先级按钮上使用浅色文本。这允许高优先级按钮具有最亮的文本和最强的对比度。
4、改变文本的粗细
上面提到的几种方法足以区分优先级,但它们可以做得更好。每个按钮的设计越直观,用户的思维就越少。
在每个按钮文本上使用相同的厚度来表示相同的重量,最好根据优先级来强调不同的文本原文www.99xinxi.net。试图改变文本的厚度,优先级按钮使用的最高,而最低优先级的文本则不粗体,这样按钮文本也有不同的优先级,用户在阅读文本内容时可以感知。
在这种情况下,我用这个按钮"付款",使它更引人注目,更明亮。"查看购物车"使用半粗体,"去买东西"使用介质。因此,此时按钮文本具有一定的视觉权重。"查看购物车"中的"3"不是粗体,因为它是补充信息,不代表特定的操作。
5.将图标添加到高优先级按钮
最后一种技术是一种更全面的思想,它可以让盲人使用按钮。色盲的人不能通过按钮的颜色来区分它的视觉重量。他们还需要清晰的视觉符号。
将图标添加到高优先级按钮中可以强调和区分它和其他按钮。当用户浏览时,他们倾向于更多地关注视觉元素而不是文本。图标按钮的使用确保了对高优先级按钮的足够关注和快速选择。
如果删除了颜色和外部帧,则用户仍然能够识别支付按钮,并且图标(如文本)也可以用作图示9.9.信.息.网。

