如何通过按键颜色的对比来引导用户
一个好的APP UI设计师,往往是是注意细节的。细致到一个按键的颜色来引导用户的正确选择!用户没有被正确引导时往往会在模态窗口上做出错误的决策。很多模态窗口会在不明确不同行动区别的条件下就弹出来。
所有的按键都从属于三个大类之下:
1 正面 —— 改变、发送、添加信息
2 中性 —— 不做改变、返回屏幕(比如“取消”)
3 负面 —— 删除、重置、阻止信息
一个模态窗口上的几个按键通常会集成好几个行动。为了让用户能识别出它们之间的区别,每个按键的颜色对比是我们不可忽视的论题。
正面行为需要最高的对比度,正面行动时在模态窗口上最常见的一类。用户需要知道那个行为能帮助他们完成任务。这时应该给这类行动按键最高的颜色对比度来帮助用户去达成目的。放在它旁边的其它任何中性或负面行动按键应该具有较低的颜色对比。
要想达到最高的对比度,给你的正面行为按键填充上一个冷色以及白色的文字。
当负面行为按键拥有最高的对比度时,相较正面行动,负面行动不应该具备更高的对比度。正面行动往往使用频率更高且更安全,而对于负面按键,我们要确保用户不会因为误点而出错。但是如果只有负面和中性两种行动存在时,我们应该赋予负面行动更高的对比。
黑色边框对于用户识别来说已经足够了。无填充颜色让用户的注意力不会从正面或负面行动上移开。
尤其注意的是不要灰化边框+字,不然用户很可能会误认为这是一个禁按(disable)的按键。再怎么样他们也需要按键能和背景有所区别开来。
结语
如果颜色对比明晰的话,正面、中性和负面行动可以一块出现。它们之间的对比越是清楚,用户就能越快地完成任务。颜色在界面上扮演着非常重要的角色——不仅仅是美感,页同样是能引导用户行动的一种强力工具。