网站制作时设计师创建网站按钮时出现10个常见错误

按钮和链接是网页设计中最广泛使用的交互元素,可以在几乎每个网站上找到。通常出现在网站上的按钮可以分为两类:具有提交功能和相当于链接的按钮。在网站中应该强调的链接自然地被表示为按钮。那么如何 正确地创建网站按钮,方便用户完成他们的操作?

有时设计师在创建网页按钮时会产生几个错误。当UI / UX设计师创建网站按钮时,这是10个常见的错误。

1.使用“复位”按钮

这是废话 为什么用户想要重置他/她刚刚完成的内容?如果发生错误,他/她可以编辑它,而不是重置所有内容并重新启动。更糟的是,复位按钮通常位于左侧,因此可以轻易地点击。谁知道沮丧的用户在意外删除他们的提交后离开网站有多少业务?

复位按钮

2.按钮太小了

制作按钮大!当您创建网站按钮时,您应该确保人们可以看到“立即订购”按钮,如果您真的希望他们点击它。

3.难以看到的按钮

按钮应该醒目。如果它的颜色与网站背景的颜色相似,则按钮趋于融入背景。当您创建网站按钮时,您应该注意到,按钮的颜色应与网站背景明显分开,以便即使是色盲人也能轻松看到。

4.按钮在错误的地方

向前移动的按钮应该在右边,而向后移动的按钮应该在左边。

花式按钮

为了成为一个看似“原创”的设计师,一些设计师可能会创建非常非常漂亮的网站按钮,但是它们与熟悉的按钮完全不同。因此,基本规则是保持非常简单,并且带有黑色文本的常规灰色按钮可以正常工作。一个如下的花哨的按钮不是:

复位按钮

6.具有通用或误导标签的按钮

当您创建网站按钮时,请记住,并非所有按钮都可以根据以下操作命名为“提交”或“下一步”。理想情况下,按钮的标签应该清楚地描述其动作。例如“下一步”,“结帐”或“更新我的资料”。将“>>”或“<<”添加到标签中以强调操作的方向也是一个好主意。

许多按钮

用户可能会非常困惑,如果面对太多按钮,最终不会做任何事,只要离开。当您创建网站按钮时,请选择您希望用户采取的最重要的操作,并使用一个大而清晰的按钮。如果确实需要其他操作,请使用较小的按钮。以GoDaddy为例,它有很多按钮,很难弄清楚该做什么。

复位按钮

丑陋的按钮

一些按钮是如此丑陋,所有你想要做的是保持光标尽可能远离他们。您要点击以下按钮吗?

复位按钮

没有标签的按钮

如果用户需要点击一个按钮,那么在点击按钮之前,应该告知他们的功能。听起来很明显,不是吗?不是每个人:

复位按钮

非常棒的按钮

闪烁,旋转或具有可怕动画的按钮只会令您厌烦并分散用户的注意力。这些类型的按钮以前在互联网的早期受欢迎。不幸的是有些幸存下来 如果你想让你的网站看起来很业余,请使用像这样的动画按钮:

复位按钮

此外,为了获得有利的效果,您可以将一些想法放在按钮交互中

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/260924.html

(0)
上一篇 2022年5月24日
下一篇 2022年5月24日

相关推荐

发表回复

登录后才能评论