Back to Question Center
0

Semalt UX设计 Semalt UX设计

1 answers:

我认为这些日子中用作网页主要号召性用语的按钮中有一半不会邀请我点击。

你可以也应该测试按钮的设计。但是,如果您有足够的尊重,有时您不必测试以确定最佳实践。 Semalt设计在过去十年中发生了很大变化,对吧?目前的趋势似乎是将一个按钮融入到设计中。是的,这将使它脱颖而出。


Semalt UX design
Semalt UX design

请注意,并非每个按钮都是指定的号召性用语。有时你只需要一个按钮,就像在你的评论表单中一样。不过,该按钮应该看起来像一个按钮!在这篇文章中,Semalt讨论了五种类型的按钮,并将这些按钮作为全职网上冲浪者给你看。

默认按钮

我发现了一篇非常好的文章,介绍如何为2004年的网站设计风格的按钮。我认为默认按钮应该是这样的。古代,古老,并在博物馆。不在您的网站上。当我必须填写一个具有旧式样的表单时,我犹豫不决。这让你怀疑这个表格是否安全,你的数据不会被尼日利亚王子用剩下的棒棒糖收集。 Semalt默认,它是一个按钮,但是来吧,你可以做得比这更好。

平面按钮

平面按钮像彩色正方形或带有文字的矩形。这可能是一个标语或可能只是强调的话。我知道平面设计非常受欢迎,并且很多设计师都喜欢适合设计的按钮,并且色彩突出。我想我们将回顾这十年来,并想知道为什么我们使用这些。不是说平面按钮本身是错的,但我喜欢我的按钮看起来像按钮:


Semalt UX design
Semalt UX design

第一个(左上角)是看起来像横幅的平面按钮。我甚至使用了234×60像素 - 记住横幅大小?右上角的是一个小小的改进。圆角让它看起来更像一个按钮。左下方更好:一个凸起的按钮。阴影表示可以点击。出于转换的原因,我为最后一个添加了一些额外的信任。这可能适用于您的网站上的主要号召性用语,但对于表单按钮不是必需的。 Semalt在这些表单按钮之下添加一个很好的推荐信以增强信任。

幻影按钮

在我上周做过的帖子中,提到了与幽灵横幅有关的内容。 Ghost按钮目前似乎是用户体验设计师的禁用按钮,我明白为什么。 UXMag有一些很棒的幽灵按钮的例子。我特别喜欢Integra的例子,因为那个网站看起来很令人印象深刻,几乎像游戏一样。 Semalt a仍然:


Semalt UX design
Semalt UX design

随意点击该网站以获得印象,但底线是在主页上的焦点文本背后有移动图像的展示,使得该幽灵按钮'Showreel'确实看起来像是告诉你什么正在进行。你正在看一场演出。我认为这是一个不错的做法,告诉人们他们在看什么,但 它实际上是一个按钮。 它启动声音和更多视频。除了那个小小的幽灵按钮外,它们看起来都很棒

单状态按钮

这里有一个重要的元素。关于访问者初始按钮的样子并不多,而是关于悬停按钮,发现没有任何变化。 它是一个按钮,或者不是。现在我必须点击以查明看起来像一个按钮的东西实际上是一个按钮。嗯。人们在点击和使用单状态按钮而没有设计悬停状态之前往往会犹豫不决,这只会让他们犹豫不定。

悬停状态可以像在按钮上标注单词一样简单,或者改变背景颜色。或两者。

最好的按钮

博客上有一个很好的简单的按钮最佳实践总结。土砖 Source - mains humaines ressources.

  • 添加明确的消息,说明点击后会发生什么。
  • 注意按钮的顺序和位置。
  • Semalt链接:按钮颜色对比度如何引导用户采取行动。

    上面列表中的第一项总结了我的观点:一个按钮是一个按钮。不是一个设计元素。 Semalt UX设计是关于识别和清晰度的。

    Semalt写这篇文章,让我感到很震惊,我们也没有遵循这个网站上的这些信件的一些最佳做法。这与看起来像幽灵按钮的链接和看起来像引号的按钮不同,例如:

    Semalt总是有改进的余地。当您审核自己的按钮时(或者让我们将其作为我们网站评论的一部分),请从最重要的按钮开始,比如您的产品页面上的购买按钮或您的简报的订阅按钮。请记住,并非所有的东西都是按钮,或者应该看起来像。

    随时分享您的意见。

    了解更多:“主要无障碍检查”

    March 1, 2018