设计沉思录｜58App全新租房首页改版【百科全说】

前言

今年，全国各地陆续出台各项住房租赁政策。对于58租房业务而言，既是机遇也是挑战，我们需要拥抱变化。

58App租房新版首页

58租房业务最近上线了安选房源、线上交订金及在线签约等功能，而租房首页作为流量分发的上级页面，在给用户提供更好的找房路径的同时，也同样作为新功能的介绍宣传以及活动宣传的窗口。旧版首页在不断做加法以后，单一的页面结构形式已经无法满足新业务的需要。这次全新改版主要目的是将功能结构进行整合，并且探索新的产品设计风格，让信息架构和视觉展示更加合理，让用户能眼前一亮，能多维度找到自己心满意足的房源信息。同时，也让58租房的用户知晓全新的功能及其用户体验上的升级。

产品目标

在产品和交互同学的配合下，我们逐渐梳理出本次改版的设计目标：

· 缩短找房路径，提供更多的找房途径

租房首页作为流量分发的上级页面，应该帮助用户快速流向目标页面，对比旧版首页，新版首页丰富了找房形式，根据个性化推荐更优质的房源，让用户能快速准确的触达房源信息。

· 用户重要信息、任务操作给出明确引导

在对于进行中的任务，如定金流程，签约等，将定义为首屏可见的特殊模块。

· 让页面灵活可配置，增强不同等级的运营活动支持能力

运营的活动划分等级，页面结构灵活，结合用户行为让页面更加灵活可配，满足日常以及重大活动的运营需求。

· 产品能力的宣传

除了实用的功能之外，首页也承载着品牌传播和产品能力宣传的用途，更加新颖巧妙的方式，传达给租房用户，知晓58租房功能更丰富，和体验不断提升的认知。

涉及敏感信息，故模糊化处理

视觉目标

与产品交互同学在产品目标上表达成一致后，视觉的目标也逐渐清晰：

1.租房产品调性的视觉烘托

2.调整页面节奏

3.加强核心功能的引导

4.缩短找房路径，提升找房效率

5.传递产品价值，丰富用户体验

改版前改版后

· 确立页面风格调性

在设计进行之前我们对新的首页风格展开了一些探索和思考，为了把握全新首页的设计质量，租房team抽调了多名优秀的设计师加入到此次项目里来，在视觉探索阶段，我们分成了创新，保守，激进的方向对新的首页进行了风格的探索，这样的方法有助于我们比较更多符合首页信息展示的方法从中推导出更符合首页设计的方案，同时也能创造出更多的可能性。给用户更加新颖的视觉体验。最终我们定义了以温馨的头部图片烘托页面气氛，icon采用图形重叠的方式，利用高饱和度的颜色渐变，展现了主入口的全新风格。