产品交互设计PMskill为解决问题而设计的思考

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

2019-10-28  本文已影响0人  天真啊
写在前面的话儿

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

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

页面定位

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

问题分析

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

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

优化方案

组织内容结构

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

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

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


规划信息层级

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

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

设计界面布局

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


优化前后对比

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


结语

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

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

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


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




上一篇下一篇

猜你喜欢

热点阅读