运用场景思维进行产品功能优化：选车首页
本文主要回顾、记录了通过明确页面定位、定位问题、组织内容结构、规划信息层级等流程优化选车首页的思路。
作者：ZYUN（20191028）
预计阅读时长：07m 03s（2102 字；9 图）
配图制作工具：Figma
以下分析均基于《运用场景思维进行产品功能优化：选车功能优化思路小结》中的用户属性与核心场景分析。
【页面定位】
根据《运用场景思维进行产品功能优化：选车功能优化思路小结》的分析，我们可以知道，「选车主页」主要承载的是「发现」这个阶段的任务。所以，我们在这个页面主要要解决的问题是，帮助用户在最短的时间内发现最符合需求的车型。
【问题分析】
首先，我们先对页面中目前存在的比较明显的问题进行优化。
✧ 问题：功能名称描述不准确，「选车 PK」的内容其实是车系对比。
✡︎ 优化：改为「车系对比」，更易于理解。
✧ 问题：入口重复，点击「条件选车」和「更多车型」都是进入「条件选车」。
✡︎ 优化：合并入口，将「更多车型」改为「更多选车条件」，点击后进入「条件选车」，这样更加清晰。
✧ 问题：字母导航小标题一行把品牌列表的筛选项和列表内容分隔开，容易造成困惑，导致用户无法清楚理解这个筛选是针对下方品牌列表的。
✡︎ 优化：将标题「选车列表」和筛选项结合起来，去掉「选车列表」，「全部」改为「全部品牌」。
✧ 问题：品牌列表的字母索引导航，最上方有「热」这一项，但实际上，页面中并没有「热门品牌」。
✡︎ 优化：根据之前的场景分析，在品牌列表上方加入「热门品牌」。
除此之外，我们可看到，这个页面较大的问题是，功能入口比较多，信息组织散乱，视觉层次不够清晰。下面，我们将通过梳理内容结构、重新规划信息层级、简化界面布局来优化这个问题。
【优化方案】
1. 组织内容结构
根据《运用场景思维进行产品功能优化：选车功能优化思路小结》的场景分析，我们需要在首页增加「我的收藏」入口和「热门品牌」。另外，由于在改版期间，产品新增了「车主问答」功能，所以首页需要增加「车主问答」入口。
最后整理出来的选车首页的内容如下图所示。
根据之前对用户属性的分析，我们把用户分为三类，无目标、目标模糊和目标明确。
所以，在发现阶段，我们将根据不同类型用户的不同目标，为用户提供针对性的帮助。
(1) 对于无目标的用户，可进行系统推荐，包含常规推荐（如，本地特价车、销量排行、热门品牌等）和个性化推荐（如，猜你喜欢），去帮助用户发现感兴趣的车系、车型。
(2) 目标模糊的用户，可通过条件选车去发现符合需求的车系、车型。其次，也可以通过与其他车友的互动问答去发现车型。
(3) 目标明确的用户，可通过直接搜索或品牌选车，去发现特定的车系、车型。
2. 规划信息层级
根据之前的分析，首页的核心场景是「发现」，并且有目标的用户占主体，所以我们可以得出大致的信息层级如下图。
接下来，我们对页面的内容做进一步详细分析。
(1) 常规推荐
据前面的分析可知，我们的用户在选车过程中较为关心的元素是价格、销量、口碑。同时，根据点击数据，实测排行、新车上市的点击量较低。因此，我们可以对这些入口进行调整，降低点击较少、使用频率较低的入口的层级，把优质位置让给更为核心和常用的功能。让页面更简洁，以便用户更高效地找到常用功能，避免出现认知过载。
(2) 条件选车
将条件选车中用户最关注的、高频使用的条件（价格、级别、厂商、用途）提前一个层级，放到选车首页，方便用户进行快速筛选，简化流程。
(3) 品牌列表
品牌列表的筛选项实际上是条件选车的级别筛选，可以和「条件选车」合并，同时在「条件选车」中增加筛选条件「品牌」。
(4) 入群问问、百万车友俱乐部、车友问答
「入群问问」与「百万车友俱乐部」这两个功能都在产品未加入「车友圈」功能时，为引导用户加入微信车友群而设计的。「入群问问」点击后可直接跳转至某个特定的车友群，「百万车友俱乐部」点击后可跳转至车友群列表。
产品结构调整更新后，这两个入口在「选车」首页的重要性也随之降低了。但是我认为，加入车友群和其他车友交流买车问题，是符合用户选车场景的，这个入口可以保留。因此，把这两个入口合并（不占用首页太多空间），点击后可跳转至车友群列表。
另外，由于点击后会跳转至微信小程序，所以这里应给予用户相应提示线索，以便用户预知操作后的结果，避免引起困惑和抱怨。
「车友问答」则是在 APP 中向其他车友提问，一样带有互动社交属性，可以和「入群问问」归为一类。
3. 设计界面布局
重新梳理内容结构、规划信息层级之后，我们可以画出选车首页大致的界面布局如下。
4. 优化前后对比
【结语】
此次选车首页的优化尝试还是遵循以往的设计思路，在明确页面定位后，结合定位盘点问题，梳理页面内容，重新组织内容结构、规划信息层级，最后输出界面视觉效果图。
此外，这次优化探索中也收获了一些关于信息层级的小思考。
在界面设计中，我们可以采用以下思路来强化某个功能或突出某个信息：
1. 从视觉表现层的角度考虑，我们可以增强其视觉表现力，使其「更显眼」；
2. 就「强化功能、突出信息」的本质而言，我们的最终目标是希望用户更方便或者更高频地使用该功能，因此，我们可以从更多的角度去思考如何达成这一目标。例如：
(1) 遵循用户既有使用习惯，将搜索放在页面顶部，以便用户快速找到并使用该功能。
(2) 根据拇指在屏幕不同区域的点击体验，将重要内容移到更易点击、视线更聚焦的屏幕位置。如，条件选车。
(3) 根据用户场景，将条件选车中用户最关注的、高频使用的条件提前一个层级，放到选车首页，简化流程，方便用户进行快速筛选。
------
1. 本文记录的只是选车首页优化的初步思路，并非最终完整版设计。
2. 文中内容均为个人理解与思考。如有错误，欢迎指正啊，非常感谢～
3. 优化后的视觉效果图中，顶部功能入口图标来自 王小夫 的设计，底部标签栏的图标来自 王老中医 的设计，感谢我的同事儿～
4. 此次功能优化的探索过程中，我在网上查阅及参考了以下文章，非常感谢这些作者～
汽车购买决策过程及其影响因素分析（来源：百度文库；作者：未知）
怎样解决用户选车难题？“选车大师”希望提供各维度偏好功能帮助用户细化需求，实现更精准的推荐（作者：36氪・Nicholas）
懂车帝发布《90后汽车消费关注度报告》，自主品牌受年轻用户青睐（来源：新浪财经头条；作者：未知）
阿里巴巴(1688) APP 8.0 视觉品牌升级手记（作者：阿里巴巴CBU设计）
