2017年，仅在美国，电商销售额估计就将达到1000亿美元 $434 billion .
Several factors determine the overall success of an eCommerce website; for example, product quality, shipping costs, trustworthiness, 以及客户服务. However, 优秀的用户体验设计也是为客户提供满意体验的关键. 它不仅会将潜在的点击转化为实际的电子商务交易，还会让客户一次又一次地回来.
这里是一个全面的指导，设计伟大的电子商务网站，完成的例子.
Trustworthiness
首先，重要的是设计一个顾客觉得他们可以信任的网站. 大多数购物者担心隐私问题，以及该网站是否会通过提供安全交易来保护他们的个人数据. 如果网站不值得信赖，他们就会选择去其他地方购物.
ASOS 在页脚分享有关业务和安全支付解决方案的相关信息.
以下是一些传达可信度的方法:
包括对业务的概述:
一般信息
企业背后的人的照片
联系信息
社交媒体链接
A FAQ page
发布商店政策，并确保它们不会太难找到:
运输和退货政策
概述退货流程和哪些产品可以退货
一个易于访问的隐私政策，涵盖购物者的个人和财务信息(这是至关重要的)
用通俗易懂的语言写作，避免法律或内部政策术语.
Share product reviews: Provide product reviews to help shoppers understand more 关于产品; this will help alleviate any concerns they may have. 更进一步，提供产品评论以及评论者的附加信息, 或者通过总结评论. 这一步可以帮助购物者更容易地充分利用他人的意见.
使用安全的服务器:消费者希望他们的个人信息在网上购物时是安全的. SSL (安全套接字层)证书验证网站的身份，并加密需要保持安全的信息. 这是表明结帐是安全的重要标志. 通过实现SSL和显示SSL证书徽章，确保购物者的数据受到保护.
一些信托印章的例子
Add recognized trust seals :信任印章验证网站的合法性和安全性. 如果交易被证明是欺诈性的，一些信托公司甚至通过提供一些保险来增加额外的一层保护. 使用公认的信任印章使潜在的购物者相信安全的交易过程, which leads to increased sales .
注意细节:避免拼写错误，使网站看起来合法和专业, missing images, broken links, 404 errors, 还有其他错误.
设计注意事项
网站的外观和感觉是第一印象的主要驱动力. Research 结论是人们会在50毫秒内决定他们是否喜欢一个网站.
以下是一些重要的用户界面设计技巧:
遵循品牌标识:品牌标识应该在整个网站中都很明显. 选择反映品牌的颜色, 并设定风格，以便明确销售什么类型的产品. 确保所有渠道的品牌体验是一致的, whether online, in-store, 或者在移动设备上. 这将有助于建立一个强大的品牌-客户关系.
采用视觉层次:最重要的内容应该显示在页面上方. In some cases, 使用更少的空白来拉近条目之间的距离比将关键内容放在页面下方要好.
不要过度设计:限制字体格式，如字体面、大小和颜色. 当文字看起来太像图形时，就会被误认为是广告. 使用高对比度的文本和背景颜色，使内容尽可能清晰.
坚持使用已知的符号:使用易于识别的图标或符号. 不熟悉的图标只会让购物者感到困惑. 避免混淆的一个好方法是为图标提供标签.
避免弹出式窗口:弹出式窗口会分散注意力. 即使它们包含有价值的信息, 消费者很有可能在他们离开后立即将其抛弃, 即使他们想这么做, 消费者很难再次找到这些信息.
Navigation
导航是指人们在网站上移动并最终采取行动的容易程度. 电子商务购物体验应该是无缝的，这样购物者就不会中途退出. 易于导航的电子商务网站设计的一些关键方面包括:
Categories
导航的顶层应该显示网站提供的类别集. 将产品分成有意义的类别和子类别. 品类标签最好是描述产品范围的单个单词，这样购物者可以浏览它们并立即了解它们所代表的内容.
Search
如果购物者找不到产品, 他们不能购买产品——建立一个搜索功能，帮助他们轻松找到他们想要的东西;
使它无处不在:把搜索框放在每个页面和熟悉的位置. 该框应该是可见的，快速识别，并易于使用. 实现搜索框的标准位置是页面的右上方或顶部中心, 或者在主菜单上.
支持所有类型的查询:搜索需要支持所有类型的查询，例如产品名称, categories, 以及产品属性以及客户服务的相关信息. 最好在输入字段中包含一个示例搜索查询，以便向购物者建议各种功能的使用.
有自动补全功能:自动补全功能使购物者更容易找到他们想要的东西，并通过在他们已经搜索过的区域内推荐商品来增加销售潜力.
允许对结果进行排序和过滤:让购物者根据各种标准对搜索结果进行排序(畅销书, 最高或最低价格, product rating, newest item, etc.)，以及剔除不属于某一类别的项目.
Filters
选择越多，选择就越难. 通过过滤器帮助购物者找到合适的产品. 这将帮助他们缩小选择范围，直接跳到他们想要的产品范围.
Quick View
“快速浏览”通过消除不必要的页面加载，减少了购物者找到合适产品所需的时间. 通常，产品详细信息显示在所查看页面上方的模态窗口中. Do not try to show all the product details; instead, 包括一个链接到完整的产品页面，以查看完整的详细信息. Also, 确保在显眼的位置包含“添加到购物车”按钮以及“保存到愿望列表”功能.
Special Offers
购物者总是寻找特别优惠、折扣或最优惠的交易. 让独家优惠可见，这样顾客就知道了. 即使价格差异不是很大，但是 心理感觉 节省一些钱会产生一种占上风的错觉.
产品页面设计
当购物者成功时 find 他们想要的产品，就给他们 find out 关于产品. 设计一个产品页面，创造一种尽可能类似于亲自购物体验的体验, 通过包含大量的图像, 详细描述, 以及其他有关产品的有用信息. 让我们深入了解一下这意味着什么.
Product Images
在电子商务中，购物者不能触摸、感觉或试用产品. 相反，一切都完全取决于他们在网上看到的东西. 这就是为什么提供清晰地展示产品各个方面的产品图像是至关重要的. 以下是完美产品形象的清单:
使用白色背景:产品图像的背景不应该分散或与产品本身冲突. 白色背景效果最好，因为它可以让产品脱颖而出，几乎可以与任何风格或配色方案配合使用.
使用高质量的大图片:好的图片可以推销产品. 高质量的图片能吸引购物者的兴趣，并准确地向他们展示他们正在购买的东西. 大图片可以让购物者放大，仔细检查产品.
使用不同的图片:从多个不同的角度展示产品，包括特写，以提供更完整的产品感. A 360-degree view, 他们可以在哪里移动产品, 提供接近实体进入商店并沉浸其中的体验是否是一种好方法. 虚拟现实电子商务是这种体验的下一波浪潮.
使用视频:视频能够在短时间内传递大量信息. 使用视频来展示产品的使用过程，并提供尽可能多的功能信息.
保持一致:在多个页面上使用一致的图像，并且与网站其他部分的外观和感觉一致. 这将使所有东西看起来干净整洁. 主要的产品形象应该在网站的所有区域是相同的, 如产品亮点或在特色项目部分.
给顾客详细的欧博体育app下载 ，这样他们就能做出明智的购买决定. Show availability, 可选择不同的尺寸或颜色, dimensions, a size chart, materials used, total cost, warranties, and more. 他们对产品剩下的问题越少，他们就越有可能购买.
Product Scarcity
According to the 稀缺性原理 , 人们对稀缺物品的评价较高，对丰富物品的评价较低. 通过展示稀缺性，在销售过程中营造一种紧迫感——展示剩下的产品数量, 把缺货的尺码用灰色标出, 或者展示销售截止日期. 稀缺性将促使潜在买家采取行动.
Increasingly, 公司正在使用先进的心理学研究, 为了提高用户粘性和购买量, 把曾经的艺术变成了一门科学. Persu asive design 在电子商务中是获得更多购买的一种非常有效的方式.
展示顾客可能也喜欢的类似产品，这些产品与当前产品或其他人购买的产品配合得很好. 这可以显示在产品详细信息页面或购物车中，并将帮助引导购物者找到满足他们需求的产品，并可能鼓励他们继续购物——这是交叉销售相关产品的好方法.
购物车是必不可少的, 因为这是购物者评价他们所选产品的地方, 做最后的决定, 然后结账. 购物车的主要目的是引导购物者结账. 下面是设计一个方便用户使用的购物车的技巧，这将鼓励购物者进一步购买.
明确的行动召唤(CTA):购物车页面上的主要行动召唤应该是结帐按钮. 使用鲜艳的颜色, 有很多可点击的区域, 以及使checkout按钮可见的简单语言, straightforward, and easy to use.
提供足够的反馈:确保当一个产品被添加到购物车时，它是立即和明确确认的. 购物者会对不充分的反馈感到困惑，比如显示不显眼的确认文本. 一个好主意是使用动画，因为运动吸引人的眼睛.
使用迷你购物车小部件:允许购物者在不离开当前页面的情况下将产品添加到购物车中. 它还允许他们导航、发现和添加更多的产品. 迷你购物车部件应该始终链接到整个页面的购物车.
显示产品详细信息:显示产品名称等详细信息, images, sizes, colours, 购物车里的价格可以帮助购物者记住每一件产品，也可以帮助他们比较产品. 将购物车中的产品链接回其完整的产品页面，以便购物者可以在必要时查看更多详细信息.
使购物车易于编辑:能够删除, save for later, 或者改变尺寸等细节, color, 或者数量应该很容易获得.
避免意外的运输成本和税收:意外的运输成本是主要原因之一 购物者抛弃了购物车 . 将运输选项和税收与精确计算的成本和预期交货日期提前.
Checkout Design
一个时尚和时尚的设计并不能决定一个成功的电子商务网站. 成功与否是由完成购买的数量来衡量的. 这里有一些方法来构建一个设计良好的结帐页面, 这将有助于成功的转换:
提供多种付款方式:不同的购物者在付款方面有不同的偏好. 迎合尽可能多的支付选择(取决于目标受众)，以扩大客户群，并使购物者更容易完成他们的订单.
保持简单:尽量减少完成购买的字段和步骤. 默认情况下使用送货地址作为账单地址是最小化字段数量的好方法——理想情况下, 设计一个单页结帐，购物者可以查看他们的购物车并输入交付和支付信息.
可选注册:强制购物者在第一次购买之前创建一个帐户 赶走顾客 . 让他们选择在购买完成后进行注册，并在要求他们注册时强调注册的好处. 好处包括更快的结账，这要归功于保存的送货地址或付款信息等个人信息，以及只有注册会员才能获得的独家优惠.
使用明确的错误提示:没有什么比无法购买而不得不猜测原因更令人沮丧的了. 而不是在提交表单后显示错误, 制作实时出现的错误通知. 将清晰简洁的错误信息直接放在需要更正的条目的上方或旁边, 所以购物者会立即注意到它们.
保持跟踪:当使用多页结帐时, 包括一个进度条，显示还需要多少步骤才能完成购买. 这将消除任何歧义，并向购物者保证他们在正确的轨道上. 购买完成后，显示订单确认和订单状态，并提供发货跟踪.
提供支持:在结帐过程中提供实时聊天或联系电话, 所以当顾客有疑问时, 他们可以很快得到答案，而不必离开网站去其他地方.
Summary
在设计电子商务网站时, 这不仅仅是建立一个网站，还要创造一种在线购物体验，将被动购物者转化为付费客户. 使用这个指南来做出必要的设计决定，以建立一个专业的网站, attractive, user-friendly, 并使顾客一次又一次地回来.
