按钮和链接是网页设计中最广泛使用的交互元素,可以在几乎每个网站上找到。通常出现在网站上的按钮可以分为两类:具有提交功能和相当于链接的按钮。在网站中应该强调的链接自然地被表示为按钮。那么如何 正确地创建网站按钮,方便用户完成他们的操作?
有时设计师在创建网页按钮时会产生几个错误。当UI / UX设计师创建网站按钮时,这是10个常见的错误。
1.使用“复位”按钮
这是废话 为什么用户想要重置他/她刚刚完成的内容?如果发生错误,他/她可以编辑它,而不是重置所有内容并重新启动。更糟的是,复位按钮通常位于左侧,因此可以轻易地点击。谁知道沮丧的用户在意外删除他们的提交后离开网站有多少业务?
2.按钮太小了
制作按钮大!当您创建网站按钮时,您应该确保人们可以看到“立即订购”按钮,如果您真的希望他们点击它。
3.难以看到的按钮
按钮应该醒目。如果它的颜色与网站背景的颜色相似,则按钮趋于融入背景。当您创建网站按钮时,您应该注意到,按钮的颜色应与网站背景明显分开,以便即使是色盲人也能轻松看到。
4.按钮在错误的地方
向前移动的按钮应该在右边,而向后移动的按钮应该在左边。
花式按钮
为了成为一个看似“原创”的设计师,一些设计师可能会创建非常非常漂亮的网站按钮,但是它们与熟悉的按钮完全不同。因此,基本规则是保持非常简单,并且带有黑色文本的常规灰色按钮可以正常工作。一个如下的花哨的按钮不是:
6.具有通用或误导标签的按钮
当您创建网站按钮时,请记住,并非所有按钮都可以根据以下操作命名为“提交”或“下一步”。理想情况下,按钮的标签应该清楚地描述其动作。例如“下一步”,“结帐”或“更新我的资料”。将“>>”或“<<”添加到标签中以强调操作的方向也是一个好主意。
许多按钮
用户可能会非常困惑,如果面对太多按钮,最终不会做任何事,只要离开。当您创建网站按钮时,请选择您希望用户采取的最重要的操作,并使用一个大而清晰的按钮。如果确实需要其他操作,请使用较小的按钮。以GoDaddy为例,它有很多按钮,很难弄清楚该做什么。
丑陋的按钮
一些按钮是如此丑陋,所有你想要做的是保持光标尽可能远离他们。您要点击以下按钮吗?
没有标签的按钮
如果用户需要点击一个按钮,那么在点击按钮之前,应该告知他们的功能。听起来很明显,不是吗?不是每个人:
非常棒的按钮
闪烁,旋转或具有可怕动画的按钮只会令您厌烦并分散用户的注意力。这些类型的按钮以前在互联网的早期受欢迎。不幸的是有些幸存下来 如果你想让你的网站看起来很业余,请使用像这样的动画按钮:
此外,为了获得有利的效果,您可以将一些想法放在按钮交互中。