随着互联网的发展和周边资源的完善，网上购物已经走进了无数网民的生活，甚至成为他们生活中不可或缺的一部分。相应的，大量的购物网站也随之出现。

如何设计兼顾美观与可用性的网站购物车，是一门非常有研究价值的问题。本文为读者介绍了10个优秀购物车的设计技巧，并为读者推荐了一些国外的优秀购物车设计欣赏。

1. 整版车和迷你车

购物车通常有两种形式，整版页面的购物车和作为网页组件的迷你购物车。建议两种形式同时包括。

迷你购物车不影响购物车以外的布局，只显示购物的列表及简要信息，并且有一个醒目的链接指向整版购物车页面，下面是一个很好的例子：

相反的，整版购物车页面可以提供更详细的信息，例如产品详情、删除/添加、税收和发货选项等。以下显示了一个整版购物车页面，它的右上角同时也包含了一个迷你购物车：

2. 结账：逐步引导或一页式

用逐步引导的方法使用户更容易上手。看看Apple.com结帐页面，结帐程序包含四个步骤：登录，结算及托运，付款方式和最后确认/修改。

除了循序渐进的引导，另一种方式是把所有的付费、运输和结算操作放在一个页面上。

如果设计得合理，这也是一种很好的方式。下面的网站使用了良好的单页结帐过程：

3. 使用图标链接到详细页面

迷你购物车上应该有链接到详细页面的醒目图标，以引导用户进入详细页面。

下面这个网页虽然是日语的，但它的图标可以清晰的显示这是购物车链接。

4. 使用明显的结账/添加按钮

设计电子商务购物车，重要的是要包含明确的信息 ，并引导客户进入结账程序。最好使用明显的按钮，并包含清楚易懂的文字，如“添加到购物车”或“结账”。

5. 使用清晰整洁的列表

设计购物车最好使用列表结构，清晰的现实信息，使用标准字体 ， 并尽量避免使用复杂的背景 。

6. “继续选购”链接

“继续购物”链接的作用是引导用户回到商品列表继续选购，这当然是所有网站都想要的。

7. 避免填写过多的条目

尽量让用户填写最少的表格，用最快的速度完成网上购物过程。

8. 提供充分的帮助信息

快速提示和通用提示是网站必不可少的组成部分，尤其是购物网站，你要让你的客户没有任何疑问和疑虑的完成购物过程。

9. 使用视觉辅助

使用图标、箭头、文字等醒目的视觉辅助元素，引导用户的视觉流向。

以下图片显示的一个极方便的单击并拖动车 。.形象的购物车图标告诉顾客，他们可以拖动物品到购物车。

10. 包含确认步骤

用户必须有一个步骤来确认是不是买到了正确的货物，并且有办法及时取消选择，然后进入付款结算程序。

优秀的购物车设计欣赏

IconDock 

MediaTemple 

Early Learning Centre

Roxy 

 Mia & Maggie 

Mia & Maggie 

Amazon 

Evel 

Design By Humans 

Bridge55

Cosmic Soda 

Incase 

Shoon 

Wunderbloc 

Bored of Southsea

Subnormals

AlphaStore 

Me & Mommy-to-be

评论 (0) All

登陆 还没注册？