运用场景思维进行产品功能优化：选车首页

写在前面的话儿

由于我个人的各项技能都还很有限，同时也缺乏专业的数据分析、用户研究等等环节的支撑，以下内容可能存在错误，如有发现，欢迎指正啊～提前感谢阅读和指正哈哈～

以下分析均基于《选车功能优化思路小结》中的用户属性分析与核心场景分析。

页面定位

根据《选车功能优化思路小结》的分析，我们可以知道，「选车主页」主要承载的是「发现」这个阶段的任务。所以，我们在这个页面主要要解决的问题是，帮助用户在最短的时间内发现最符合需求的车型。

问题分析

首先，我们先对页面中目前存在的比较明显的问题进行优化。

问题：功能名称描述不准确，「选车 PK」的内容其实是车系对比。
优化：改为「车系对比」，更易于理解。
问题：入口重复，点击「条件选车」和「更多车型」都是进入「条件选车」。
优化：合并入口，将「更多车型」改为「更多选车条件」，点击后进入「条件选车」，这样更加清晰。
问题：字母导航小标题一行把品牌列表的筛选项和列表内容分隔开，容易造成困惑，导致用户无法清楚理解这个筛选是针对下方品牌列表的。
优化：将标题「选车列表」和筛选项结合起来，去掉「选车列表」，「全部」改为「全部品牌」。
问题：品牌列表的字母索引导航，最上方有「热」这一项，但实际上，页面中并没有「热门品牌」。
优化：根据之前的场景分析，在品牌列表上方加入「热门品牌」。

除此之外，我们可看到，这个页面较大的问题是，功能入口比较多，信息组织散乱，视觉层次不够清晰。下面，我们将通过梳理内容结构、重新规划信息层级、简化界面布局来优化这个问题。

优化方案

组织内容结构

根据《选车功能优化思路小结》的场景分析，我们需要在首页增加「我的收藏」入口和「热门品牌」。另外，由于在改版期间，产品新增了「车主问答」功能，所以首页需要增加「车主问答」入口。
最后整理出来的选车首页的内容如下图所示。

根据之前对用户属性的分析，我们把用户分为三类，无目标、目标模糊和目标明确。

所以，在发现阶段，我们将根据不同类型用户的不同目标，为用户提供针对性的帮助。
1）对于无目标的用户，可进行系统推荐，包含常规推荐（如，本地特价车、销量排行、热门品牌等）和个性化推荐（如，猜你喜欢），去帮助用户发现感兴趣的车系、车型。
2）目标模糊的用户，可通过条件选车去发现符合需求的车系、车型。其次，也可以通过与其他车友的互动问答去发现车型。
3）目标明确的用户，可通过直接搜索或品牌选车，去发现特定的车系、车型。

规划信息层级

根据之前的分析，首页的核心场景是「发现」，并且有目标的用户占主体，所以我们可以得出大致的信息层级如下图。

接下来，我们对页面的内容做进一步详细分析。

常规推荐
据前面的分析可知，我们的用户在选车过程中较为关心的元素是价格、销量、口碑。同时，根据点击数据，实测排行、新车上市的点击量较低。因此，我们可以对这些入口进行调整，降低点击较少、使用频率较低的入口的层级，把优质位置让给更为核心和常用的功能。让页面更简洁，以便用户更高效地找到常用功能，避免出现认知过载。
条件选车
将条件选车中用户最关注的、高频使用的条件（价格、级别、厂商、用途）提前一个层级，放到选车首页，方便用户进行快速筛选，简化流程。
品牌列表
品牌列表的筛选项实际上是条件选车的级别筛选，可以和「条件选车」合并，同时在「条件选车」中增加筛选条件「品牌」。
入群问问、百万车友俱乐部、车友问答
「入群问问」与「百万车友俱乐部」这两个功能都在产品未加入「车友圈」功能时，为引导用户加入微信车友群而设计的。「入群问问」点击后可直接跳转至某个特定的车友群，「百万车友俱乐部」点击后可跳转至车友群列表。
产品结构调整更新后，这两个入口在「选车」首页的重要性也随之降低了。但是我认为，加入车友群和其他车友交流买车问题，是符合用户选车场景的，这个入口可以保留。因此，把这两个入口合并（不占用首页太多空间），点击后可跳转至车友群列表。
另外，由于点击后会跳转至微信小程序，所以这里应给予用户相应提示，以便用户预知操作后的结果，避免引起困惑和抱怨。
「车友问答」则是在 APP 中向其他车友提问，一样带有互动社交属性，可以和「入群问问」归为一类。

设计界面布局

重新梳理内容结构、规划信息层级之后，我们可以画出选车首页大致的界面布局如下。

优化前后对比

视觉效果图只是展示大致的布局，不是最终效果，仅供参考。

结语

此次选车首页的优化尝试还是遵循以往的设计思路，在明确页面定位后，结合定位盘点问题，梳理页面内容，重新组织内容结构、规划信息层级，最后输出界面视觉效果图。

此外，这次优化探索中也收获了一些关于信息层级的小思考。
在界面设计中，我们可以采用以下思路来强化某个功能或突出某个信息：
1）从视觉表现层的角度考虑，我们可以增强其视觉表现力，使其「更显眼」；
2）就「强化功能」「突出信息」的本质而言，我们的最终目标是希望用户更方便或者更高频地使用该功能，因此，我们可以从更多的角度去思考如何达成这一目标。例如：

遵循用户既有使用习惯，将搜索放在页面顶部，以便用户快速找到并使用该功能。
根据拇指在屏幕不同区域的点击体验，将重要内容移到更易点击、视线更聚焦的屏幕位置。如，条件选车。
根据用户场景，将条件选车中用户最关注的、高频使用的条件提前一个层级，放到选车首页，简化流程，方便用户进行快速筛选。

相关文章：选车功能优化思路小结

本文记录的只是选车首页优化的初步思路，并非最终完整版设计。
优化后的视觉效果图中，顶部功能入口图标来自 UncleMonkey 的设计，底部标签栏的图标来自王老中医的设计，感谢我的同事儿～
此次功能优化的探索过程中，我在网上查阅及参考了以下文章，非常感谢这些作者～
场景思维——你的秘密武器（上）（作者：沐风与体验设计）
场景思维——你的秘密武器（下）（作者：沐风与体验设计）
汽车购买决策过程及其影响因素分析（来源：百度文库；作者：未知）
怎样解决用户选车难题？“选车大师”希望提供各维度偏好功能帮助用户细化需求，实现更精准的推荐（作者：36氪・Nicholas）
懂车帝发布《90后汽车消费关注度报告》，自主品牌受年轻用户青睐（来源：新浪财经头条；作者：未知）
阿里巴巴(1688) APP 8.0 视觉品牌升级手记（作者：阿里巴巴CBU设计）