如何构建产品配置器：规划、设计和用户体验
因此，您已经决定需要一个产品配置器，并且在研究了构建产品配置器所需的关键技术和可用的不同实施方法后选择了解决方案。
现在，您可以开始进行项目规划、设计产品配置器和用户体验 （UX）。
项目规划
当您拥有一些新技术时，很容易潜入并开始构建您的产品配置器，而不考虑太多规划，但在开始时投入一点时间可能会对项目的成功产生巨大影响。如果没有明确的产品配置器要求和对用户的详细了解，就很难确定您应该处理哪些任务并准确管理时间以满足最后期限。
我们的建议是从小处着手，看到您的投资回报，并不断改进。列出您的要求，并挑选出您需要包含的基本功能，以构建最小可行产品并保持专注。发布新产品配置器是一项了不起的成就，您会希望它尽可能好，但重要的是要记住，您始终可以添加改进。坚持您的计划，避免通过添加不必要的额外功能来推迟项目截止日期。
研究
第一步是充分了解产品配置器的要求以及最终用户的需求和目标。收集这些信息的最佳方法是与将使用配置器的人员密切合作，以准确了解他们需要什么以及如何改进他们当前的流程。直接与最终用户交谈或与组织内对用户有透彻了解的团队合作可能很有用。
拖车配置器：Designer 使用产品配置器指定自定义拖车并自动创建制造输出。
谁将使用配置器，他们将如何使用它？
如果您的设计和工程团队正在实施您的产品配置器，以供销售团队或分销商使用，请务必记住，最终用户的技术和产品知识水平可能较低，应采取措施确保目标受众拥有有效使用配置器所需的信息。
用户的技术理解水平如何？用户是否需要有关如何指定商品的指导？为了帮助用户理解技术概念，请考虑：
在选项旁边包含帮助信息。这可能只是选项旁边的文本，或者在单击图标时显示信息的弹出模式
通过使用规则控制启用哪些选项来指导用户。规则可以是方程式、求和和逻辑表达式，甚至可以是业务逻辑、法规和产品要求。
用户是否需要能够保存其进度？
用户需要或期望什么输出？
用户需要什么格式的输出？
您是否需要发送通知以使团队保持最新状态？
当前的设计和订购流程涉及哪些步骤？
我们目前收集哪些数据？
它将在什么环境中使用，您的配置器将在哪些设备上使用？
您是否需要使您的配置器响应迅速，以便它在不同的设备上正确显示？
如果它在移动设备上使用，您是否需要针对慢速移动数据网络优化您的产品配置器？
多个用户是否会同时配置产品？
您当前的流程可以改进吗？
您能否以简化下游任务的方式自动创建文档或设置数据格式？
您能否提高所收集的数据质量以确保始终准确配置产品？
目前如何在不同团队和其他公司系统之间共享数据？是否可以自动共享以节省时间并减少错误？
您能否通过自动完成耗时的任务来进一步改善销售团队/工程团队的体验？
收集资源
确定构建产品配置器所需的不同文件、图像和数据源非常重要。识别这些资源的一种好方法是考虑在手动配置自定义产品时使用的资源。使用您需要的文件进行组织并从一开始就拥有高质量的数据，可以更轻松地实施和长期维护您的产品配置器。
数据
动态数据：在产品配置器中使用来自外部来源的数据。
数据通常是成功的产品配置器的关键部分。将产品配置器的用户界面链接到存储在表格或数据库中的动态数据，例如定价、产品规格和配置选项，可以简化引导式销售，并确保向用户显示的信息始终准确。如果您的 product configurator 解决方案不提供使用和操作表格数据的功能，请考虑此限制是否会成为一个问题。如果没有合适的工具，即使是最简单的产品，设置智能引导式销售也会变得复杂。
您是否需要 product 配置器使用来自以下数据：
数据库
静态文件
Web 服务
通过 API 的其他公司系统
文件
对于大多数公司来说，报价文档和物料清单等输出是创建产品配置器的关键原因。能够自动创建这些文档是一个巨大的优势。
在为文档设置模板时，重要的是要考虑谁将使用它们以及如何使用它们。这将影响您包含的信息和最合适的格式。与使用输出的人员合作是准确了解需求并确定需要改进的领域的最佳方式。花时间把它们做好会对您的业务产生重大影响。
带文档的产品配置器：带有报价和 BOM 文档的产品配置器示例。
如果文档在外部共享，则与公司品牌和语气保持一致尤为重要，您的销售和营销团队可以为您提供帮助。他们可能具有公司模板，如果您正在创建 Word 或 Excel 文档，则可以使用这些模板。
SOLIDWORKS 数据
一些产品配置器解决方案（如 DriveWorks）提供 CAD 自动化功能，以简化自定义制造数据的创建。如果您正在利用 CAD 设计自动化，您还需要为自动化准备模型和图纸。这是一个简单的过程，但必不可少，可确保在自动更新文件时，输出符合预期。
确定要自动创建的 SOLIDWORKS 模型和工程图。
准备 SOLIDWORKS 模型和工程图以实现自动化。如果您可以手动更新模型而不会出错，则可以自动执行它们。
设计和用户体验 （UX）
因此，您已经研究了您的用户，并且已经准确规划了您的产品配置器需要什么。现在是时候考虑如何布置产品配置器的用户界面 （UI） 了。
线框
线框是 UI 的静态、低保真表示形式，用于传达结构、布局、用户流程和功能。线框不包括图像、颜色或文本等元素，而是使用简单的形状来显示关键元素的放置位置。线框允许您测试想法并尽早消除可用性问题。该流程还允许利益相关者在花费太多时间开发想法之前提供有关初始概念的反馈。在线框上投入时间是避免进一步浪费时间的好方法。
首先，为您的产品配置器 UI 的布局绘制草图。考虑需要收集哪些信息，以及如何在表单上放置控件，以便清楚地显示所需的信息。在设计表单时，请考虑如何帮助用户轻松实现其目标。创建易于学习和使用的表单可以改善用户体验并具有真正的商业利益。
手绘草图是开始绘制线框图的好地方。不用担心让你的线框成为一件艺术品，他们的目标是研究关键元素的结构和位置，你以后将有机会进行 UI 的视觉设计。您当然可以使用 Adobe XD、Figma、Sketch 等设计软件，但不要因为学习新工具而无法开始绘制项目线框图。
保持草图简单，尝试不同的布局，并根据用户的需求和目标对其进行测试。
示例 UI 线框：3D 产品配置器的 UI 线框示例
要充分利用您的产品配置器线框，请考虑：
您需要从用户那里收集哪些信息？
哪些输入控件将准确收集所需的信息？用户已经知道如何通过使用网站和应用程序输入某些类型的信息，因此遵循常见的格式将有助于用户减少思考。
能否使用图像和 3D 可视化帮助用户了解产品详细信息和配置选项，并通过可视化细节更快地做出决策。您的销售和营销团队还可以帮助确定哪些区域将从图像和 3D 提供的细节中受益。
不同的团队需要什么产出？
通过仅提供有效的配置选项和添加提示来指导用户选择。
通过提供用户自信地做出决策所需的信息，减少减慢用户速度的摩擦点。例如，使用简短的注释为对产品技术了解较少的用户解释选项。
视觉设计
一旦你有了配置器的线框，你就可以开始专注于视觉和交互设计了。在这里，您将添加更多详细信息，考虑样式并决定用户如何浏览配置器的不同部分。Adobe XD、Figma 和 Sketch 等工具是设计配置器 UI 的绝佳工具。查看您现有的品牌资产，例如您公司的网站，以获得设计灵感。这将确保您的配置器的设计感觉有凝聚力，是您公司的一部分，而不是一个单独的系统。
设计 UI 的一个好方法是使用 8px 的网格。这消除了任何耗时的调整，这些调整可能会通过添加一个框架来指导设计中元素的大小和位置，从而减慢您的速度。它还确保 UI 元素在针对不同设备进行缩放时保持像素完美。一旦你开始使用 8px 网格系统，它将加速你的初始设计过程，并防止你陷入设计中的微小细节。
8px UI 网格：在设计产品配置器 UI 时使用 8px 网格为元素的大小和位置添加结构的示例
在设计输入表单时，请考虑如何帮助用户轻松实现其目标。创建易于学习的表单对所有用户都有好处，并且还具有商业利益。假设您的内部团队使用您的配置器。如果您使表单更易于使用和更快地完成，则用户可以处理更多订单并腾出时间来完成其他有价值的任务。减少新团队成员可以自信地配置产品而没有错误所需的时间，意味着可以更快地实现其价值。
成型
原型通过动态的交互式元素将您的设计提升到一个新的水平。交互式原型为您的设计提供逼真的外观和感觉，使您能够直观地了解配置器的行为方式并测试想法。原型可以通过在流程的早期识别优势和劣势来节省您的时间和金钱。
如果可以，让最终用户参与您的测试，他们将提供重要的反馈。如果无法做到这一点，请与最全面了解客户需求和目标的团队合作。
Adobe XD 中的产品配置器模型：在 Adobe XD 中创建的自定义预告片产品配置器模型示例
反馈和用户测试
测试和反馈是确保您的产品配置器满足用户和业务需求并允许持续改进的重要组成部分。在创建产品配置器的整个过程中以及推出产品配置器后，您可以测试想法并收集反馈。
如果可能，请从最终用户那里获得反馈。他们将拥有使用您的产品配置器的实际经验，并提供有关哪些有效和哪些可以改进的宝贵反馈和见解。
如果无法做到这一点，则使用组织中其他人（例如销售和营销团队）的专业知识是了解和测试您的产品配置器是否易于使用以及是否适合最终用户的好方法。
