Shopify 为175个国家的50多万家电子商务企业提供支持. 自2012年以来, Shopify平台上的商家数量平均每年增长74%, 这些商家已经实现了超过550亿美元的销售额，因为Shopify是其中之一 最著名的 和 最容易使用 今天的电子商务平台.

Shopify负责域名, 举办, 所有后端, 以及一些前端功能, 更多的时间, 钱, 和资源可以花在UX设计上. 到2021年，全球电子商务销售额预计将达到4美元的新高.9万亿美元，而不合格的用户体验设计是最大的贡献者之一 废弃的签出，这是更明确的实施 电子商务最佳实践 会继续证明是非常有效的吗.

在这篇文章中，我们将探讨如何设计一个Shopify网站与Shopify设计技巧.

Shopify有什么功能?

Shopify提供了你所期望的顶级电子商务平台的所有功能:

• 与外部支付网关集成，如Stripe和PayPal
• 访问 Shopify支付，与外部选择相比，费用为零
• 允许用礼品卡或商店积分付款的能力
• 可自定义的结帐页面(仅适用于 Shopify + 客户)
• 用户帐户或来宾结帐的选项
• 静态页面(e).g., 隐私政策 or 条款与条件)
• 包含促销内容的登陆页
• 用于开发中的商店的密码访问
• 具有一系列可定制选项的产品变体
• 智能收藏，自动分类产品
• 搜索和标记功能，以帮助产品发现
• 博客功能，能够将产品嵌入到帖子中
• 帮助开发人员构建动态网站和移动应用程序的API

促进电子商务产品发现

类似于实体店按部门组织的方式，这样顾客可以通过询问工作人员来定位特定的商品, 网上购物者需要浏览的能力, 过滤器, 然后搜索，这样他们就能找到他们要找的东西 很容易 和 很快.

40%的电子商务客户 放弃加载时间超过3秒的网站, 这表明，在产品发现方面，他们是多么没有耐心. 幸运的是, Shopify有许多功能，可以很容易地建立自定义导航, 组织产品和类别, 实现搜索功能.

自定义导航

向客户提供太多的选择可能会导致 分析瘫痪 (当有太多可用的选择而无法有效地做出决定时，会导致沮丧和放弃). 通过设计自定义导航，我们可以 优先考虑 例如，转化率最高的产品和“收藏品”, 如果桌面产品是最受欢迎的，可以明显地展示“Desk”系列. 这些自定义导航也可以在Shopify CMS中进行编辑，以便进行临时A/B测试.

视觉上来说, 最好的转换Shopify主题清楚地显示Collections的标题，并使用足够的空白来帮助用户轻松地识别他们在所有产品中寻找的东西, Collections, 提供的页数.

Collections

Collections是一组有组织的相似产品. 产品可以手动分类到Collections中, 或者它们可以根据匹配的标准(例如, 如果产品标题包含某个关键字, 已经分配了一定的 标签，或在特定价格范围内). Collections也可以是临时的(例如.e., 季节性或限时销售)确保Shopify网站设计始终相关, 及时的,, 最重要的是, 高转换.

虽然这些Collections是在后台定义的，但对于 电子商务设计师 在设计Shopify网站时要注意这个功能.

产品标签

显示/可见的标签帮助客户找到类似的产品, 如上所述, 它们也可以在内部用于创建Collections. 然而，标签的最大好处在于，它们可以用来创建一个 面向方面的搜索，允许客户根据标记的定义属性(如“黄色”)过滤产品.”

记住这些Shopify的设计技巧:

• 为了进一步澄清，请显示应用了哪些过滤器.
• 允许客户删除过滤器，以扩大他们的搜索.
• 截断过滤器 只展示最受欢迎的第一眼.

搜索

搜索功能对于那些知道自己想要什么东西的顾客来说非常有用，对于那些因为在移动设备上进行交互而发现浏览和过滤令人沮丧的移动购物者来说尤其重要.

以下是Shopify在设计搜索体验时需要考虑的最佳实践:

• 从来没有 hide the search box; reduce friction by making it immediately available.
• 将搜索放在客户期望的位置(1).e.，右上或中央).
• 显示整个输入框，而不仅仅是搜索图标.
• 加入自动补全功能，帮助用户更快地搜索.
• 通过使用建议的结果和自动更正来设计人为错误.
• 保存用户搜索并发送后续邮件，如果没有销售.

Shopify产品页面最佳实践

Shopify提供了所有需要的功能 吸引电子商务购物者 并流畅地引导用户直接结账. 如果我们把这些特征和 电子商务最佳实践，我们可以将放弃的结帐次数推到平均统计值以下.

使用吸引人的产品图像

什么是一个好的电子商务网站是图像 在情感上吸引用户. 为此，Shopify允许上传多个图像和产品变体. 然而，作为Shopify的最佳实践，展示 至少一个 这些产品图像的比例(i.e.(被其他物体包围，以说明产品有多大)来设定期望.

顾客希望在购买之前对产品进行彻底的调查，以确保所有的产品形象都是生动的, 高质量的, 和缩放的.

显示清晰的产品信息

由于缺乏有关实际成本的信息，数量惊人(但并不令人惊讶)的电子商务客户放弃了购物车. 60%的客户 列出意外费用(如.g., 航运, 税, 费用)作为他们放弃购物车的原因, 23%的人无法预先计算总成本. 缺乏透明度无疑会降低电子商务网站的转化率, 所以请记住这些Shopify提示和技巧:

• 使用 渐进式披露技术 清晰地组织信息.
• 在前面显示一个完整的成本细目.
• 明确地传达价值主张.
• 让“立即购买/添加到购物车”按钮在视觉上与众不同.

建立信任和保证

据贝马德研究所称，缺乏信任被认为是原因之一 19%的客户 在结帐时抛弃. 幸运的是, 所有Shopify商店都默认使用SSL(安全结帐), 但他们也允许顾客留下评论作为社会证明.

社会认同是一种不可否认的方式，通过赋予信任来飙升转换 电子商务网站. 根据BrightLocal， 88%的消费者 相信网上评论和个人推荐一样重要, 所以有必要推动之前的客户留下评论，并在客户旅程中指出这一点. 大多数Shopify主题也利用 模式标记 将这些评分直接整合到搜索结果中.

除了社会认可, 考虑通过实现实时聊天解决方案来建立客户信心，例如 对讲机, Zendesk, 漂移, or Kayako. Shopify允许通过他们的 应用程序商店 通过手动安装.

展示相关产品推荐

所有领先的电子商务企业都利用交叉销售和追加销售策略. 标签，结合分析和A/B测试集成，如 优化的网络推荐，可以帮助设计师授权企业通过展示来提高转化率 可选或附加 顾客可能感兴趣的物品.

整合购物体验个性化

集成如下 网页个性化由Optimizely, 结合Shopify的收藏和标签, 允许数据驱动的企业根据他们的兴趣和以前的购买历史来划分受众，并相应地改变页面内容.

与 预期设计 技术, Shopify商店可以展示更多相关的内容, 让观众参与的时间更长, 因此更有可能转化为销售. 个性化 是提高任何电子商务企业财务底线的关键.

检验优化

客人结账vs. 客户账户

根据 Baymard研究所, “网站想让我创建一个账户”是客户在没有购买任何东西的情况下放弃结账的第二大常见原因(占35%). Shopify建议允许客人结账(尤其是在手机上)，为此，禁用客户帐户是默认选项.

精确定位用户体验缺陷并减少流失

试图在没有可靠分析的情况下解决被遗弃的结帐问题，就像在黑暗的房间里找一只黑猫一样有效. 当它是一个数据驱动的过程时，优化Shopify用户体验和结帐流程效果最好.

Shopify设计师可以 连接Google Analytics和Shopify 建立一个 目标漏斗, 哪一个。, 在收集了足够的数据之后, 能够准确地说明客户在哪些方面决定不再继续购买.

为了获得最佳效果，将Shopify与诸如 疯狂的蛋, Hotjar, FullStory 使用热图和访客记录更详细地观察这些问题区域.

结论

让设计师能够更好地沟通Shopify平台的好处和功能，并了解它可以为客户提供什么解决方案，不能提供什么解决方案, 最好是开一家免费的演示店. 此外,前 电子商务设计师 可以注册 Shopify专家，为他们的简历增加可信度 Shopify网站设计师.