「广州私家侦探电话」从上亿人使用的阿里收藏夹迭代过程，总结视觉设计师应该拥有的体验思维

作为一名视觉设计师，在刚获得需求的过后很容易马上进入「战斗「状态，迫不及待地着手设计。然而，当遭遇的是一个纯产品页面时，最先需要全面认识该软件的业务属性、用户人群、当前状况、未来规划问题。

以1688主客收藏夹为例，我们可以从下面几个部分发现收藏夹的价值。

通盘来看，改版前，在买家整个软件模式中数据靠前，目标人群基数目大，对标目前1688主客上80%的商家人群，未来发展态势可观。

买货流程上看：收藏夹作为二次导购型页面，在商家链路中进入承上启下的地位，既有工具属性又有场景属性。

业务规划上看，主客买家线未来将从「管商」、「管货」、「管权益」三个维度对 B 类买家工具进行统一整理，收藏夹与交易过的商品、快速补货、分销管理这几个功能将进行统一打包升级为统一的货源管理工具。

由此我们对收藏夹进行了两次改版更新，从内容架构上能更直观的对比收藏夹三个阶段。

收藏夹1.0满足了客户部分检索需求，但构架简洁，功能单一，且寻求供应商与筛选功能较为隐蔽，排版风格不利于功能的拓展。

作为过渡版本，收藏夹2.0最强调软件间的联动性，增加了由品至商的衍生场景「情感化设计」，且部份重要用途外透，拓宽了用途维度，逐步满足客户的管控诉求。但结构不够明确，未满足客户的个别管理用途，且更加形式化，图片大小占比不合适。

收藏夹3.0则最重视激起用户在链路中的主动性意识「情感化设计」，加强用户与系统间的互动性以提高客户粘度；在用途结构上也很明晰，且进一步拓展了收藏夹的管控方法跟信息维度；针对不同的操作运用不同的信息缺失处理方法满足 B 类客户高效直达的人群特点。

从产品型页面入手更需结构化思维与系统性的具象能力。在收藏夹项目中，我们通过户调研、用户样本预测并且描绘用户画像，进行了需求梳理，为以后的设计思路提供了数据保障。我们引入线上线下同步的调研方法收集数据，并按定性跟定量两个维度进行了探讨。

我们针对性的走访了不同身份的五位买家，通过建立客户画像，收集顾客对收藏夹的反馈情况。

以淘宝卖家童女生作为主要实例，通过对她的客户画像梳理和顾客声音采集总结了下面用户痛点。

在定性研究的同时，我们相同在线上进行了问卷的投放。调研期间，往往需求梳理初期所列出的一些用途跟优先级不必定是客户真正所必须的。因此综合两个维度的用研输出，我们进行了需求的再次梳理，从客户对收藏夹的难题反馈寻找正确方向，最终有了一份针对收藏夹的痛点整理和改版方案。结合后期的业务述求，我们建立了三个设计目标。

基于初期的三个设计目标，我们进行了两方面的视觉关键词提炼。

框架层

收藏夹3.0将主组件的卡片区域以信息区和功能区进行界定，这样可最大程度的确保模块能复用性和拓展性。以下是对于卡片区域，三版收藏夹的框架对比：我们可以清晰的见到1.0时期，功能较为单一且模块拓展性不高。在2.0之后随着功能维度的丰富，左图右文的信息布局模式有利于信息按要求逻辑排布。

3.0期间则很明晰区分了卡片样式中的信息，利用通栏的风格将信息呈现清晰，为了确保模块的拓展性和统一性，我们将卡片功能界定为引导功能区与操作功能区，两者间为包括关系。

表现层

为了防止结构单一给用户带来疲倦感，更清晰的差别功能区与信息区，在视觉上用不同颜色划分方法，代替栅格线的使用构建整体层次感；在卡片样式上用微投影体现整体页面的层次，对应主客首页7.7版本的「空间感」概念。

△ 收藏夹部分页面展示

B 类用户有显著的专业属性，相较于市面上大部分 C 类产品，进行这些用途操作时，双方显示的信息量会有变化。特别是收藏夹的二次导购特征显著，在进行批量管理功能时，我们对其外显信息进行了筛选，将客户进行批量操作时对次级信息进行了缺失处理。