今日分享丨用双钻模型设计中后台产品

随着 C 端市场的快速进化，用户的审美标准与产品体验认知均达到了前所未有的高度，这一转变深刻影响了用户对 B 端产品的期待。在面对 B 端产品时，用户不自觉地以 C 端产品的优质体验为参照，希望产品不仅能高效完成工作任务，同时还期待获得同样直观、流畅且个性化的界面设计和服务。

本文以网上报销为例，为您解密如何运用双钻模型，深度挖掘用户的真实需求，共赴一场网上报销的产品交互设计之旅。

一、双钻模型概述

双钻模型（Double Diamond Model）是一种设计思维框架，主要用于解决问题和进行创新设计，尤其适用于用户体验（UX）、服务设计和服务创新等领域。该模型强调的是一个非线性的、以用户为中心的设计过程，分为四个主要阶段，整体形态呈现为两个相背对的钻石形状，故得名“双钻”。

双钻模型

双钻模型的四个阶段：

第一个钻石：定义和理解问题

• 发现：在这个阶段，目标是尽可能广泛地探索问题空间，收集信息，进行用户研究，识别各种需求和潜在问题。通过调研、访谈、观察等方法，开放性地搜集各种数据和见解。

• 定义：基于收集到的数据，开始收敛思考，识别最关键的问题，明确设计挑战，定义项目的目标和范围。这一步骤涉及到对问题的归纳和综合，确保团队对要解决的核心问题达成共识。

第二个钻石：构思和测试解决方案

• 开发：在确定了问题之后，再次进入发散思维阶段，此时团队应该大胆创意，产生多种可能的解决方案或设计概念。这个阶段鼓励自由思考，创造多样化的想法。

• 交付：最后，通过评估、原型制作和测试，将众多创意收敛为几个可行的解决方案。这一步骤涉及到原型制作、用户测试和迭代，以优化设计并确定最终实施方案。

双钻模型为什么适用于 B 端设计？

1、思维方式与 B 端设计需求契合

双钻模型通过“发散→收敛→发散→收敛”的方式，与 B 端产品设计注重的功能性、稳定性、安全性、合规性等需求相契合。这种模型能够帮助设计师在广泛探索问题的基础上，逐步聚焦到关键问题上，然后再进行发散思考，提出创新的解决方案，最后收敛到可行的实施方案上。

2、结构化设计过程

双钻模型分为发现、定义、构思和实现四个阶段，每个阶段都有明确的目标和任务。这种结构化的设计过程有助于 B 端设计师系统地分析和解决问题，确保设计的合理性和有效性。

3、强调问题导向和用户需求

在双钻模型的发现阶段，设计师需要深入了解项目和用户，明确当前存在的问题。这种问题导向的设计方法能够帮助 B 端设计师更好地满足用户需求，提高产品的用户体验和满意度。

4、支持迭代和持续改进

双钻模型中的四个阶段并不是线性的，而是可以循环往复的。这种迭代的设计过程有助于 B 端设计师在设计过程中不断发现问题、改进方案，确保产品的持续优化和升级。

综上所述，双钻模型通过其独特的思维方式、结构化的设计过程、问题导向和用户需求以及支持迭代和持续改进的特点，使其非常适用于 B 端设计。

二、网上报销产品的现状与挑战

1、报销类型繁多，流程亟待简化

不同部门、不同项目、不同业务场景下的报销需求各异，导致报销类型繁多且复杂。这不仅增加了员工填写报销单时的难度和错误率，也给财务审核带来了极大的工作量。因此，简化报销流程，提高报销效率成为了迫切的需求。

2、用户角色与场景多元，需精准适配

网上报销产品的用户角色多样，包括普通员工、部门经理、财务人员等。不同角色在报销过程中承担不同的职责和权限，对系统的需求也各不相同。同时，报销场景也多种多样，如差旅费报销、交通费报销、通讯费报销、会议报销、采购报销等。这些多样化的用户角色和场景要求网上报销产品具备高度的灵活性和可定制性。

3、用户体验期望升级，品质服务成关键

随着科技的发展和社会的进步，用户对网上报销产品的体验期望也在不断升级。他们希望系统能够快速响应、稳定可靠、操作便捷，并具备良好的用户界面和交互设计。同时，用户还期望系统能够提供及时有效的技术支持和客户服务，解决在使用过程中遇到的问题。

小结

网上报销产品作为企业财务管理的重要组成部分，面临着报销类型繁多、用户角色与场景多元以及用户体验期望升级等挑战。为了应对这些挑战，我们需要从简化报销流程、精准适配用户需求和提升用户体验等方面入手，不断优化和完善产品功能和服务。只有这样，我们才能为用户提供更好的使用体验和价值，提升企业的财务管理水平和效率。

三、双钻模型的应用

1、洞察：深度剖析用户场景化需求

1. 用户调研

作为 B 端产品设计师，深入用户调研是设计过程中不可或缺的一环。通过积极参与项目现场，我们能够直接观察到用户与产品的互动，从而深入理解用户需求。在这一过程中，关注核心用户群体至关重要。通过仔细观察和聆听，我们可以捕捉到用户的真实声音，包括对产品细节的抱怨、有价值的建议以及正面的反馈。

用户的使用习惯、个人偏好以及在工作中遇到的挑战和不便，都是我们需要重点关注的。这些信息有助于我们精准识别并把握用户的痛点与痒点，为产品的持续优化和创新提供重要依据。

多角色

1. 角色/场景识别

在进行用户访谈时，角色和场景的识别是关键步骤。首先，我们需要精确定义各类用户角色，如部门经理、专业财务人员和普通员工等。这些角色代表了不同的使用需求和视角。

接着，我们需要识别并细化用户使用场景。这些场景不仅涉及不同的终端设备（如 PC 端、PAD 端和移动端），还涉及具体的业务场景（如差旅费报销、交通费报销、手机费报销、会议费报销和招待费报销等）。每一个终端设备或业务场景都代表了一个独特的使用环境，与之对应的是特定的一类或一个用户角色。

为了更全面地理解用户体验，我们需要聚焦这些角色和场景，并预先模拟他们在实际工作中完成相关任务时的操作流程。通过预演流程，我们能够更加直观地发现用户在产品使用过程中可能遇到的问题和挑战，从而为产品的改进和优化提供有力支持。

多场景

1. 核心问题提炼

• 当前的信息内容在呈现时未充分考虑到不同角色和场景的需求，导致信息量过于庞大且混杂，使得用户难以快速获取所需信息。一个页面集成了多个功能，虽然看似全面，但实际上由于过于庞大和复杂，未能聚焦于用户的核心任务，反而给用户带来了沉重的认知负担。

• 当前产品设计中，功能入口的层级设置过深，导致用户的填报流程变得异常复杂。在角色与系统交互的过程中，系统往往无法及时响应并提供必要的反馈和帮助服务。一次次的试错让用户感到沮丧，甚至对产品产生了自我怀疑的情绪，严重削弱了用户对产品的信心。

• 由于报销流程涉及的子任务繁杂，当前产品缺乏直观的流程引导和实时可查的报销说明，导致用户在处理各个子任务时容易迷失方向。此外，信息内容的呈现也未能根据用户的关注度进行优先级分层、整合和凸显，使得用户在面对大量信息时难以迅速识别核心信息和重要数据。

• 界面信息过载且布局混乱，导致用户难以迅速识别出重要信息和关键操作，信息的密集和无序摆放会给用户带来压抑与烦躁的情绪；同时，界面元素和色彩单调、缺乏变化，缺少用于强化信息的元素、点缀色和语义色，使用户在长期使用时感到枯燥乏味。

  
  

原报销单填报页面

2、构思：聚焦用户角色，精准构建解决方案

聚焦用户和场景：普通员工（角色）、报销单填报页面（场景）

1. 任务流程图

识别普通员工填写报销单时的核心任务和关键步骤，绘制任务流程图

在绘制任务流程图的过程中优化报销流程，通过精心策划和精简设计，去除冗余步骤，简化不必要的环节，从而构建出更为高效、精简的报销流程，来缩短报销周期，提升报销效率。同时，清晰的任务流程图还可以促进团队内各部门之间的无缝协作。

1. 页面流程图

页面流程图的绘制是基于用户完成特定任务的各个环节进行的。首先，根据任务的主要步骤，我们识别并扩展出支撑每个步骤所必需的页面。这些页面不仅包括了完成任务所必需的核心页面，还涵盖了相关的子页面以及交互页面，以构建一个完整且丰富的用户体验。

在串联这些页面的过程中，我们遵循任务的自然流程，确保用户能够顺畅地从一个页面过渡到另一个页面，以完成整个任务。页面流程图的设计强调了对用户真实使用场景的模拟，旨在尽可能地反映用户在执行任务时可能遇到的每一个页面和交互。

通过这种方式，页面流程图不仅是一个用于设计和开发的参考工具，更是一个能够帮助我们深入理解用户需求、优化用户体验的重要资源。确保我们能够开发出更加符合用户期望、更加易用的产品。

任务/页面流程图

3、呈现：打造高效且友好的用户界面

在产品设计中，呈现环节是将前期的洞察与构思转化为实际视觉效果的关键步骤。从高保真设计出发，我们需要在范围层、结构层、框架层和表现层上精心打磨，确保产品不仅要满足用户需求，还要给用户带来优质的体验。

1. 范围层：基于功能和信息的优先级进行精简

     在范围层，为了降低用户对产品的认知负荷，我们进行了两个方面的优化。功能方面，我们针对用户的具体使用场景，去除了那些与当前场景关联度不高或可自动化处理的冗余功能，如补助计算、消费明细和打印等。

     随后，我们专注于用户填报页面的优化，通过对页面信息进行细致梳理，将内容分为三层展示：首先是用户完成任务时必填的关键信息，并对这些信息进行了优先级排序；其次是非必填但用户可能感兴趣的信息，可以通过折叠、分页、弹窗等方式进行隐藏或展开；最后是对用户偶尔查看但频率较低的信息的处理，以此来提升用户的填写效率。

优化后报销单填报页面

1. 结构层：信息架构与导航逻辑优化

     在结构层，我们对信息架构和导航逻辑进行优化。首先对功能入口的层级进行简化，为普通员工梳理并设计工作台，将功能入口从全量功能列表的四级菜单中提出来，放置在员工工作台上，用户可以一步进入报销页面。

     其次优化填报流程，强关联申请单到报销单，用户打开填报页面，立即打开备选的申请单列表，通过引入申请单自动生成行程明细，提升整体的流畅性和便捷性，使填写流程更丝滑。

普通员工工作台

1. 框架层：交互设计与表单工作流优化

在框架层，我们重点优化表单、界面交互与工作流。以下是几个关键的优化点：

• 直观的流程引导：界面对报销子表增加了流程式导航设计，引导用户分步骤完成任务。

• 实时可查的说明帮助：增加了界面填报说明和信息项录入说明，确保用户在填写时获得即时响应、指引和帮助服务，降低用户的填写难度。

• 信息优先级分层：根据用户的关注度和使用习惯，对报销单信息和形成明细信息进行优先级分层。将核心信息和重要数据置于显著位置，以便用户能够迅速识别和获取。

• 信息整合与凸显：整合信息内容，避免冗余和重复。利用交互四策略，对信息项进行组织、转移、删除、隐藏，通过加粗、变色、图标等方式凸显关键信息，提高用户的阅读效率。

交互设计优化

1. 表现层：UI 设计与视觉优化

在表现层，结合视觉设计五要素着重针对界面进行优化，把轻拟物风格与公司 VI 紧密结合，塑造即清晰直观又有细节有质感的界面体验，从而凸显产品的品牌化特征。

• 色彩：采用公司品牌色结合轻拟物风，通过光、影、圆角、模糊等设计手法的运用，塑造优质且优雅的视觉体验。

• 文字：对文字的大小、粗细、颜色或背景等属性进行有层次、有梯度的设置，创造出一种视觉上的层次感和引导性，凸显重要信息，使其易于识别。

• 图形与图标：将关键操作置于用户容易发现的位置，并使用明显的按钮或图标强化。

• 图片：增加品牌化图片，凸显品牌。

• 空间与布局：在界面设计中保留适当的留白，增加界面的呼吸空间，使界面更加舒适、易于阅读。

视觉设计五要素

4、验证：确保方案落地，助力产品实现

在产品设计流程中，验证阶段是一个至关重要的环节。它确保了我们的设计方案不仅在理论上可行，而且在实际应用中也能满足用户需求和期望。验证阶段主要包括设计内审、技术验证和用户测试三个部分。

1. 设计内审

• 评估设计方案对项目功能和业务需求的覆盖程度，确保与需求文档一致。

• 审查设计交互流程的顺畅性、逻辑清晰度及操作便捷性以满足用户期望。

• 考量视觉表现力，评估设计在色彩、布局、字体等方面的细节表现和精致度，确保沿袭品牌基因、准确传达品牌形象并为用户带来愉悦的视觉体验。

1. 技术验证

技术团队会对设计方案进行技术评估，确保能够在技术上落地实现。

• 技术可行性：技术团队会评估设计方案是否超出了当前的技术能力范围。他们会对设计方案中的技术难点进行深入分析，并制定相应的解决方案。

• 兼容性测试：此外，技术团队还会对设计方案进行兼容性测试，确保它能够在不同的设备和浏览器上正常运行。

1. 用户测试

用户测试是验证阶段的最后一步，也是最重要的一步。在这个阶段，我们会邀请真实用户来体验产品，并收集他们的反馈和建议。用户测试的主要内容包括：

• 可用性测试：我们会观察用户在使用产品时的行为，了解他们是否能够轻松找到所需的功能和信息。通过可用性测试，我们可以发现设计方案中可能存在的问题和缺陷。

• 易用性测试：除了关注用户是否能够找到所需的功能和信息外，我们还会关注用户在使用产品时的体验感受。易用性测试可以帮助我们了解用户是否觉得产品易用、是否愿意继续使用产品。

四、收集反馈与持续优化

在产品设计的过程中，收集反馈和持续优化是确保产品始终保持竞争力的关键步骤。这不仅需要我们在产品落地实现阶段和上线后持续关注，还需要我们制定有效的迭代计划，以持续改进产品。

结语

在设计过程中，双钻模型为我们提供了一个清晰的结构化框架，帮助我们全面理解用户需求、制定设计策略、实施方案并持续优化。通过不断地探索、验证和迭代，确保产品始终满足用户的期望和需求。

同时，我们也强调以用户为中心的设计的重要性。只有真正关注用户的需求和体验，才能设计出真正有价值的产品。因此，在设计过程中，我们需要始终保持对用户的敬畏之心，倾听他们的声音，了解他们的需求，为他们创造更好的体验。