2020 年及以后电子商务商店设计终极指南

如今，电子商务中最大和最受欢迎的业务正在显着增长。 想象一下电子商务企业如何让人们的生活变得更轻松。

无论是什么利基或行业，无论是电子、时尚等，在线业务在一段时间内都在世界范围内掀起波澜。

只需点击几下，您就无法在线购买任何东西。 由各种购物车平台（例如 Magento）运行的电子商务网站有助于建立人们喜欢通过网络购物的品牌。 Magento 开发是目前最受欢迎的流程和服务之一，Magento 为全球数千个品牌网站提供支持。

设计电子商务商店

安全和信任设计

首先要记住的是设计一个购物者可以信任的网站。 大多数购物者对隐私以及品牌网站是否可以通过安全交易保护他们的个人数据持谨慎态度。 如果购物者对某个网站感到不确定，他们会转向其他品牌。

一些传达可信度的方法：

1. 包括业务概览。

• 提供品牌背后人员的照片
• 提供一般信息
• 社交媒体链接
• 联系信息
• FAQ或常见问题页面

2. 发布易于查找的商店政策。

• 运输和退货政策
• 退货流程大纲和可以退货的产品
• 轻松访问隐私政策，涵盖购物者的个人和财务信息

3. 用通俗易懂的语言写作，避免使用法律或内部政策术语。

分享评论。 对产品的评论有助于购物者更好地了解产品，减轻任何顾虑，并提供出色的用户体验。

提供产品评论以及评论者的更多信息，使其更进一步。 这有助于购物者更容易充分利用他人的意见。

4.添加公认的信任印章。

信任印章将验证网站的安全性和合法性。 一些信托组织甚至通过提供多种保险来增加额外的保护层，以防交易被证明是欺诈性的。 信任印章向潜在购物者保证交易过程是安全的，从而带来更多的销售，当然还有更好的 UX 体验。

5. 安全服务器。

在线购物时，购物者希望他们的个人信息保持安全。 SSL 或安全套接字层证书验证站点的身份，加密应该保持安全的信息。 这是指示安全结账的关键标志，通过实施和显示 SSL 证书徽章向购物者保证数据保护。

6. 注重细节。

如果您避免拼写错误、断线、丢失图像、404 错误或未找到页面以及其他用户体验错误，网站将显得专业和合法。

UI 设计注意事项

第一印象的主要驱动因素是网站的外观和感觉。 人们可以在几秒钟内确定他们是否喜欢某个品牌的网站。 查看这些基本的 UI 设计技巧。

视觉层次结构采用

最重要的内容应该放在首位。 在某些情况下，与将重要内容推到首屏相比，使用更少的空白来拉近项目会更好。

避免过度设计

限制字体格式，包括字体、颜色和大小。 当文本看起来很像图形时，它可能会被误认为是广告。 使用背景颜色和高对比度文本使内容尽可能清晰。

遵循品牌标识

品牌必须在整个网站上都很明显。 颜色应该反映品牌，设置风格以明确销售的产品类型。 品牌体验应该在所有渠道中保持一致，无论是在店内、移动设备上还是在线。 这有助于建立稳固的品牌-客户关系。

避开弹出窗口

弹出窗口确实会分散注意力，尽管它包含有价值的信息。 购物者更有可能立即解雇他们。 一旦他们消失了，即使他们想消失，也很难再找到信息。

坚持已知符号

使用易于识别的符号或图标。 使用不熟悉的图标只会让购物者感到困惑。 在为图标提供标签时避免混淆的好方法。

易于导航的网页设计关键方面

定义明确的产品类别

顶部导航级别应展示网站提供的一组类别。 将产品分为类别和子类别非常有意义。 类别标签最好是描述一系列产品的单个词，以便购物者可以浏览并立即了解它们所代表的内容。

产品搜索

简而言之，如果购物者找不到产品，那么他们就无法购买。 创建一个搜索功能，帮助以无缝方式找到客户正在寻找的内容。

• 无所不在的搜索。 将搜索框放在每个页面上熟悉的位置。 它应该是快速识别、可见且易于使用的。 标准位置将在页面的顶部中心或右上角，或在主菜单上。
• 搜索自动完成功能。 借助自动完成功能，购物者会发现很容易找到他们正在寻找的东西，通过在他们已经搜索的地方推荐东西来提高销售潜力。
• 支持所有查询。 搜索必须支持各种查询，例如产品名称、产品属性、类别以及客户服务相关信息。
• 在排序和过滤中启用结果。 允许购物者根据不同的标准对搜索结果进行排序，例如畅销书、产品评级、最低或最高价格以及最新商品等。

设计购物车

购物者对他们选择的产品进行评论，做出最终决定，然后通过购物车进行结账，因此至关重要。 购物车的主要目标是引导购物者进行结账流程。 考虑以下将鼓励购物者进行购买的提示。

提供充足的反馈

确保将产品添加到购物车时，清楚且立即得到确认。 不充分的反馈只会让购物者感到困惑，例如显示不明显的确认文本。 使用动画会很棒，因为运动会吸引人的眼睛。

使用明确的 CTA 或号召性用语

结帐按钮应该是购物车页面上的主要 CTA 或号召性用语。 使用许多可点击区域、明亮的颜色和简单的语言，打造易于使用且直观的可见结帐按钮。

迷你推车

迷你购物车使购物者能够将产品添加到他们的购物车中，而无需离开他们当前所在的页面。 迷你购物车小部件可让他们发现、导航和添加更多产品。 这些小部件应始终链接到完整的购物车页面。

易于编辑的购物车

删除、保存更改细节或稍后（例如颜色、尺寸、数量）的能力必须易于访问。

产品详情展示

在购物车中展示详细信息，包括名称、尺寸、图像、价格和颜色，有助于购物者记住产品并进行比较。 必要时，允许购物者通过链接购物车中的产品并返回其完整页面来查看更多详细信息。

避免税收和运输成本方面的意外

放弃购物车的主要原因是意外的运费和成本可能会让购物者措手不及，使他们放弃购物车。 预先计算准确的成本，以及预计的交货日期。

设计结帐

请记住，无论您的设计多么时尚和时尚，它都不会成为其成功的决定因素，也不会提供出色的用户体验。 电子商务业务的成功仅通过完成的购买数量来衡量。 查看以下创建结帐页面的方法，该页面设计精良，可带来成功的转化。

• 保持简单。 最大限度地减少购买完成的步骤和字段的数量。 尽量减少字段数量的一种好方法，理想情况下设计一个单页结账，购物者可以看到他们的购物车并输入付款和交付信息，默认情况下使用送货地址作为账单地址。
• 提供不同的付款方式。 购物者在付款方面有各种偏好。 提供尽可能多的付款方式，以扩大客户群，并轻松完成订单。
• 清除错误指示用法。 无法购买，原因确实很令人沮丧。 与其在提交表单后显示错误，不如实时显示错误通知。 在应该更正的项目中，但直接或旁边的清晰简洁的错误消息。 这让购物者注意到并很好地理解他们。
• 注册应该是可选的。 迫使购物者在第一次购买之前注册账户只会把他们赶走。 仅在购买完成后提供注册选项，并确保突出显示注册可能带来的好处。 好处可能包括更快的结帐过程。
• 提供支持。 在整个结帐过程中包括实时聊天的联系电话。 每次购物者有问题时，他们都可以很容易地得到答案，而不是离开网站去其他地方。
• 让人们走上正轨。 使用多页结账时，应包含一个进度条，显示完成购买的剩余步骤数。 这样可以消除任何歧义，并确保购物者走在正确的轨道上。 购买完成时显示确认订单和跟踪状态的发货。

如今，在任何电子商务业务中，请记住，如果品牌的网站显得过时，无论交易多么好，人们总是会认为它质量低下。 在计划建立自己的电子商务网站时，请考虑从客户的角度来看待它。 一个成功的品牌有能力保持最新并实施网页设计的最新趋势。

如果该站点看起来很旧，访问者会认为这是因为您的业务不够，并且会毫不犹豫地寻找另一个站点。

底线

在当今竞争激烈的商业场景中，在线购物者希望获得无摩擦的体验，无论需要什么。 设计一个网站不仅仅是创建它。 这也是关于创造美妙的在线购物体验，可以将被动的网络访问者转变为主动的购买者。 上述电子商务网页设计中的提示和指南有望帮助您做出关键的设计决策，以构建出色的用户体验。

此外，用户体验应该是用户友好的、有吸引力的、专业的，并且应该让购物者再次光顾。 相对较低的市场份额和较快的增长意味着新玩家仍有很大的机会超越行业的传统领导者。 就网站设计的趋势而言，请记住，不仅仅是试图跟上不断变化的趋势。

上面讨论的所有内容都不是您应该在您的网站上包含的内容清单。 它是一个目录，可以帮助您权衡不同的选项。