动画创作家园  动画人最专业的动画理论网站。
高级搜索
维爱迪-动画创作家园 >> 动画资源 >> 其他教程 >> 价值连城!购物网站“购买”按钮设计浅析

价值连城!购物网站“购买”按钮设计浅析

维爱迪-动画创作家园 出处: 作者: 日期:2009-8-4 17:19:01 3D MAX 动画制作教程 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | Photoshop入门与进阶实例

 

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

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

  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)、放大图片、色彩转换、其他可选产品预览、发送给好友、查看购物车或结帐按钮等等,请确认“加入购物车”按钮保持醒目、明亮和对比显著。次要功能按钮在色彩上需弱化或文字上简化。

  文字叠加

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

如何使用按钮模板?

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

第一页上一页12下一页尾页
责任编辑: brahma 参与评论 H网电影院 超爽动漫 电影 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | 超低价图书
复制本文地址给好友 -
相关文章
品牌设计-俄罗斯Myznik Egor工作室作品欣赏[07-23]
半裸人体倾情演绎 摄影主题钟表设计[07-23]
梁志天设计作品:Headquarters发廊激赏[07-23]
分享作品,触动生活的心灵设计《小空间,彰显大智慧》现已出版[07-23]
G3上网笔记本贴膜设计大赛 获奖名单公布[07-22]
造型各异的幻想人物角色设计[07-22]
最新文章
不朽神话!《变形金刚2》幕后制作大揭秘[08-04]
PS3独占游戏《暗黑血统》预告片[08-02]
Molson啤酒广告《派对必备酒》[08-02]
迪斯尼《电子世界争霸战2》预告片[08-02]
朱德庸将打造原创手机系列动画片[08-02]
动画《ZweiSterben》讲述死亡冥想[08-02]
关于我们|联系我们|免责声明|版权声明|创作说说(旧版)|标志大全|友情链接
动画创作家园QQ群①:2444514(满) QQ群②:15363563(满) QQ群③:48533909(满) QQ群④:44832229 (满) QQ群⑤:43100861 (满) QQ群⑥: 48773990 最佳分辨率 1024×768
维爱迪动画创作家园 冀ICP备19004920号-4
如果您感觉动画创作家园不错,别忘了告诉您的朋友哦,朋友会感谢您的^_^