我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

  尽管预计幽灵按钮是网页设计的趋势,但很明显它没有结束。如今,使用这样的空心按钮设计的网站数量正在增加。

  当您想到它时,这些按钮并不特别,但是由于它们实际上是一个新概念,因此许多网站所有者和设计师都将它们集成到他们的网络设计中。

  目录:

  了解幽灵按钮

  找到“幽灵”的更佳位置

  可怕的功能性幽灵按钮

  幽灵按钮设计的元素

  幽灵按钮的优点

  幽灵按钮的缺点

  幽灵从何而来?

  呼吁动作按钮:概述的更佳方法

  网页设计师可以实现移动网页的10个犯罪

  案例研究:网页设计可用性操作电话

  在网络设计的世界中,透明和阴影元素并不新鲜,因为这些元素几乎与平板电脑式设计同时接受。由于它们很简单,而且许多网页设计师已经认识到极简设计在加强网络设计中的重要性,因此Ghost Button将其视为包含许多设计页面的普及。

  此外,这些幽灵按钮的解剖结构不在您的脑海中:

  薄纽扣框架或轮廓

  透明按钮背景

  浅色字体

  幽灵按钮,毫无疑问它很受欢迎。然而,这并不意味着它们的设计很复杂。实际上,可以说它们的受??欢迎程度甚至可以归因于它们的简单性。此外,这种简单的设计甚至是网页设计领域的新手庆祝活动,因为它们在制造时提供便利。

  如果您尝试比较专业和新的网页设计师的幽灵按钮设计,则永远无法区分差异。但是,这种简单性可能是祝福或诅咒。好吧,这是的,它们很容易设计。然而,这也使设计人员更容易将这些按钮放在设计的任何地方。

  如果您是网页设计师,则需要清楚地了解幽灵按钮的工作方式。它们在设计的特定字段中更有效,以及是否用于正确目的。因此,不要滥用创建这些幽灵按钮的放松。

  更重要的是?

  更好的位置之一,您可以将幽灵按钮作为主页,在中心的主页上更具体。 “为什么”,你可能会问。这是因为这个地方将使幽灵按钮具有很高的可见性,这可能会影响真正单击它们的游客数量。

  您需要记住,通常,主页是许多网站用户的关注重点。这是他们盯着他们一段时间的其余网站。查看下面的网站,并注意您的眼睛的移动方式。

  您可以在此网站和网页的中心看到幽灵按钮。它会立即吸引您的注意力,好像呼唤您点击它?当然,对吧?但是,当然,这个特殊的幽灵按钮比其他网站上的其他幽灵按钮要大得多。

  如前所述,幽灵按钮的主要优点之一是他们呼吁访问者在您的网站上采取行动。一般而言,它们具有3D效果,因此比通常的CTA按钮要好得多。尽管这是正确的,尽管按钮中的创新可能不会对您的销售产生重大影响(如果您是销售网站),但Ghost按钮肯定会改变用户对网站的看法。

  除了是一个出色的呼叫按钮外,Ghost按钮也是理想的导航菜单和标签。无论您的网页设计多么简单,如果您具有功能和高度可用的按钮,这些按钮可能足以满足您的网络访问者。看一下Veage的幽灵按钮的位置。

  当出现新的设计趋势时,作为设计师,您可能会不断考虑如何在网页设计中使用它,不是吗?也可以使用幽灵按钮来描述同一件事。但是,这些按钮是最理想的网站:

  毫无疑问,幽灵按钮是商业网站最理想的选择。尽管它们是更受欢迎的类型,但不幸的是,它们是最受限制的类型。一般而言,商业网站避免了流行的功能和常见的设计技能,但是有些网站无法抗拒使用幽灵按钮。这是一些使用幽灵按钮的商业网站。

  幽灵按钮如何影响您的业务网站:

  1.您的业务网站看起来更时尚和创意。如果您使用幽灵按钮更改颜色,则用户会徘徊。访问上面的Wenzhou网站的构建和促销:如何有效地使用Ghost按钮的网站以查看其幽灵按钮的工作原理。

  2.幽灵按钮可以使其更专业和低 - 键,尤其是当您将其用作CTA时。

  3.如果将其放在折叠部分上,则可以让用户注册产品测试版本。这将使游客注意到它的存在。

  如果有一个网站几乎总是适应趋势,则必须是Creative Studio网站。这是否意味着他们也接受幽灵按钮的趋势?请参阅以下网站:

  更重要的是?

  1.创造征服

  该网站使用黑色和白色,其幽灵按钮具有相同的颜色。有些边界和纽扣是黑色的,有些是白色的。这完全取决于他们的背景。

  2.奥黛丽·阿祖拉(Audrey Azoura)

  这个家具和室内设计网站散发着优雅的氛围。除了使用图像中心设计外,这也是当前趋势。该网站还使用幽灵按钮和调色板来赞美其主题。

  许多软件公司还将幽灵按钮的使用纳入其网站。这些网站中有许多可以给您提示,以展示您如何创造性地使用这些创意按钮。其中一些网站只有一个幽灵按钮,而其他网站则使用颜色按钮和常规色调。

  1.哲学

  本质本网站使用传统的黑色和白色与粉红色的色调混合。按钮的设计取决于背景的颜色。

  2. ShopMyApp

  该网站使用带有白色轮廓的空按钮。当您将它们挂在上面时,它们会变成绿色。此外,菜单选项卡还使用“幽灵”按钮。怯ward

  许多教育网站还适应了幽灵按钮的趋势。好吧,这并不奇怪,因为此类网站的目的是吸引年轻人。

  1.有利位置

  除了在其登录页面上的视频外,该网站还使用幽灵按钮。还可以在网站上的其他网页上找到幽灵按钮。

  2.校园泡沫

  该网站使用不同的Wenzhou网站构建和促销颜色及其幽灵按钮。特别是,幽灵按钮使用绿色,蓝色和橙色。毫无疑问,该按钮使网站更具吸引力,即使它很简单。

  很多时候,电子商务网站的内容丰富。由于幽灵按钮简单而薄,因此它们最适合这些网站。

  1.行业标准

  但是,毫无疑问,行业标准的双OUT按钮具有出色的网站设计。双边框架仅使按钮更明显。

  2. 20牛仔裤

  这个在线业务网站是另一个验证。这是一个幽灵按钮,专注于完全没有问题的网站。照片中的模型位于右侧,这使背部白色背景的黑色文字吸引了人们的注意。但是,如果文本的颜色与幽灵按钮的颜色不同,那么Wenzhou网站的构建和促销将会更好。

  它的粗糙文本就像操纵幽灵按钮的方向。此外,它在幽灵按钮上方只有一个折叠主页,因此很容易被注意到。此外,CTA使用“存储”一词来澄清用户一旦单击按钮发生。

  上面列出的示例应清楚。现在,Ghost按钮几乎是每种类型的网站。但是,很明显,许多设计师提到的网站是为了行动目的而呼吁的幽灵按钮。谁知道幽灵按钮如何在他们想要的动作方面使用工作?

  如果您开展业务,也许这些鬼魂可以帮助您获得更多的销售。再次,谁知道?但是,请记住,当您在网站上添加一个按钮时,会有一些事情。您需要考虑。如果您想提高转化率,您将得到它。

  在简单的背景上看到一个厚的身体按钮,或者看到按钮的颜色以及它们放置的背景的颜色(正常)是正常的。长期以来,这被证明是收集高CTR的策略。

  尽管Ghost按钮确实可以在许多不同类型的网站中使用,但就Web设计而言,它们最适合那些使用图像中心设计的网站。网站上给出了多少个示例,将图像作为关键设计和幽灵按钮?其中一些!毕竟,与传统按钮相比,由于幽灵按钮的简单性,它们无法破坏大图像提供的美学价值。此外,这种类型的按钮也是理想的页面。

  您是否注意到iPhone上iOS 7上运行的圆形按钮?好吧,如果您不这样做,现在是时候让您意识到那些实际上是鬼魂的人了。专家说,幽灵按钮的外代运营网站观可以归因于这样一个事实,也就是说,人们更热衷于以50%不透明的方式制作完整的屏幕背景。这些背景还使它们在它们上形成了接口。这是用户将注意力分散到背景图像,反射样式和幽灵元素上的机会。这些元素可能不可见,但仍然必须可见。

  如前所述,Ghost按钮的最基本元素是CTA的透明轮廓,按钮背景和浅色字体。但是,这些不仅仅是您需要考虑的元素,当您合并幽灵按钮进入网页设计时。您还应该确保您的幽灵按钮是:

  包括简单且可读的文字

  不仅仅是传统按钮

  放置在页面的突出区域

  独奏或集体

  用于飞机或几乎飞机设计

  如果需要,请仔细地使用边界中的几何图标

  您应该在设计中添加幽灵按钮吗?以下是关于这种趋势的一些优势。他们可能会让您决定追求它:

  不可否认的是,幽灵按钮看起来干净整洁。按钮的简单性使页面的主要布局更加突出。

  由于幽灵按钮是透明的,因此您可以想到几乎所有设计。这种透明度使他们能够适应叠加的设计。

  幽灵按钮是图形设计的延续。设计趋势保持其受欢迎程度的方法是在适应新概念时继续改变。

  Ghost按钮可以提供令人惊讶的元素,因为它们与许多用户不同。

  Ghost按钮为那些将为他们创造和设计大量放松的人,因为它们的意思是简单。如果您是设计师,则必须使它们微妙,并避免任何浮动的可能性。

  幽灵按钮有一种行动而不是强迫的方式。您可能遇到了许多网站,并且这些网站的幽灵按钮比屏幕上的其他元素更大或大。

  因为它们可以变得非常大,而不会影响其他元素,因此他们可以轻松地吸引用户执行执行操作的操作。现在,谈论有效的界面。专业定做网站制作

  透明和线性设计的幽灵按钮为设计师提供了微妙的自由,因为它减少了设计的视觉重量。

  幽灵按钮使网页设计变得复杂。无论总体设计多么简单,设计师是否知道如何使用正确的颜色组合和位置按钮。

  尽管幽灵按钮确实具有许多优势,但仍有一些缺点。因此,在开始任何设计之前,您必须首先分析趋势是否合适。这是幽灵按钮的一些缺点:

  幽灵按钮可能放在设计的一部分中,这可能使不了解它们的用户很难。实际上,有些人甚至很难识别正常按钮,也不知道如何使用它们。有多少个非传统按钮?

  在具有不同颜色或对比度颜色的图像上使用幽灵按钮可能有点棘手。您可能很难找出如何播放颜色,尽管放置了它们的背景,但仍可以使Ghost Button眼睛捕捉。通常,幽灵按钮是黑色或白色。但是,如果将这些颜色放在具有相同阴影的图像或背景上,则可能难以使用这些颜色。您必须记住,幽灵按钮的效果在很大程度上取决于它们的位置和可见性,尽管它们是透明的。

  有时候,幽灵按钮可以压倒与它们配对的图像。

  虽然在这里幽灵按钮很简单,但事实是,它们比“单击此处”更复杂。由于这些按钮通常很小,因此您需要非常谨慎地选择可以使用用户来操作的文本。此外,文本必须与设计有关。

  幽灵按钮有时会导致可读性问题。如果将它们放在照片或颜色背景上,将会出现更多问题。有些设计师过多地使用幽灵按钮的趋势。尽管Ghost按钮确实很受欢迎,但您必须确保您知道如何限制其使用。它是出于目的,而不仅仅是赶上时尚。

  没有人真正确定幽灵按钮的出现。设计专家只能怀疑这是不同因素的共同作用的结果。这些因素促使他们存在并被许多网站接受。至于其名称,它被认为是由Tumblr发明的。这是一些不同的因素。他们可能受到幽灵按钮的诞生的启发:

  HUD(头部显示)自1960年代以来就已经存在,主要用于军用飞机。但是,这仅是过去几年流行文化的一部分,并且已用于电影,视频游戏和汽车仪表板。由于HUD投影的数据位于您的视图顶部,因此必须以基本的轻巧和透明的方式显示这些数据,以使观点不会模糊。

  当然,这些HUD不是按钮,但请注意,界面的元素很清楚。他们的基于文本的单元被细线包围。在向公众介绍HUD时,不可否认的是,电影“钢铁侠”,安德的游戏”和“星际迷航”和其他好莱坞电影受到幽灵按钮的外观的启发。

  当列出苹果的iOS 7时,用户对其接口并不那么欣喜若狂。界面上只有小按钮和图标,边缘是灰色或蓝线。但是,人们普遍认为,这些导致了幽灵按钮的最终外观。

  最后,Google还使用了鬼魂的趋势。自2013年以来,该公司还在其Nexus 7网站上使用了这些鬼魂。它使用与白线相邻的透明按钮,可与其背景形成良好的对比。

  幽灵按钮的另一个原因是Bootstrap。在2013年8月,Bootstrap 3推出了市场,它似乎是其主页上的原型幽灵按钮。尽管它不一定是透明的,但它具有单色背景和非常简单的特征。许多人已经开始使用Bootstrap,因为Bootstrap本身被认为是开发网站的有效方法。因此,开发了越来越多的网站,倾向于图形设计和最小的按钮。

  简而言之,毫无疑问,如果您知道如何正确应用“幽灵”按钮,那么幽灵按钮将非常出色。上面给出的示例表明,良好的背景对于幽灵按钮的可见性非常重要。同样重要的是,颜色的使用将使这些按钮更加注视。更简单和基本的设计,越简洁。

  在下一节中,我们将介绍其他更佳实践。

  “呼叫操作”按钮在从用户索取操作中起关键作用。为了获得请求的操作,请在网站上放上按钮,以允许用户执行操作,例如购买某物或指向另一个页面以获取更多信息以获取更多信息。

  创建“动作呼叫”时,您需要仔细计划。在本文中,我将解释创建有效的“操作调用”按钮的更佳实践。我还将为您提供一些行动示例,以便您更好地了解有效的内容。

  为了成功地进行呼叫操作,您必须首先确定它们如何适合您网站的整体计划。通过放置基本或信息体系结构,您将开始了解该按钮在Web界面中的工作方式。为了在市场上生存,您必须创造收入。因此,成功的网站是一个网站,可以指导网页的读者获得预期的最终结果(“立即购买” ...)。了解更多”)。现在问题是我们如何有效地调用在现实世界中运行的动作按钮。

  在网络设计中,历史上的元素越大,它越重要。在将用户转换为动作的过程中,与周围元素相关的调用大小至关重要。毕竟,如果按钮的大小很小,并且与文本的其余部分混合,则很难从用户那里获得预期的操作。

  黑色:通过添加按钮的大小可以实现的许多功能也可以通过简单地将按钮放在足够的间隙上来实现。与文本和图形的海洋中丢失的按钮相比,一个被空间包围的按钮更为突出。

  调用动作按钮和周围元素之间的空白越多,它们之间的连接越少。因此,如果您还有其他可以帮助用户采取行动的元素,请减少这些元素和操作电话之间的空白。

  温州网站建设及推广:如何有效地使用幽灵按钮

  您可以看到使用出色的颜色,足够的间隙以及周围元素的大小来吸引用户的注意力的效果。直接的语言传达了一种轻松的感觉,声称您可以立即采取行动“开始”。

  温州网站建设及推广:如何有效地使用幽灵按钮

  根据Wenzhou网站的建设和促销按钮Mozillafirefox,Call-Action图形,Mozillafirefox的“免费下载”是一场真正的革命。它的大型形状,活泼的颜色和细节的细节在这个行业中留下了痕迹。

  为了确保用户注意您的按钮,考虑其颜色也很重要。尽管有一些选择,请要求使用动作按钮,但这是值得选择的比较颜色,而不是背景。这实质上跳到您身上,吸引您点击它。

  有时有人说红色按钮(和红色文本链接)是更好的。

  进行一些A/B测试以查看哪种颜色最适合您的网站

  任何按钮的性能都可以归因于页面上的对比,而不是其颜色。

  按钮大小-最糟糕的呼叫-行动-页

  vuze.com访问者会发现下载呼叫动作按钮没有问题。使用对比颜色,大量空白以及页面的顶部和底部,使此动作的吸引力具有吸引力和有效。

  一个有效的按钮应清楚地显示在页面上,至少比其他元素相对突出。

  在登录页面事实中,对于大多数页面,这是可行的按钮,应出现在折叠上方。如果访问者必须滚动以查看按钮,那么单击按钮的可能性将大大减少。

  通过将按钮放在页面顶部(或折叠折)和较长页面的底部,添加了单击按钮的可能性。如果用户通过了页面,则可能不会卷起。如果他们看过页面,他们可能不会滚下来。

  处理其他页面元素也很重要。显然,对于E -Commerce网站,“添加到购物车”按钮应该比产品旁边的产品更好。

  在其他情况下,重要的是保持呼叫行动按钮关闭,例如价值索赔,证明和特征列表,旨在刺激转换。

  您可以在网站上在网站上看到这些概念。通过呼吁“释放工作!”在一个非常突出的领域中,用户更有可能注意或记住它,并且他们已经阅读了网站的内容。

  按钮-文本-最糟糕的呼叫-行动-页

  此呼叫按钮的移动网络设计位于显着位置。与周围元素相比,它具有较大的尺寸和独特的颜色。

  温州网站建设及推广:如何有效地使用幽灵按钮

  使用“ ReadMore”按钮周围的圆形轮廓移动Cubixmobibibix,然后将其介绍给应用程序,这不仅吸引了访客的注意力,而且还告诉他们他们可以期望的。

  Lost-Call-to-Action-Worst-Call-to-Action-Pages

  当然,如果按钮看起来不像按钮,那么这些步骤并不重要!您需要清楚地向访问者表明该图形实际上是一个按钮,可以单击按钮生成特定操作,而不是页面上的另一个元素。在图形方面,有很多方法可以做到这一点,包括:

  花按钮

  将呼叫调用在离散边界区域中。

  将按钮返回到其他图形元素

  当用户的鼠标徘徊时,其行为就像一个按钮

  对于没有超链接的按钮(因此,当鼠标超过状态时,请勿自动生成手符号),可以通过CSS轻松实现。

  鼠标上方的按钮的外观(例如颜色变化)是访问者的另一个信号,即单击按钮。

  温州网站建设及推广:如何有效地使用幽灵按钮

  Kalculator-此举上诉 - 准确地告诉用户期望:通过单击此“行动上诉”,应期望他们支付3.99美元。使用“仅”一词表明这是一项很好的交易,可以帮助销售。

  Blended-Call-to-Action-Worst-Call-to-Action-Pages

  邮箱通过下载呼叫来提高价值,增加了30天的“免费”试验,并减少了消费者的疑问。通过采购呼吁采取行动,这是“无风险保证!”该网站要求采取行动,但仅要求访客立即购买!不要加强行动的价值或易用性。

  在许多情况下,该按钮直接链接到搜索引擎索引的页面。添加Distracting-Background-Worst-Call-to-Action-PagesALT属性将为搜索引擎提供与目标页面关联的文本:如果关键字在目标位置中使用,则应在Distracting-Background-Worst-Call-to-Action-Pages在Alt中使用它们。

  为了更大化您的按钮,您的Wenzhou网站构建和促销:如何有效地使用Ghost按钮的Alt属性(或依赖于浏览器,一个

  如何在Photoshop中创建平滑清洁的按钮

  10有效的“行动上诉”技术

  下一节将专门显示“呼叫操作”按钮的最坏示例。当然,您应该避免使用这些。

  呼叫动作页面专门用于提醒访客采取所需的操作。无论是选择,销售还是任何类型的点击,用户的目标都更近一步。基本上,任何网站都可以归类为“呼叫动作”页面,因为几乎每个创建网站的人都有特定的操作,他/她想访问访问者。大多数网站至少犯了最严重的犯罪之一。您同意这些选择吗?

  图形cluther-part-pall-call-call-action页面

  显然,本网站的目的是向访问者显示尽可能多的信息。尽管这是一项勇敢的努力,但太多的图形可能对您不利。

  一个很好的吸引力网页将使您的眼睛看到特定的领域。当您查看此页面时,您的眼睛无处不在。如果您正在寻找汽车,您甚至都不知道从哪里开始。

  尽管此页面不是登录页面,但它是一个主要示例。为什么在尝试增加网页设计的转换时会少。吸引人的动作页面应包括好处,功能,徽标,可能具有一个或两个Wenzhou网站的构建和促销:如何有效地使用Ghost按钮和突出的呼叫操作按钮。如果这样做,此页面将受到影响。

  应该遵循网站的主页,包括清晰的导航和轻松的访客体验。不惜一切代价避免混淆。空白是你的朋友!

  图形-杂波-最糟糕的呼吁-行动-页

  尽管此页面上的“呼叫动作”按钮是黄色的,但背景中的按钮不够高。黄色也匹配上面的字体,因此它将更多地集成到背景中。页面的配色方案为黄色,红色和橙色。呼叫按钮遵循相同的配色方案;因此,这还不够突出。与页面形成鲜明对比的纯色效果是更好的。

  Button-Placement-Location-Worst-Call-to-Action-Pages

  许多公司希望将其品牌颜色整合到他们的网站设计中。尽管这是一种明智的营销策略,但如果颜色过度或分散,则可能会产生不利影响。该网页中的鲜黄色背景非常分散注意力,它吸引了人们对网站目的的关注。如果您查看此网站的正常尺寸,您将看到如何真正分散鲜黄色的背景。

  在您的网站设计中实现品牌颜色是非常好的,但不能分散访客对目标的关注。您的背景应支持您的网页并在一定程度上保持中立性。

  没有清晰的信息-最糟糕的呼吁-行动-页

  在此页面上,“呼叫操作”按钮不仅丢失,而且不存在。网站希望采取的措施之一是敦促用户点击并查找有关“总理”卡的更多信息。当前对动作的吸引力只是一个简单的文本,上面写着“开始动作”。

  如果您真的想指导用户采取预定的操作,请使用按钮的对比度颜色。文本永远不会足够强大,可以吸引用户的注意力。该按钮应包括对比度颜色,尖叫“单击我”,而不是将其击中用户的脸部。

  考虑将操作按钮靠近其他元素调用。例如,对于电子商务网站,如果将其放在产品旁边,则“添加到购物车”按钮将是最有效的。您还可以将动作按钮放在对推荐信,特征清单和福利感兴趣的附近。但是请确保,不要在页面上制作太多按钮。使它们靠近您的要点,并在每个页面上最多2-3页上制作一个简单的登录页面。

  太多链接-最糟糕的呼叫-行动-页面

  当人们提供比我们想要的更多信息时,我们经常说这是TMI或太多信息。就像您希望该人保持安静一样,如果网页受到TMI的影响,也将被指控。

  在此示例的网页上,采取行动的呼吁不是积极的和中心的,您的眼睛被文章吸引了,而不是“获取参考”文本。尽管此页面是吸引游客获得报价并指导他们阅读文章,但这可能是太多信息,此页面。内容不一定不好;出色的内容概述了最伟大的网站的一些最伟大的网页。但是,当它模糊了网站的信息或驱散用户对该行动的明确吸引力时,利润将受到损害。

  对于本网站,采取行动和更为突出的呼吁将首先引起人们的注意。

  “呼叫动作”页面的目的是指导访问者单击“呼叫动作”按钮,而不是由于过多的信息而无需分散注意力或无聊。您应该包括足够的信息(特征,兴趣,担保,证词),以指导他们采取行动。如果您的访问者不知道您的网站是否会在最初的几秒钟内对他们有利,那么他们将承担最糟糕的尾巴。

  温州网站建设及推广:如何有效地使用幽灵按钮

  此页面实际上是与竞争抵押相关的非常好的关键字,但是不幸的是,网站设计并未遵循。

  除非您的网站是特定的产品(E -Commerce)或纯信息,否则太多的文本链接可能会使用户不知所措。

  本网站的目的是指导消费者获得抵押要约。尽管根据对链接进行分类是一个好主意,但混乱和小字体对访客的眼球无济于事。如前所述,文本链接无效,因为它要求在此页面上采取行动,并且这些链接的接近使一切变得混乱,并且看起来像是一个凝聚力的蓝色链接。

  这里没有明确的行动。该网站管理员将受益于将此页面作为第二页并重新设计主页,包括一个或两个按钮,从而指导人们“获取参考”。

  这里有一个技巧:一点斜视,您的眼睛模糊了您的视野,并看页面。如果您的行动不是突出的,则可能需要进行调整。

  Too-Much-Information-Worst-Call-to-Action-Pages

  尽管此网站中有很多错误,但我之所以选择它是因为错误地放置了“呼叫动作”按钮。

  如果您查看远离右边的距离(您可能需要几秒钟的时间才能找到它,这些秒太长了),您会发现一个带有下降菜单的小盒子。这是网站管理员希望用户单击的地方。的突出元素是小红色箭头,甚至令人怀疑。

  呼叫动作按钮的位置和位置与其大小和颜色一样重要。如果它被太多文本包围,或者没有足够的空白,或者它不在视线之外,则无效的呼吁将不会有效。

  一般而言,将折叠保持在动作按钮上方很重要(访问者可以看到它没有滚动),相对于所有其他元素,这显然是可见和突出的。如果您只能通过滚动看到内容,则最终将包含一个“呼叫动作”按钮,以便用户不必卷起即可单击它。

  温州网站建设及推广:如何有效地使用幽灵按钮

  您的网站访问者应该第二次知道他们需要在哪里访问您的网站。在此示例中,尽管设计设计经过精心设计,但对于网站的动画,此“立即购买”呼叫按钮似乎有点小。如果您单击整个网站,您会注意到繁忙的背景,这也会将您的注意力分散到小按钮上。

  但是,请注意,较大的按钮并不总是与更高的转换相关联。该按钮应该从其他设计元素中脱颖而出,而不是压倒整个设计,这也可以使人们离开。

  温州网站建设及推广:如何有效地使用幽灵按钮

  本网站使用“ got”一词敦促用户点击报价标记。尽管该设计确实吸引了您对引号,Wenzhou网站的构建和促销的关注,但我不确定“ Go”一词是更好的选择。

  尽管有一些基本规则按钮文本可以更大化转换,但更多功能性的网站类型而不是通用共识。例如,提供免费试用的公司可以使用“单击此处获取免费试用,而面向服务的网站可能会使用“今天开始”。

  调用操作按钮文本的一般体验规则:

  避免事实

  更简单

  紧迫性

  如果适用,可用性有限

  使用诸如“现在”或“今天”之类的动作词。【经济发展区网站建设】

  总划分测试

  当涉及按钮文本之类的元素时,确定哪种方法是最有效的方法的方法是拆分测试。有时,小变化会大大提高转化率。

  温州网站建设及推广:如何有效地使用幽灵按钮

  许多公司不知道其销售渠道,因此他们的访客没有被指导采取预期行动。该经销商试图迫使用户执行太多操作并同时阅读文本,这对于那些想购买或租车的人来说可能很无聊。

  提示:呼吁采取的目的是让用户输入下一步。就经销商而言,最终目标是出售汽车,但这不应该是网站的主要目标。这是汽车销售人员的工作。该网站只能敦促访问者采取下一步,即访问经销商。

  不要试图通过您的网站出售汽车。出售下一步!

  您是否看到任何罪行有吸引力采取行动?您在做什么犯罪?

  在有关幽灵按钮和移动按钮的这些讨论中,我们还有一件事要给您。有关可用性和通话操作按钮的案例研究。

  温州网站建设及推广:如何有效地使用幽灵按钮我最近一直为一个大型组织开发一个新网站。该组织由许多政策群体组成,这些团体的任务是维持维持不同利益的最新主题。在这方面的失败是,每个政策团队都认为其内容是最重要的。因此,每个新部分都得到了“使其更突出”的说明。

  我们不断地告诉他们,每当我们做一些“更突出”的事情时,我们都会突出显示前面显示的部分的部分,实际上什么都没有。在研究此主题时,为了为我们的客户开发一个主题[公司到公司网站]对于基于证据的帖子,我发现了许多原因,您必须将行为呼唤到想要从听众那里获得的核心结果。

  温州网站建设及推广:如何有效地使用幽灵按钮

  “ ...我们相信,如果我们为用户提供200个品牌的花生酱,他们更有可能找到一个符合自己品味的品牌。Schwatz引用大型超市的调查结果,表明情况恰恰相反。时间,购买产品的客户比展示的要少得多。”

  当用户有太多类似的选择时,选择会瘫痪。许多选择使消费者对选择感到困惑。最后,他们根本没有做出选择,因为他们害怕做出错误的决定。

  “……而不是动作的数量,而是每个动作的独特性。”

  保罗·波格

  如果您需要在一页上为用户提供多个操作调用,请确保您的用户了解它们之间的区别。例如,呼叫操作被标记为“注册”和另一个标记为“注册”,这将使任何用户难以理解他们应该选择的选项。如果这两个动作似乎导致相同的结果,那么混乱的可能性就会增加。

  “网络使用的非常详细的事实之一是,人们很少花时间阅读大多数网页。相反,我们扫描(或浏览)它们以找到吸引我们注意力的单词或短语。

  史蒂夫·克鲁格(Steve Crug)(不要让我思考)

  如果用户按显示顺序读取网络上的所有内容,那么许多操作调用不会那么麻烦。个人将阅读支持段落,并决定要阅读有关此信息的更多信息,并单击相应的链接。

  但是,正如史蒂夫·克鲁格(Steve Crug采取行动。对行动的吸引力越大,他们越有可能选择错误的行动。

  每当客户要求我们在一页上做一些“出色”的事情时,他们似乎都会理解我们的警告,也就是说,这将稀释我们以前的行动。我认为这是因为他们习惯了以前的状态查看页面,因此它们不再对以前的操作呼叫敏感。因此,当我们添加另一个时,这是最突出的,对他们而言,远远超出了其他任何事情。

  但是,此页面上的新观众没有以前的经验。因此,对于他们来说,一切都是新的,因此他们必须努力吸引他们的注意力。

  只能使用几种不同的设计技术来使事情脱颖而出:比较,空白,大小,定位等。考虑到这一点,当您在页面上有无数的操作时,其中任何一个都不太可能比其他人更突出。

  “当人们有更多选择时,他们期望更多,因为他们期望选择完全满足他们需求的确切物品。”

  我们的客户首页由多个豆荚组成,每个豆荚代表目标受众的不同部分。我们试图创建一个宽阔的豆荚,以确保每个访问网站的人立即注意到可能会对他们产生潜在影响的一部分。但是,我们的客户希望介绍一些非常具体的角色和我们更广泛的建议。

  这就提出了一个问题,即访问该网站的人可以看到这些更具体的选择,并相信他们将扮演特定的角色,从而提高他们的期望。当他们发现自己的特定区域没有代表时,他们可能会错误地决定该网站没有所需的东西。

  但是,如果我们可以将POD的数量保持在更低限度,则用户更有可能探索可能与之相关的零件。

  考虑到您可能需要在网站上采取行动时,您必须问自己为什么要在那里采取任何行动的吸引力。更多的动作要求更复杂的接口,并可能导致更多的不满意。

  尝试仅突出显示网站上最重要的操作,否则您可能不会承担任何风险。最后,我想留下一个集中行动的好榜样。

  280张幻灯片的人已经决定希望用户尝试他们的产品,因此这是主页上的吸引力。他们可以轻松地给用户提供很多选择并增加认知负担,但是他们做得很好,并将观众集中在他们认为认为的最重要的任务上。

  选定的麻痹以及如何提高销售和客户满意度

  “呼叫动作”按钮:示例和更佳实践

  10有效的“动作呼叫”技术

  更重要的是?


网络公司哪家更好 网站托管运营 建设网站公司
我们凭借多年的网站建设经验,坚持以“帮助中小企业实现网络营销化”为宗旨,累计为4000多家客户提供品质建站服务,得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求...
请立即点击咨询我们或拨打咨询热线: 13968746378,我们会详细为你一一解答你心中的疑难。项目经理在线

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

13968746378

上班时间

周一到周六

公司电话

400-600-6240

二维码
线
在线留言