前言

首页推荐位是为用户提供精品资源的专题入口，但由于旧版视觉对用户需求把握不够精准、风格过于单一、氛围感弱、场景覆盖率低，导致不能同时满足业务目标与设计目标。

那如何通过视觉优化来提升用户体验并满足业务目标呢？经改版正式上线后测试，此次改版的数据取得较好的提升，所以我们将整个思考过程与实践思路进行总结，希望为大家提供一些可参考的设计思路。

接下来我们运用设计目标拆解法为大家分享一下此次改版的内容，本次内容主要分为 3 个部分：

· 什么是设计目标拆解法

· 如何有效的进行设计目标拆解

· 设计验证与总结

1. 拆解法的概念

将最终目标拆解成若干个可完成的小目标，按阶段性的去执行完成，那么你原本的目标也随之达成。

(tips:若拆解后的小目标仍然无法达成，可继续对小目标进行拆解直至可有效完成它)

2. 将拆解法运用到设计中，可分为三个步骤：

1. 目标定制

项目初期，我们根据业务反馈、用户研究以及数据分析，发现旧版存在的三个主要问题：风格局限性大、信息传达不清晰、品牌感知度低。

而这些问题无法直观的与设计目标进行关联，所以我们需要将业务目标转化为可落地执行的设计目标。根据以上的问题，我们得出业务目标为体验优化，在此基础上进行细化，确定了三个主要设计目标：页面元素多样化、提升画面表意度、打造品牌特性化。

2. 目标拆解

针对提炼出的这三个主要的设计目标，我们对其进行逐一拆解：

页面元素多样化

由于旧版的人像风格局限性大且过于单一化，所以我们需要针对视觉元素进行重构和丰富，采用更具包容性的设计。

提升信息表意度

精准的情境感画面能更好的为用户群体提高对运营内容的认知，而旧版人像元素无法全面覆盖所有业务场景；所以我们需要针对用户群体的特性，制定符合稻壳商城风格特征的设计形式，让用户快速筛选目标信息。

打造品牌特性化

通过对竞品的分析，同时收集国内外高质量的设计案例并结合品牌特性，形成高品质且具有稻壳属性的品牌化设计。

3. 解决方向

为优化以上拆解出来的设计目标，确定了相对应的设计解决方向，可以明确我们的解决思路主要是信息明确和丰富画面。

根据以上四个解决方向，最终提炼出三个设计关键词：高效化/模板化/精品化

4. 设计表达

在明确了设计解决的方向后，首先我们对部分垂直竞品的同等页面进行了风格收集及分析。

在研究探索的过程中我们发现，首页推荐位主要是帮助用户更方便快捷地筛选出符合自己需求的模版，从而实现品牌与用户之间的价值连接，这也是用户使用的核心场景之一。

围绕提炼出的三个关键词，我们根据用户的阅读习惯，保留了左文右图的排版形式；将右边原有的人像模式改为精品模版化的视觉呈现，以精准的模板画面营造情境感，更清晰高效的展示信息，满足用户快速筛选的诉求；同时增加氛围感的元素装饰，更好的包容业务方的场景需求。