百度酒店以比价为核心特色，经历了多次设计探索，初步建立了用户认知。在设计中采用“核心流程分析-明确用户关注信息-发掘比价价值”的方式制定设计策略，在方案探索落地阶段，

通过发散思维、多轮数据验证和方案迭代，验证了“强化氛围感知、传递价值信息、聚合比价”等设计方法的功能，希望能给服务、电商等比价产品的设计师一些启发和参考。让我们一起学习吧！

一、项目背景在酒店住宿在线预订市场中，各平台基于用户权益和运营补贴的差异存在激烈的价格竞争，导致行业存在天然的价格差异。在一次酒店预订采访中，我们发现超过一半的用户在预订酒店时会比较价格。

大多数比较价格的用户会使用2个以上的酒店应用程序。因此，在市场价格差异和用户比价诉求的背景下，百度酒店旨在通过接入多家供应商和会员低价，建立酒店聚合比价平台，为用户提供最具性价比的酒店搜索服务。

二、设计策略与落地联系1。目标与策略制定在上述背景下，我们将业务目标与产品端进行了对接，并结合用户需求分析确定了设计目标。

为了实现设计目标，有必要在酒店预订的每个联系人下阐明比价对用户的价值，从而探索比价是如何工作的。下图列出了酒店预订的核心流程、核心模块以及用户的关注信息。因为用户对每个链接中的信息关注不同，

比价所能发挥的价值也是不同的，因此基于比价是否影响用户的选择和决策，我们将核心流程分为服务报价选择之前、期间和之后。

设计目标的实现也与上述三个环节相对应，如下所示：

在选择服务报价之前，价格比较尚未直接影响用户的决策和预订体验。这时候就需要传达比价的概念和价值，并尽可能强化这种氛围感知，让用户清楚地了解到百度酒店可以通过比价来吸引用户使用比价。在选择服务报价时，

用户将使用价格比较来进行选择和预订。这时候就需要突出低价，辅助用户进行高效的对比和预订。在选择服务报价后的点餐过程中，可以进一步强化比价的感知和价值，从而加深用户对百度酒店比价的印象。

2.定义落地触点为了找到一些传达比价概念和价值的好方法，以及增强比价体验的方法，我们对竞品进行了调查，包括酒店、商品和其他不同行业。调查结论概述如下：

利用流程中的主要模块传达“享受低价”、“省钱”等比价理念和比价价值认知；结合“产品间隙”的概念，是指从“当前内容”到“下一个阅读内容”的暂停时间，包括跳转时的过渡页面、阅读的结束过程等。

在不排斥用户的情况下，给用户带来一些基本的认知教育；“聚合比价”模式将同一商品或服务的报价从低到高排列，以便用户快速比较并选择低价。结合竞争产品调查的结论，

我们根据百度酒店的核心流程和触点拆解了设计策略，建立了策略与落地的映射关系。

三、方案探索与落地1。增强感知——让用户知道百度酒店可以比价。该链接的设计目标是让用户知道百度酒店可以比价，从而吸引用户在百度酒店完成点餐行为。因此，设计清晰而有吸引力的比价元素非常重要。

在竞品调研的基础上，我们进行了设计探索。

1）酒店列表-增强氛围感知和传递价值信息

下图是酒店价目表比价设计的探索过程。为了保证酒店信息获取体验，原方案采用了与传统酒店预订平台相同的结构和信息优先级，仅将比价信息与图片面积和价格相结合。

但这种设计与传统的酒店预订平台差别不大，价格感知和价值传递的效果并不好。因此，设计方转变思路，通过酒店列表中更多强化的模块来突出比价的感知，并结合“xx低于某平台”的文案来解释比价结果。

传达“价格更低”的感觉。

酒店列表涵盖多个场景。为了建立对百度酒店的一致体验和认知，我们将列表设计为覆盖多个页面的搜索结果页面和小程序，如图所示。

2）房型和服务报价——以低价推荐为基础加强价格对比。

房间类型和服务报价模块对应酒店的精准需求和酒店详情页面，与酒店列表一致。该方案与传统的酒店预订平台逐渐差异化，以加强对比价和低价的感知并形成记忆点。下图显示了搜索结果页面的方案，其中最初显示了一些房间。

为了满足用户的选择诉求，但从用户行为数据来看，百度酒店的大多数用户会选择酒店的最低房型和报价，因此我们调整设计方案，结合最低报价，并通过模块化比较加强价格对比。

并通过“低价建立xx”的信息传达低价的感知。此外，该部分的设计还结合了聚合价格比较，稍后将详细说明。

详情页的主要模块设计与搜索结果页基本相同。如下图所示，在详情页将报价最低的房型推荐为低价房型，以建立一致的比价认知，方便用户快速预订低价房型。此外，在传统的报价列表中，为了提高用户搜索报价的效率，

与最低的房型相比，它采用了弱化的形式。最终方案推出后，数据也取得了积极的效果，从报价显示到预订点击的转化得到了改善。

3）价格比较概念在“产品差距”中的渗透

“产品差距”并不像上述列表模块那样强烈，设计的目的是进一步加深“百度酒店可以比价”的用户印象。结合百度酒店的核心页面，我们重新设计了酒店列表和房型报价列表的加载状态。

使用“多资源交替动态副本描述”的方法，构建了一个动态价格感知，当用户进入页面或过滤器时就会出现。此外，我们还利用小程序的主页和详情页的页脚来传达阅读结束时全网比价的概念。

2.建立认知-聚合比价模型在竞品研究部分，我们提到了聚合比价模型，该模型也适用于百度酒店因其复杂的报价而简化报价。如图所示，传统的酒店预订平台，

同一房型（如标准大床房）会有不同服务政策（早餐服务、取消规则和支付方式）的报价，而在百度酒店，由于预订平台的差异，报价会更复杂，数量更多，同质化严重，即服务政策相同。

只有不同预订平台的报价多次出现，导致查看和选择报价列表的效率较低。

聚合比价模式是将这些具有相同服务政策的报价聚合在一起进行比价，以简化报价列表并提高选择效率。同时，在相同的服务下，大多数用户会更喜欢低价格。报价汇总后，可以突出显示低价供用户预订。

我们还在探索如何简化汇总价格比较。初期方案采用点击扩展的形式，让用户保持滑动浏览的交互体验。整个过程的交互体验流畅，但页面的层级关系较为复杂，用户的认知成本较高。

因此，我们尝试调整面板以显示价格比较详细信息，以便用户可以专注于当前报价的比较。通过模块化设计，我们清晰地列出了各平台的服务和优惠详情等差异信息，使信息的比较更加高效，同时加强了低价平台与之前的价格比较模块保持一致。

在聚合比价模式下，有两种用户路径，如图所示。用户可以直接选择价格最低的资源完成预订，也可以点击比价详情查看同一服务的所有平台报价，然后在比较各平台的详细服务和优惠差异后选择预订。

这种预订模式的目的一方面是教育用户百度酒店可以比价购买低价，另一方面也提高了用户选择低价平台的效率。此外，总价格比较必须有明确的规则才能被理解和信任。在价格比较明细中，

为了进一步降低认知成本，我们通过标题突出了聚合项，并增加了比价解释的条目，使聚合规则更加清晰。在启动汇总价格比较方案后，报价预订到单个文档的转换也得到了改进。

此外，上述精准需求搜索结果页面和低价房型推荐页面也采用了这种模式，但价格感知有所加强。用户可直接在详情页点击各平台报价完成预订，也可点击文字查看房型详情。

在页面底部的价格比较详细信息中完成报价比较和预订。

3.强化记忆——重新强化比价价值感填表的场景是在预约完成后，我们可以在这个环节再次向用户展示比价的概念和价值，加深用户对比价的理解。这里的设计方法类似于“增强感知”阶段，如图所示，探索了一些方案。

用户选择低价平台预订后，点击跳转到加注页面，我们将强化用户对“预订到最低价”和“为用户节省xx元”的感知。此外，当用户提交订单时，会有一定的加载时间，而我们也利用了这里的“产品间隙”。

结合装载状态继续传达低价省钱的认知。

四、结语回顾百度酒店的比价设计过程，我们以比价及低价感知传达、高效预订低价为设计目标，基于百度酒店的核心预订流程，探索比价在各个环节如何发挥作用，

进而将设计目标的实现划分为了“提升感知、建立认知、强化记忆”三个阶段，并为业务带来转化提升。

提升感知过程结合流程中的主要模块，通过模块式对比形式、传达比价价值感、基于低价推荐强化比价、以及利用“产品缝隙”等手段，去吸引用户了解和使用比价；建立认知过程利用“聚合比价”模式去精简报价，

同时结合对低价报价、低价平台的强化，让用户更便捷的预订低价；最后强化记忆的环节，我们进行了一些方案尝试，再次强调比价的价值。

另外，为了建立一致的比价认知，整体的设计中也坚持一致性的原则。

百度酒店的比价设计也在不断地尝试和优化中，希望能给用户创造更好的使用体验。

作者：搜索用户体验部

来源公众号：百度MEUX（ID：baidumeux），百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计。

本文由人人都是产品经理合作媒体@百度MEUX 授权发布，未经许可，禁止转载。

题图来自Unsplash，基于CC0 协议

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。