107个顶级在线零售网站的“加入购物车”按钮

“加入购物车”按钮非常小，但每个在线购物网站都离不开它。按钮上的文字通常直接呈现在长方形的按钮控件上，有时五彩缤纷的可点击元素会将产品和购物车相联系起来，并有延伸品牌的功效。因此在购物车按钮的设计中，很重要的一点就是将你的一些想法代入到你所设计的产品中。

我们自2006起，从各个顶级在线零售网站已经收集了超过100个“加入购物车”按钮，这些按钮会带给你一些设计的灵感。此外，我们也总结了一些针对“加入购物车”设计的可用性指南共设计者参考。好吧，实际上是111个按钮，其中的107的看上去更酷。

（译者注：这里省略了这些按钮的图片，原文是里并不是一张整图，帖过来工作量太大，不帖也不影响对文章含义的理解，有兴趣的读者可去原文查看。）

以下是一些统计，百分比看上去更直观。

按钮文字：

加入购物车                          58.0%

加入背包                              9.8%

加入到购物袋                           9.8%

加入到购物篮                           6.3%

加入到消费购物车                      4.5%

购买                                   2.7%

现在购买                              1.8%

将商品加入到购物车                 1.8%

将商品加入到背包                    0.9%

加入我的背包                         0.9%

加入我的便当                         0.9%

加入我的消费购物车                 0.9%

现在预订                              0.9%

按钮图片

没有                                  48.2%

箭头                                  17.9%

购物车                               14.3%

消费背包                              7.1%

加入符号                              5.4%

组合                                   4.5%

独特的设计                           1.8%

“加入购物车”按钮如何增强你的品牌

首先，“加入购物车”按钮看似是一个小细节，但它包含用户和品牌之间潜在的情感联系。你所选择的按钮样式、色彩和按钮文字都会影响这一情感联系的结果。

Urban Outfitters的手写字体按钮与其前卫和街头的风格相匹配（这有可能有损于按钮的可寻性，因为这无助于使按钮在屏幕上脱颖而出）。Northerntool的加入符号（plus sign）型图标酷似螺丝刀头。Petsmart的红色小圆球有趣且活泼，能即刻被认出。Bloomingdale的“big brown bag”图标阐述了它品牌的威望。而Polo永恒的深色海军蓝色按钮给线上和线下的品牌标识都带来了和谐的一致。

按钮文字也非常重要。“加入到购物袋”相对“加入购物车”听上去似乎更适合高端百货店，而后者可能更适合WalMart或Target。“现在预订”一致很适合目录推广品牌，但现在也适合用于在线订购。在英国，“加入购物篮”是更为普遍的术语。

按钮设计与可用性

按钮文字

网站文案强调高可看性（scannabliity），网站文案的黄金准则是：用尽量少的文字（don’t use 5 words when three will do）。这条准则如何应用到这样一个小按钮中呢？尽管如此，我们发现15%的按钮文字比较长。Harry and David的“加入我的消费购物车”，更个人化和口语化。

“现在购买”相比“加入购物车”表达方式更有力，但可能更多的是建议用户完成购物或作出一个购买的承诺，而不是再去检查一下订单。“加入购物车”的美感在于没有强制并假设用户还要继续随便看看。如果你是一个很好的电子商务销售人员，那么你正在展示推荐购买的商品和一个“欢迎继续购物”的链接（或者你正在使用一个以Ajax实现的内嵌购物车）。

文字样式

一般的网页可用性设计指南推荐使用有高色彩对比度的sans-serif字体（高对比度的白字黑底或白字暗蓝底，而不是像Chadwick低对比度的蓝字蓝底）。

全大写字体在网站文案中基本不被推荐。大小写混合更有利于阅读，全小写也具有同样的可读性。我们发现45%的“加入购物车”按钮使用全大写。Walgreen的白色全大写文字，包含在含有一个带有小图标的弧度按钮上，这种设计可以吸引部分用户的视线。

按钮的放置布局

如果在你的产品页面提供一些有用的功能，如：收藏夹（wishlists）、放大图片、色彩转换、其他可选产品预览、发送给好友、查看购物车或结帐按钮等等，请确认“加入购物车”按钮保持醒目、明亮和对比显著。次要功能按钮在色彩上需弱化或文字上简化。[Page]

文字叠加（译者注：文字分两行显示）

文字叠加对链接和导航按钮设计来说并不是一个好主意。同样，也不适合“加入购物车”按钮。用户期望看到某种形式的矩形按钮，这样可以快速扫视文字页面。文字叠加需要花费用户更多的时间来辨认按钮，甚至可能造成用户的困惑。我们没有必要去重新发明轮子，坚持简单便捷的方式就好。

如何使用按钮模板？

即使不为购物车功能设计定制一个“加入购物车”按钮，你也需要选择一个符合网站主题的按钮（并不意味着必须是完全相同的颜色）。请确认选择一个设计后持续使用它。电子商务的蓬勃发展由信用驱动的，不停的变化按钮会损害用户对你的信任。

巴厘岛旅游业惨淡的原因(巴厘岛旅游业惨淡的原因分析)

    东南亚是国人热门旅游目的地，为何东帝汶很少有人去？ 谢邀！ 这是一个很有意思的问题，因为我们对东帝汶都不是很了解，甚至有的人听都没有听过这个国家。我们先来看看东帝汶的历史以及现状，从中就不难知道为什么在整个东南亚地区东帝汶的存在感最低了。 （图片来源于网络） 东帝汶的历史 在以前我们的历史书中，很少提到东帝汶。的确，直到1999年东帝汶才通过公民头条决定脱离印尼、2002年才正式独立的国家。东帝...

       最新的广东省通信管理局的备案要求通知 尊敬的客户： 接广东省管局的最新通知，现在备案有新要求，一般备案分为主体和网站： 一、企业、事业单位等的主体负责人和网站负责为法定代表人；核验单上的签名必须是法人签名，对应相关的扫描件必须是对应单位负责人的。 二、个人备案，主体负责人和网站负责人为该本人，对应相关的扫描必须是该本人的。 三、高中、大学等要做前置审批。中小学、幼儿园等暂不需要做前置审批。 四、域名证书必须提供域名所有者与主...

       网站推广技巧 搜索引擎篇 企业网站建立好了以后，就要想着如何使自己的网站让更多的人知道，如何吸引更多的人访问它，从而给自己争取更多的潜在客户。 推广的办法有很多，比如说可以做路牌灯箱广告或者在电视台和纸媒体做宣传，但是这种宣传的价格有点偏贵，相信也就是那些拿到了风险投资或者刚融资到手的主可以这么很潇洒的“烧钱”；要么你可以在某些人气很旺的BBS上或者其他网站上面加入自己的链接，要么就干脆给人发电子邮件来宣传自己，但是这种情...

       怎样设计网站才能吸引到客户 怎样进行 企业网站设计 才能让用户产生购买欲望？互联网如此的发达，导致我们的生活离不开网络，当然企业要想进行一个好的宣传，那么也是跟网络分不开的，而网站建设是企业打开网络营销的窗口。网站建设要想吸引更多的用户，跟其设计是分不开的，因为浏览一个网站第一视觉看的是整体的设计，如果设计的很乱，不是他们喜欢的，用户也不会有继续浏览下去的欲望。那么我们的网站到底怎样设计才会让用户产生购买欲望呢？ 　　挑战...

       怎样为网站建设选择更合适的空间 我们在选择自己网站空间的时候，对于网站来说还是对于日后的发展，或者对于站长自己本身来说都非常重要，我们可以来看一下近年来的一些趋势，网民的人数越来越多，网民的网络知识积累越来越牛，于是不少人就走向了站长这个职业，导致站长群体越来越庞大。而且现在cms的高速发展，A5等专业站长论坛的广泛影响，使得建立一个网站日趋简单，在这种情况下开始着手建设自己网站的人，这些新手站在可能会有些问题对于自己的网站来说...

       网络推广策划书 虎网网络“X-乒乓”网络推广策划书 网络推广一般通过以下几种方法，也是写网络推广策划书最常用的几种方法： 网络广告推广方法 大家都知道网络广告是现在公司最常用的网络推广方法之一，因此在这份网络推广策划书中首先提到。这次我们公司举办的“虎网网络-X乒乓”游戏推广活动，我们可以在上海市10个区的网吧、开展网络视频广告，把虎网网络“X-乒乓”的游戏宣传视频，通过网吧传达给网络游戏的爱好者。 当然网络广告...