为您的电子商务商店创建用户旅程

构建任何类型的网站都有其自身的挑战。 但是电子商务网站是完全不同的球类游戏。 它与任何其他网站具有相同的目标：发展和维护品牌个性、与受众交流和互动、获得和留住潜在客户，并最终与消费者建立牢固而持久的关系。

但与此同时，它也作为一家实体店，旨在通过增加销售额和提高客户满意度来增加收入并提高业务绩效。 那是很多责任！ 如果您想确保您的电子商务商店能够实现这一切，请遵循这些提示，这些提示将帮助您在您的网站上创建功能齐全的用户旅程。

收集用户体验数据

UX 数据的目的是让自己对现有的用户体验观察拥有所有可用的洞察力。 您需要这个，以便您可以解决问题并开始构思解决方案，从一开始就改善您的网站结构。 有一些优秀的 UX 工具可用，例如 Hindsight，可以帮助您收集准确的数据并确定您网站上的改进领域：从记录访问者在您的网站上移动时，到生成网页的热图以查看人们在哪里（或现在't）点击。

当然，这只有在您有一个现有的网站可供测试时才适用。 如果您正在构建一个全新的网站，则此步骤只会在稍后阶段进行。 但请记住这些提示。

您将收集的数据将确定重要信息，例如：

• 活动或互动高峰
• 参与细分
• 破碎或死胡同的旅程
• 挫折点

您还可以使用从 SEO 洞察、Google Ads、Google Analytics 和社交媒体平台上的内置分析收集的数据来支持您的发现。 数据收集还提供了信息基线，可用作未来在线审计和研究目标的基准。

开始构建案例研究

这将成为您未来电子商务成功的基础，特别是如果您正在处理一个包含数十个页面和多个可能的用户旅程的网站。

一旦完成任何必要的研究并收集到正确的数据，就必须简明扼要地记录调查结果。 您的案例研究将用于总结和解释数据，以及创建或检验假设。 当您完成从创建线框到构建网站的步骤时，您将扩展您记录的数据，并最终将其用作衡量正在进行的用户测试的工具，或帮助团队成员做出明智的决定。

规划您的网站结构

您接下来的两个步骤将是设置信息架构并以线框的形式规划您的完整网站布局。

这听起来很简单，您可能已经对此进行了一些思考，但请稍等片刻并考虑一下：您真的对这个线框阶段给予了必要的关注吗？

在执行这两个步骤时，您可以开始集思广益，没问题。 只要您将最终的用户界面决策放在次要位置，直到您确定您的电子商务商店的结构和导航已完美协调和集成。 就重要性而言，我们并没有将用户界面放在第二位。 用户界面显然非常重要。 它为您的网站结构注入了活力，并在使您的商店直观地为用户提供功能方面发挥着主导作用。 但是您的界面无法保存损坏的站点结构或复杂的用户旅程。

像用户一样思考

当你开始完成你的线框图时，你必须把自己放在消费者的脑海中。 这可能是一个棘手的练习，因为您已经非常了解您的品牌及其所有产品，这对您来说似乎很简单。 但不要让那个愚弄你！ 您必须围绕高效和有效的在线用户旅程开发导航，这将推动首次访问者和回访者访问购物车而不会大惊小怪。

首先将您的网站导航与用户角色保持一致，以帮助理解和处理用户的需求、体验、行为和目标。 这将构成您的用户旅程和用户流的基础。 用户旅程解释了用户日常与产品交互的场景，而用户流程则侧重于从开始到结束与产品交互的独立阶段。

考虑对目标受众进行定向访谈，以更好地了解您的用户。 在这里，您可以提出具体和开放式的问题，这些问题将有助于确定用户对产品的理解，形成用户旅程图的基础，并帮助完善现有/新用户角色。

确保在像用户一样思考时考虑到错误预防。 无论您的网站设计得多么仔细，您的网站导航多么出色，用户都会犯错误。 您有责任从一开始就加倍努力防止问题发生； 但是当他们这样做时，请确保您已经为您的用户提供了快速修复。

所以基本上，当你构建你的线框时，确保每个可能的访问者场景都有一个易于导航的旅程。 在此过程中，优化您的信息架构，以尽量减少步骤，并在您的网站布局上找到适合追加销售和交叉销售旅程的最佳时机。

测试你的线框

此时，您的线框仍然可以是某种形式的蓝图，几乎没有实现设计元素。 不过，此时您确实需要将内容添加到线框中！ 如果您要测试线框的效率和可用性，则必须包括其所有通信。

您不一定需要依靠公众来进行这种线框测试。 让来自不同部门的团队成员查看完整的网站结构、导航和设计，目前将揭示足够的洞察力。 只要确保你没有将你的测试组限制在迄今为止已经与该过程进行过大量互动的人身上——你需要新的眼光和新的意见。

构建高保真线框

高保真线框也称为原型，是一种功能齐全的线框，可以模仿您的最终网站及其所有页面和旅程。 在开始 Web 开发之前，您将使用它对组织外部的人员进行用户测试。 这个过程永远不应该匆忙，因为它构成了在线商店完善的最后几个步骤。

您可以执行有节制和无节制的测试。 这两种方法都旨在观察用户如何与线框交互，并识别阻碍用户完成目标的问题、可查找性问题、低效率、瓶颈和死胡同。

这也是您引入用户界面以确保设计支持和补充您的网站骨架的部分。

对用户界面进行启发式评估

启发式评估是由一名或多名 UX 或 UI 专家进行的审查。 它专门从用户体验的角度来看待网站的用户界面。 它基于一组原则，有助于在每个可能的用户旅程中测试网站的整体“直观”可用性。 在测试高保真原型时，您可以分析以下五个以用户旅程为中心的原则：

系统状态的可见性

在用户旅程的每一次交互中，用户必须在合理的时间内通过适当的反馈（视觉提示）了解正在发生的事情。 这方面的一个示例可能是确保在将鼠标悬停在链接和可点击项目上时光标如何变化的一致性，或者显示项目何时加载的清晰指示。

系统与现实世界的匹配

布局上的每个可操作点和内容链都必须有目的，并且必须使用用户的语言。 信息层次结构应该通过设计来实现，并且应该遵循自然和逻辑的顺序。 在您的网站内容和导航中使用简单的英语，并包含传达真实示例的高质量图像。

用户控制和自由

无论您的信息架构设置得多么好，或者您的导航设计得多么好，用户都会犯错误。 当他们这样做时，重要的是他们可以找到一个明确标记的紧急出口，并在没有烦恼的情况下返回他们的旅程。 通过实施可见提示、辅助导航或面包屑策略来支持重做和撤消操作。

一致性和标准

没有必要用固定的设计来限制自己，但你仍然必须确保用户能够理解各个界面元素。 用户不必怀疑不同的词语、情况或行为是否意味着相同的事情。 确保不同的布局遵循可识别的结构，并且颜色和可操作元素（例如主要和次要号召性用语设计）保持一致。

帮助和文档

尽管网站布局最好不要包含过于复杂的信息，但在某些情况下仍可能需要提供帮助和文档。 任何此类信息都应该易于搜索、以任务为中心且易于解释。 这尤其适用于销售更高级或更复杂产品的电子商务商店。 例如，在线涂料商店需要包含技术数据表和有用的应用信息。

它并没有就此结束

您永远无法完成在您的网站上的工作或增强您的用户旅程。 您不必将线框视为一个全新网站的庞大项目。 可以对线框进行头脑风暴和测试，以改善即使是最小的问题。 但是，最小的问题有时会导致最大的转化损失——因此，让您的网站在旅程的每一步都为您的用户提供支持！ 如果您不确定从这里做什么，请给我们打个电话。 作为 Shopify 专家，我们和您一样对您的在线商店的成功充满热情。