正在阅读:价值连城!购物网站“购买”按钮设计浅析价值连城!购物网站“购买”按钮设计浅析

2009-07-20 09:37 出处:PConline 作者:译言 责任编辑:lizhiyan

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

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

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%

键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品