租房布局，干货看这篇!设计沉思录｜租房业务全流程体验设计

对于全流程体验设计，难点在于如何找到准确的问题，如何针对这些问题做正确的设计，同时梳理设计的流程和规范，以达到设计目标和产品目标。本文通过租房体验升级项目，讲述了该问题的解决过程。

01 项目背景

租房产品的竞争对手比较多，竞争压力大，而我们提供给c端用户的体验和实际目标差距较大，所以为了提升用户的找房体验，提升产品的竞争力。业务线决定尽快的升级租房体验。

下图为租房体验项目改版前旧版租房大类页、列表页、详情页：

02 设计流程

整个流程分为五个阶段，在发现问题阶段，发现收集信息，收拢聚集到相对的问题点，针对问题点做设计，从而解决问题。同时对设计的质量进行把控，通过业务数据和用户满意度对设计结果进行验证，进而帮助推广到其他业务和设计中去。

首先，收集了竞品、租房产品和租房用户三方面的信息，包括竞品分析、线上走查、用户反馈等。

我们对搜集到的信息进行分析，发现房东、租客和平台都有着共同的目标——希望能达成租房交易。而房东和租客只有通过联系才能达成交易，所以我们可以通过提升连接率来间接的提升交易量。

那么，怎么提高连接率呢？我们通过用户分析，发现主动打电话的租客主要是出于询问更多详细的房源信息这一动机。表明现在平台展示的信息、不足以满足用户做选房的决策，我们可以适当展示更多的房源信息。

有人会问，这么做会不会减少连接，其实不会。好的品牌和口碑会提升成交率。所以提升品牌形象和用户体验有助于帮助形成有效的连接。

总结出这些解决方向，从而得出三个改版的目标，即提升品牌形象、提升找房效率、做好信息的丰富度。下面我会着重、从这三个方面来讲述。

03 品牌形象

以租房大类页为例，首先从品牌形象的角度分析旧版租房大类页的问题。

租房业务的品牌感不强、没有品牌宣传点、图标风格设计单一缺少记忆点、房源信息丰富度不够、细节处理不到位。

这是改版后的租房大类页，在品牌感上，我们运用真实房源图片氛围的渲染 ， 打造温暖和家的概念，传递给租房用户“来到这里找到家”的品牌价值和观点。在运营入口的的设计上运用实景来打造品质感，更吸引用户关注。

在整体的风格调性上，对租房主入口的icon进行了重新的设计，延续了首页icon设计的方法，通过颜色的叠加来塑造租房icon的整体风格调性。

在信息的丰富度上，以卡片的方式插入特色房源的入口，丰富了房源，打造高品质公寓房源和安心选择的安选房源也提升了用户对平台的品质感和信任感。

在细节的打磨上，运用了一些微动效，丰富了页面的细节。也提升了页面的趣味性给用户带来愉悦感。

04 找房效率

提升选房效率以列表页为例讲述。

首先，我们看到旧版列表页，页面视觉浏览跳跃、浏览效率低下。同时小尺寸的房源图片，让列表信息的丰富度受限制。

新的列表页对图片的尺寸和比例做调整，左侧更大的内容高度能更好的展示更多的房源信息。信息的布局采用了左对齐的方式，让视觉中心更集中，浏览效率更高效。

此外，我们还对租房筛选器进行了全面的改版：

1. 与我相关，在区域筛选增加公司维度，让筛选更个性化；
2. 可视化操作，价格筛选模拟实体按键，操作更方便；
3. 及时反馈，用户筛选时可以随时看到结果数量，根据结果随时调整筛选条件；
4. 丰富拓展，做了筛选条件的聚合和扩展，方便用户在一个菜单中修改。

除了筛选外，对信息列表中插入的的卡片也进行了统一设计，仍然以实景图片为主，加强卡片的点击感和吸引力，提升用户的使用频率。

05 信息丰富度

在丰富房源的信息方面以详情页改版为例。

旧版的详情页内容比较单一，新版的详情页丰富大量的内容，提供更多的房源信息帮助用户做决策。相较于旧版详情页，如何在详情页里展现这些丰富的信息量成为了设计的难点。

对照旧版详情页来看，我们对每个模块都做了精心的调整，突出用户需要的信息，弱化用户不需要的信息。

在头图位置用tab切换的方式通过视频图片和直播帮助用户多维度全方位了解房源，增加公司维度，加强与地理位置的紧密性，帮助用户随时了解这套房源到公司的时间，让房源内容个性化，房屋配置更丰富、新的图标设计也更简洁和直观。

06 改版效果

体验升级完成后对比旧版本在体验上有很大的提升。

最后，我们来看一下体验升级后的数据，新版详情页改版上线后，微聊的转化率提升了57.3%。

除了业务数据的达成，我们还需要关注用户的满意度，在对租房用户满意度调研的报告中，得出在体验升级开始的18年第三季度至19年的第一季度，我们在界面、效率、一致性和信息丰富度 方面均有较大的提升。

为了更好的提升团队输出效率，对整体基础体验的颜色、文字、按钮、控件等进行了规范，输出规范文档，推进团队设计师保持设计体验的一致性。

设计规范的整理和方案的推进，帮助了其他业务线快速升级体验，从而也提升整个58平台的基础体验和一致性。

作者：荣涛，视觉设计师。因生活而设计，因设计而美好。

本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@荣涛

题图来自 Unsplash，基于CC0协议。