百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

按钮都设计不好,你还指望用户点击?

haoteby 2025-02-06 14:58 11 浏览

Call to action(行为召唤)按钮以其易于识别和理解的特性,能对你客户产品的用户转化率产生极大影响。当你在设计这些按钮时,有必要考虑许多因素,包括颜色、对比度、按钮文字,甚至包括是否在按钮旁设置方向引导信号。

简言之,对于这种在你网页中只占用极小面积的元素,你绝对是需要投入并不成正比的时间来思考将如何将其最好地呈现给你的用户。没错,call to action按钮就这么重要。拂去浮华,他们就是页面之星,无论他们旨在引导网站访客进行购物、注册还是仅仅只是点击。

他们代表了你页面的目的所在——每一个页面都得有个目的。以登录页为例,它的目的就是引导用户点击至主产品或主服务页面。一个设计过的明智的按钮必定深度考虑过用户需要如何购买或注册某一产品,这也是每一个设计师极致追求的结果。

1.方向引导

作为人类,我们天生就对眼神方向产生心理反应并以此作为有效的引导方式。试想一下:当你看见一个人正在注视着某一你看不见的区域的时候,你会不自觉地感到好奇他正在看什么。这一“方向引导信号”的原理也同样无缝适用于你为客户打造的网站。

是的,方向引导信号可以是明显得无与伦比的大箭头,甚至是直接戳在你call to action按钮上的几根手指,只是为了你网站访客的某种共鸣和独特的体验,你应该换一张某人望向你call to action按钮的照片试试,应该不会有错。

为了更清晰地表述这一点,让我们打开Salesforce的首页。Salesforce是一个来自美国旧金山的全球性的云计算公司。值得一提的是,你可以扫视一下他们首页的这张页头大图——看起来一位女性注视着她的智能手机,正要进行一项手机操作。

这肯定只是一种貌似真实的推测,但这图片还兼顾了另一职能:隐秘而伟大的“方向引导信号”。当网站访客看到图中女性凝视她手中的智能手机时,他们的眼睛也会自然而然地随着她地目光望向页面地右侧。如此一来,他们地目光不可避免地落在了三个位于她脸与手一侧的call to action按钮之上。

拜赐于她目光的指向,用户将更有可能注意到这些call to action按钮。当一天结束,这一设计为该网站带来了更多的用户转化和更高额的销售数字。

2.极简的按钮设计

当你将按钮设计得尽量简洁的时候,你需要消除网站访客、买者和读者将会迷惑的可能性。如果他们感到迷惑,他们通常就不会再按照你所希望的那样来点击按钮了。所以,保持用户按钮设计的极简化是所有网页设计师的目标。

让我们看看Twining的网站是如何用品牌设计来做到这一点的。

在这一首页上,我们可以看到一些用到了品牌颜色的简单按钮,他们简单明了地传达了用户在点击之后可以达成的目的。这些按钮看起来也是个按钮的样子,这归功于他们的圆角矩形设计,并且金底黑字的明确对比让他们达到了极简设计。

简言之,Twining网站的购物者会误解这些call to action按钮功能的可能性将是几乎为0。

3.明确的提示短语

“提示短语”是call to action的明星,因为它使用了行为导向动词来引导人们的行动。网页设计师为按钮设置智能标签的真正价值是十分有限的,因此提示短语一定要简短且直指重点。提示短语的首要目的就是让网站访客清楚地明白他们将要点击是什么,因为这才不会浪费大家的时间。

有时,提示短语会很不幸地被忽视掉。不管有多少关注度被集中在按钮的设计、颜色和功能性上,提示短语也不该轻视。一个网站,提示短语有多糟,用户转化率就有多糟。

你知道当你有彼此相邻而目的不一的call to action按钮时,只有成功设计的提示短语能让你的访客能立刻说出这些按钮的主旨分别是什么。

在 J. Crew的这页销售宽角领衬衫的产品页中可以找到这一有力说明。这里有两个按钮同时吸引买者的注意力:“Add To Bag”和“Add To Wishlist”按钮。

因为这两者都被十分清晰的短语标注了,因此买者才不会感到困惑并能明确无误地达成他们的目的。明确的按钮提示短语总能让用户的行为直达目标,毫无压力,它们是这件事永远的赢家。

4.颜色对比

线上买家是一个不靠谱的群体,这也是为何需要为他们量身定制用户体验设计。换言之,从你客户的电子商务网站中买点啥应该是地球上最简单最清晰的事情。一些类似于最基础的颜色对比设计能极大地为网站访客提高用户体验。

颜色对比设计能吸引你线上买家的眼球到call to action按钮上并让它们从一片喧嚣的页面背景中脱颖而出。当买家们能简单地分辨出在哪儿点击下单时,显而易见,网站的转化率将一路飙升。

在Target的Sony DVD播放器产品页面中,call to action按钮“add to cart”和“find in a store”就使用了颜色对比设计,带来了出色的效果。不光光是因为颜色对比更好分辨——分别有红底白字、蓝底白字,它的成功之处还在于将买家们的注意力拉到了按钮之上。事实是,页面背景中大量的留白让这种对比色设计跳脱得更淋漓尽致。

根本问题

Call to action按钮是你客户的网站能赚多少钱的制胜法宝。所有的网页设计师需要意识到自己的设计目标是应当带来更多转化率。对于电子商务网站,转化率可能来自“Sale”(特卖)活动;对于新闻网站,可能是某事件(如简讯)的签到率,或是“like”(喜欢)按钮。关键是,转化率才是最关键的,所以call to action按钮必须始终以此为重中之重。

这也是为何在call to action 按钮的设计上需要投入大量的深度思考。尽管它们在页面中真的只占用了极小的空间,但其重要性却是不可估量的。任何有关按钮的细节,从颜色、短语到其周遭的引导提示,都将带来或破坏其有效性。

为了更好地为客户着想,设计师有必要不光是专注在这些按钮的外观或版式设计上,而是需在事物实用性的一面看得更深一些:这些设计过的按钮会增加游客点击的可能性并转化为实质操作吗?为客户设身处地着想的设计师应当是被推崇备至的,而那些没能考虑更深的设计师,则需要在每一设计项目中尽力满足客户需求的同时,改善自己的优先考虑顺序。

作者 | Marc Schenker

翻译 | 郭瑽

相关推荐

手机如何检测是否被安装木马程序?如何防止路由器被黑客重置?

黑客攻击无线路由器有3种途径:...

盈盈可握的娇媚——全能美物ORICO WRE-30

由于工作的关系经常出差,在酒店除了一个RJ45接头,通常都没有无线网络可以提供,不可能自己携带太大的无线路由器,便携式的也买过几个,但是功能上大打折扣实在无法忍受,一直期盼能有既便携也功能丰富强大的产...

安卓重大锁屏密码漏洞,国产手机有几个中招了?

上周,一条新闻吸引了托尼注意。只用一张SIM卡,1分钟不到就能解锁你的安卓手机?...

零代码+免费+联网搜索:用DeepSeek+AnythingLLM搭建专属AI知识库

引言在信息爆炸的时代,如何高效管理私有数据并借助AI能力实现精准问答?本地私有知识库成为解决数据安全与智能化的最佳方案。本文将手把手教你使用开源工具AnythingLLM(项目地址:...

iOS越狱更轻松?黑客破解Lightning连接器

IT之家(www.ithome.com):iOS越狱更轻松?黑客破解Lightning连接器近日,德国黑客StefanEsser,也就是人们熟知的i0n1c在他Twitter上表示,黑客已成功破解了...

如何在 Windows 11 中更改 PIN

#寻找数码点评派#打开Windows设置,转到帐户登录选项,然后选择PIN(WindowsHello)...

2019年终黑客工具盘点-最佳篇

2019已经匆匆溜走,在2020伊始,小兮为大家带来了2019年终工具盘点的最佳篇,将分成三个部分为大家推荐工具,分别是Windows最佳工具、Linux最佳工具和手机最佳工具。话不多说,开整!Win...

磁盘被 BitLocker 锁住了怎么办?教你轻松解决

如果你的磁盘被BitLocker锁住,通常是因为系统检测到潜在的安全风险(如硬件改动、多次密码错误等)或丢失了密钥。以下是分步解决方案:一、确认被锁原因①硬件改动:更换主板、TPM芯片或启动顺序变化可...

风靡全球的安全应用AppLock,同样可能泄露隐私

安全研究人员发现,DoMobileLtd.公司开发的知名的安卓安全应用AppLock存在多个漏洞,容易受到黑客攻击。AppLock应用锁简介AppLock在超过50个国家拥有1亿多用户,它自身支持2...

安卓5.1.1前所有版本曝密码漏洞,轻松乱码即可破解锁屏

据德州大学研究人员发现代号棒棒糖的Android5.x存在一个严重的软件漏洞,只要攻击者能拿到机子的情况下,手机若设置的是数字密码解锁方式,只要输入足够长的乱码就能绕过屏幕锁定,进入到HOME主页取...

手机里有钱的,这5项设置要打开,就算丢了别人也偷不走

随着手机支付时代的到来,可恨的坏人也紧跟支付方式的变化,改为盯上了我们的手机。如果你手机里有钱的,那么一定不要掉以轻心,做好以下5项设置,让手机里的钱的更安全。设置SIM卡锁定设置SIM卡锁定,其实就...

原来破解邻居家的WiFi这么难?还是用万能钥匙吧

我们中的许多人认为,入侵wifi就像用铁锤打破塑料锁一样,并且使用以下提到的工具也是如此。入侵无线网络只是从防御性安全转移到攻击性安全的开始部分。入侵wifi包括捕获连接的握手并使用字典攻击等各种攻击...

电脑开机PIN码忘记了怎么办?教你不用重装系统也可以重置

在使用电脑的时候,我们往往会为了保护电脑的安全,从而设置开机密码。但是总会出现PIN码忘记导致无法开机使用,特别是许多用户反复的输入错误密码导致登录次数过多或者重复的开关机,登录选项被禁用,请使用其他...

送你个使用锦囊 防止蓝牙耳机被“策反”

你每天戴的蓝牙耳机可能被定位跟踪?近日有报道称,部分蓝牙耳机存在安全漏洞,可被不法分子快速植入具有定位功能的代码,从而实现远程跟踪,甚至监听。这一话题迅速登上微博热搜榜,不少网友惊呼:自己身边居然潜伏...

系统小技巧:无懈可击 Windows组策略管理系统密码

为了保护自己的系统安全,我们一般都会为系统设置密码。不过很多人为了记忆方便,设置的都是类似“123456”这样的简单密码,或者即使设置了较为复杂的密码,但是使用的时间很长也不变化。这些密码策略其实都有...