设计B2B SaaS 产品UI界面的解决方案：从概念到落地之旅

如何设计出“好用 好用 + 好看 + 有用”的B2B SaaS  产品UI界面，其设计解决方案覆盖将从概念到落地，在整个过程中，从产品的不同角色出发，针对不同旅程梳理和分析 ，本文将逐步带您了解从最初的概念到产品落的全过程。

步骤 1 ： 集思广益
通常我们会安排为期1～2周的密集的讨论会。比如：从白板开始，我们列出产品现在阶段部不同流程，不同角色，梳理产品业务流程和洞察底层业务逻辑和业务中的挑战+风险点。在不同职能同事/伙伴面前，我们从不同角度详细了解需要和痛点。之后，我们根据集体经验，综合我们的发现并根据痛点的影响对痛点进行优先排序。 逐步形成这种清晰度，我们就为下一阶段：用户研究阶段制定了清晰的路线图。

第 2 ：第一轮用户调研
我们通过招募来自不同行业的 10～20 名目标用户进行面对面的访谈。每一次访谈都会记录所有录音，我们向每个人询问同一套结构化问题以确保一致性。这些问题涵盖了一系列主题，包括公司概况、专业概况、职责范围、对工具的使用情况、以及他们对市场上现有解决方案的整体认知和现行的经验。我们在整合了所有见解，并将它们呈现给我们的研究团队，以确保哪些产品假设得到验证，哪些没有得到验证。

步骤 3：竞争对手研究
我们对竞争对手进行了深入研究，研究了他们的解决方案交付方法。我们获取了他们的产品测试（已公开），从中收集有关公司规模、发布时间和其他数据......等，以全面了解竞争格局和潜在市场机会。

步骤 4：解决方案优先级排序
凭借对市场机会和用户需求的全面洞察，我们会提出解决方案，包括：几十个不同的用户画像/故事/旅程，然后我们将这些解决方案映射到一个努力+影响矩阵上。从中发现和找到问题，如果有问题可以通过重新审视我们的用户和竞争对手研究，我们可以进一步对这些选项进行优先排序。最终决定首先关的痛点及解决方案。

步骤 5：交互设计
接下来是交互设计绘制阶段，确定我们的设计原则并开发设计系统。 凭借以上研究结果，我们绘制了线框图（交互稿）。



步骤 6：设计反馈环节
我们下面将开始进入高保真设计环节。我们利用“我喜欢、我希望、我好奇”框架进行了四轮定时反馈。 以确保进展，输出精美的视觉UI界面设计。

步骤 6：可用性测试
当初始的Demo版本完成后，我们开始使用 MVP 设计工作流方法与之前的受访者进行测试。在测试之前，我们编制了一组新的 5 个假设来验证。 在新的采访中，我们询问了参与者对与平台每次互动的期望，重点关注内容、视觉效果和可访问性等方面。所有采访都再次录音。 每次会议结束后，我们都会更深入的了解用户需求，我们收到的宝贵反馈不仅为我们的营销策略提供了信息传递创意，还为销售机会打开了大门。

最后，我们团队通过收集和客户反馈，指定可不断改进我们saas界面UI设计的的迭代方案，我们大大降低了创造出与市场需求脱节的产品的风险。 之后随着新产品的发布，我们也进入了一个关键阶段：3～6个月后我们将获得第一轮来自客户的反馈，这会促使我们再次制定我们的迭代+优化方案，项目也将再次进入最初的步骤一，形成一个设计项目服务的闭环。