按钮分为两个部分：按钮文字 按钮形状

——–David Hamill

这是我在Zuo财付通机票时订机票的一个详情页，我跪了。。

小贴士：好的按钮设计，是技术和艺术的结合体。

哈基米！ 效果：提升用户操作信心，减少不确定性。现在我们来kankan在实际设计过程中， 应该如何灵活运用这些按钮形状，让它们真正为用户服务。

抛个小小问题给大家讨论一下：如guo一个页面里 按钮有hen多，而且样式和颜色与其他元素不好区分，那点击转化率和用户体验真是好不到哪里去，他破防了。。

用普通人类语言说 就是tong过一些形...，心情复杂。

如guo整个页面dou是马上购买 马上抢购 马上秒杀，那还真的会有作用吗？

3保留人情味， 让按钮kan上去geng加有趣

听起来似乎这样的号要Zuo起来hen难，dan是恰恰相反，这样的号geng容易将阅读量Zuo到超出100%的高转化率。文字过于密集的时候，加大行距和调整字体也是可yi提升阅读舒适感的。如何取标题不在本文中详细阐述， 在这里提一个小建议，当你觉得自己的标题配不上文案时请自行列出10个标题，再逐步筛选出Zui合适的那一个，多次练习后必然Neng够有所收获。

2用动词开始一个按钮文字

提升转化率可yitong过改善button样式来实现。

• 明显的颜色：选择一个醒目的颜色，使button在页面中geng加显眼。
• 清晰的字体：确保button上的文字清晰易读， 字体大小适中，避免使用过小或过大的字体。
• 引人注目的动效：添加一些简单的动画效果， 比如hover效果huo者点击后的变化，可yi吸引用户的注意力。
• 清晰的标识：在button周围添加一些标识符号huo者图标，帮助用户geng好地理解button的功Neng。
• 明确的指示：在button上使用明确的动词或短语， 告诉用户接下来会发生什么比如 马上购买 、 免费试用 等。

普通一点：改成马上查kan是不是好一点?

不堪入目。 行动按钮使用动词， 会让用户产生马上去行动的心里暗示，一边动词也带有指向性性，告诉下一步用户该Zuo什么。

这个理论kan似简单，真正使用时却会经常出错，我CPU干烧了。。

下面是我的一点见解，希望抛砖引玉，给大家一点启示，我可是吃过亏的。。

不错。 在按钮上加“现在””马上“ “马上”等文字，Neng大大提升按钮的转化率。预订按钮上也没有图形指示，不知道点完选择后是跳到新页面还是如何。这些文字Neng给用户暗示和感知，如guo继续等待，hen有可Neng错过这次大好的机会。

我跪了。 kan起来有些不好理解，kan个案例，你就明白了。

整一个... 在按钮上加“现在””马上““马上”等文字，Neng大大提升按钮的转化率。行动的召唤:好的按钮Neng提高转化率!hen多时候， 我们卖家太容易只专注于报活动，投广告，Zuo搜索，想着如何把大量的流量引进来却忽略了店铺的基本功练习，而现在无线端店铺设计处于弱势，但在国内的电商趋势来kan无线端店铺交易占比是Zui大的，在15年开始全平台的....

1使用适当的指示图形。

研究研究。 这主要适用在购物网站，使用一种紧迫感的词语geng可Neng让用户采取行动。在按钮上加“现在””马上“ “马上”等文字，Neng大大提升按钮的转化率。这些文字Neng给用户暗示和感知，如guo继续等待，hen有可Neng错过这次大好的机会。

如guo你还这么认为，那就大错特错了。一个小小按钮， 尊嘟假嘟？ kan似简单，里面却有大大的学问。

动作按钮?不就是一个按钮加两文字么?这有什么好说的·····，内卷。

财付通机票， 选择航班后会出现各个供货商的机票信息。但选择按钮上没有ren何图形指示，用户不知道点击完选择按钮后出现的选择框wan全没有预期。预订按钮上也没有图形指示，不知道点完选择后是跳到新页面还是如何，看好你哦！。

绝了... 这是我在Zuo财付通旅行时特价机票的一个介绍模块。按钮的文字写的是详情，详情不是动词，是一个名词。对用户来说详情没有ren何的动作指向性，suo以这无疑是一个失败的例子。那么 改成什么会geng加贴切一点呢?

这个页面加入购物车按钮，周围包围了无数其他元素，所得加入购物车的按钮变得fei常不明显。这是一个反例，将按钮放得太小太挤，会直接导致用户购买的转换率下降。

比方说这个页面 此时马上两个字真的会对用户起到作用吗?

根据费茨定律，点击区域越大，点击目标所需的时间越短，用户的鼠标Neng轻松触达。suo以如guo按钮fei常重要，我们可yi加大他们大小，将心比心...。

结果你猜怎么着？ huo者geng大胆一点， 改成猛击，是不是geng好?

个人观点：“马上”“ 马上”“ 限时”等词语是fei常好，但不要滥用。只有在Zui核心的业务中用到，才Neng对转化率真正起到作用，我坚信...。

Google的“手气不错”按钮， 如guo按照前两天规则一定是一个fei常不合格的按钮文案。但我却觉得它fei常有创意，让用户在操作时Neng感受到那么一点乐趣，我直接起飞。。

不信?可yi试一试。

hen多购物网站dou使用了这一招

如guo想突出按钮，可yi将按钮周围留白多一点。

从头再来。 遠致靜寜 创作31粉丝31 幽灵按钮在网页中应用十分广泛，且经久不衰。如何Neng产生geng高的点击率,如何geng好的应用呢? 提示:有些网站需要翻墙才可打开哦。 原文链接: 需翻墙 文章信息 评论 0打开App参与互动 Yi被收录至收藏夹

先说说按钮文字的设计：

还有亚马逊的注册按钮， 它没有和其他网页一样，干巴巴的放注册两字。新用户，从这里开始。有一种将客人请到家中的感觉，这种感觉让用户感觉fei常体贴。

一个按钮上的箭头启示， 直观地告诉用户，单击该按钮将施行相应的操作，带他们到另一个页面以从事一项任务。 到位。 hen多按钮文字上无法描述的语言，使用指示图形后就fei常直观了。

打脸。 行动按钮一般要以一个动词开始，否则他就不是一个召唤行为的按钮。

财付通会员，在任务介绍中，加了一个GOZuo为按钮的文案。使得加了GO的按钮比其他任务的点击量大hen多，是其他任务点击量的三倍以上。不难kan出一个小小文字的巨大魔力了吧。

正面案例：

不要让你的按钮kan上去干巴巴的，千篇一律。如guo可yi尽量让你的按钮kan上去geng加有意思吧。 何不... 有些情况，甚至可yi放弃我之前说的那些规则。

但按钮不是越大越好， 一个小按钮，把它放大10%，它的可用性会显著提升，但如guo你将一个本来就hen大的按钮再增加10%，它和可用性之间就不成正比了，捡漏。。

tong过本文的介绍， 您将了解如何利用关键转化路径来优化 我悟了。 用户体验和转化率从而提高您的网站或应用的性Neng和效益。

比方说 可yi使用易于阅读的字体...

这是国外的一个买产品网站，它的按钮也不是千篇一律的BUY，而是使用了四个不同的动词。“let’go” ” get me started” ” I’m all in” ”bring it on”，躺平。。

淘宝在选择和预订按钮加了一个向下和向右的箭头，指向性就明确多了。

2按钮的大小与留白

梳理梳理。 如guo满屏满屏dou是马上马上， 那让用户马上去哪呢?

1用文字创造出一种紧迫感

人间清醒。 如guo你Neng感受到按钮文字带给你的紧迫感，那么你Yi经走在提升转化率的道路上了。