更新系列：第 5 阶段：项目交付 - UX/UI

已发表: 2021-08-28

这是 Coalition Technologies 关于平台重构的 10 部分系列的最后一部分。

拥有一个功能强大且吸引人的网站对企业来说比以往任何时候都更加重要。如果网站的用户体验不佳，89% 的客户会在其他地方购物。因此，您需要保持您的网站完美运行以满足您的客户。您甚至可能会发现进行用户界面更新会特别有益，因为它可以为您提供清晰的视觉进度。一旦您从后端获得了网站功能的最大部分，您就可以开始真正策划买家体验。您的网站的生死存亡完全取决于其外观，因此请努力确保设计完美无瑕。

UI 与 UX

用户界面

UI代表用户界面。它与网站的视觉元素和客户将与之交互的实际资产有关。这是字体选择、间距、配色方案和整体样式。您更新用户界面的方式将成为客户对您网站的第一印象的关键。用户只需 50 毫秒即可对您的网站形成意见。让它计数。

用户体验

UX 是指您网站的用户体验。它包括客户购买旅程的便利性、他们与产品的交互方式以及结账流程。您希望在您的网站上购物时清晰而简单。否则，人们不会和你一起购物。

做你的研究

在着手进行用户界面更新之前，了解您的客户非常重要。了解您的目标受众可以帮助您确定网站的哪些部分有效，哪些无效。您的网站需要对普通人直观地操作。这将防止这种情况。您可以使用之前的用户体验审核中的一些工具，或者问自己以下问题：

客户应该经过多少步骤才能购买东西？
什么是网站必不可少的，什么不是？
我们的特定客户将享受什么体验？

您可以根据您的研究创建买家体验模型。然后，您可以将重新平台化的网站与此模型进行比较，调整任何不太重要的内容。

组织您的开发过程

方法一

与集成过程类似，最好找出重要任务的层次结构。最重要的很关键，应该先完成。不那么重要的会在最后出现。用户界面更新有一个推荐的顺序，如下：

主页→产品列表页面→产品详细信息页面→结帐

通过遵循此顺序，您基本上按照客户使用它的时间顺序组织您的网站。保持一致很重要，尤其是跨平台。这是您的用户界面更新和网站用户体验至关重要的交叉点。

方法二

但是，这不是您唯一的选择。另一种流行的方法是一开始就关注中心功能。这包括页眉、页脚和其他全局资产。首先将在所有页面中保持不变的元素放在一边。然后您可以按以下顺序处理网站页面：

Global Assets → 结帐 → 产品详情页面 → 产品列表页面 → 主页

当您向后工作时，第二种方法可降低网站用户体验风险。最后离开主页可能是有益的，因为许多利益相关者会对它有强烈的意见，并且可能需要更长的时间来决定最佳布局。

共同制定实施计划

无论您是计划在用户界面更新方面获得外部机构的帮助，还是与内部团队合作，您的规划方法都应该是相同的。沟通将是您最重要的工具。您需要所有团队成员都在同一页面上了解他们正在做什么。开发是一项全面的工作，如果所有部分不能组合在一起，就会分崩离析。建议每周与团队召开一次会议，以分享更新、讨论出现的任何挑战并做出任何必要的决定。愿意随时调整您的计划。这将为您提供最大的灵活性和成功的机会。并且不要忘记在页面构建时要求演示。您希望在将整个产品组合在一起之前发现任何错误。

部署

智者的话

您的网站用户体验和用户界面更新对于您的重新平台至关重要，因为它塑造了您的客户对您网站的体验。使体验流动将导致更强的参与度和转化率。平台上一致的品牌展示可以增加高达 23% 的收入。您必须将您的计划视为适合所有站点要求的计划，同时对普通用户来说是合乎逻辑且干净的。使网站过于复杂会损害其易用性，这可能会失去您的业务。

步骤

用户界面更新部署的推荐路径如下：

下载CLI集成开发环境
合并 Github 或 Gitlab 存储库以轻松存储和管理您的代码
部署用于暂存的代码，并每周或每天将其发送到平台。
使用 Data Migration 中的 10-40-60 方法进行测试
修复任何被标记的问题，并尝试在发货日期前 4 到 5 周完成代码库。
在发布前不久，在您的快速评估模型中迭代工具。认为这是一个应急时期。
在发布前一周冻结代码并进行迁移测试。
上线并运行发布后测试。

重新平台的终结

一旦您的用户界面和网站用户体验更新上线，您的平台重构过程就完成了。如果您进行研究并了解客户的需求，这不应该是一种负担。不要忘记在此过程中与团队进行适当的沟通，并有一个有组织的结构可以遵循。如果您已经完成了所有这些，那么恭喜您，您已经成功地重新构建了您的网站。这可能很复杂，但是现在您的网站可以更好地代表您的品牌并为您的成功未来做好准备，这将带来回报。

如果您正在考虑重新构建网站平台，请联系 Coalition 了解更多信息。我们的数字策略师可以讨论您的需求并组建一个团队与您合作。与我们合作升级您的网站。