网页设计的完整分析思路整理

很多交互设计师在进行工作时，会出现需求沟通与操作难以链接的问题，沟通之后却不知从何下手，这种情况多原因是在执行操作之前，没有对需求进行具体的分析和定位。

而如何在操作之前根据客户的需求来理清相关的思路，是解决这个问题的关键。以下我们详细来讨论一下。

一. 确定页面的类型

首先，要先考虑对方需要的属于什么类型的页面。 针对不同类型的页面，我们在布局之前的时思路和侧重点都是不一样的。

我们平常会涉及到的主要页面类型有以下几类：

1）导航型页面：侧重用户路径引导和流量分发，往往会带有较强的运营性质。单纯的入口型与以核心内容入口，这两种方式的选择可以根据强弱需求的不同来选择。

2）消费型页面：侧重让用户能深度沉浸的浏览页面内容，如京东商品列表页，花瓣瀑布流内容页。

3）任务型页面：侧重让用户顺畅高效的完整一系列操作，达到某个明确目的，如订入住酒店页面。

当然，也会有多种类型混合的页面，比如1+2成了天猫首页。

二. 前期分析思路

阿里的五导家ThinkFlow就提出了：“在公司中作为职能部门的UED团队，需要站在用户的角度思辨业务，通过服务内部客户进而服务我们的最终用户,用网页设计专业帮助业务成功，与业务一起成长”。 阿里的五导家ThinkFlow就提出过·这样的理论。

具体分析的详细步骤如下：

1. 挖掘业务（市场）本质需求

2. 洞见用户需求

3. 确立网页设计目标

4. 解决方案发散&收敛

5. 解决方案落地到页面中

一. 挖掘业务本质需求

1. 了解项目概况和目标

这一步主要是跟需求方不断的去聊去了解，基本的问题如下：

a. 为什么会产生这样的需求？目标是什么？（一定要深问，可参考“五个为什么分析法”）

b. 业务方针对目标提出的解决方案是什么，具体是怎么想的？是否还有想要解决的问题没想好方案的？

c. 该业务经验性的特点有哪些？是否有数据或报告。比如，产品/品类特色是什么，何种内容转化高点击好…

b. 业务后续规划的蓝图是怎样的？

大概的方向如上，具体的小问题可以在沟通的时候细化出来，通过这些问题，我们能对项目方向有个基本了解。

2. 挖掘业务本质

有的网页设计师到上一步就开始着手操作怎么设计网页了，其实这样是不合理的，容易让设计思路停留在语言描述的浅层次，设计功能浮于浅层需求，就会出现后续的解决方案有一定的限制性，很难达到客户的本质需求。所以如果要避免这个问题，就需要设计师在沟通时进行深层次的思考，内容可以贴合以下方向。

a. 定位的主要目标用户群体是谁？选取得是否合理？为他们带来的核心价值是什么？为公司带来的核心价值是什么？

b. 整个业务流程是怎样的？盈利模式是什么？

c. 市场/行业情况怎么样？未来的趋势呢？

d. 竞争对手是谁？我们跟竞争对手相比核心竞争力在哪里？

c. 我们的核心策略方向是否真的有效，发力重点是否合理？

二. 理解用户诉求

在前面的目标用户分析的基础上，我们要占到用户的真正诉求，通过了解用户的品牌和产品，来体会和理解体会用户真正的痛点和深层次的需求。

某家居用品商要制造一款家用钻孔机，继续往下深挖用户诉求：

“用户需要的并不是一台钻孔机，他们需要的是墙上有几个孔”

“用户需要的并不是墙上的几个孔，他们需要的是墙上显示家人照片”

“用户需要的并不是挂了照片的墙，他们需要的是一个更温馨生动的家”

聚焦到最深层次的需求，也许到最后你的产品从一台传统的钻孔机变成了嵌在墙上的一个电子相册，说不定还能自动更新、可交互~~ 不管最后的形态是怎样的，这样的需求探究是有助于直达真正的需求，且接近客户满意度的一个很好的途径。

a. 用户角色+场景穷举，再结合业务的核心价值（业务诉求分析时已经得出）对进行优先级排序，获得典型场景。

b. 用户需求&痛点收集，可参考KANO模型（基本型需求、期望型需求和兴奋型需求）判断痛点待解决的级别。

c. 定位用户诉求背后的潜在诉求。（“我要找到靠谱的网页设计师帮我网页设计房子”— >“我想实现理想中的生活方式”）

d. 用户体验地图，结合数据分析和用户意见反馈（适用于整个流程分析）

e. 同理心地图

获取方式更多样，比如：直接找类似用户访谈； 潜入用户圈子看他们在说什么，记录下来（社区圈子、问答平台），follow资深型用户； 看用户对竞品的评价和吐槽；后台用户意见反馈收集整理… 通过这些手段，基本上能有一个比较生动的用户形象呈现在你面前了，这时候就可以回到最后的输出：

1. 典型用户场景（包含用户关注点和用户痛点）

2. 用户主要诉求和潜在诉求

三. 网页设计目标确定

当业务诉求与用户诉求都已经明确之后，我们会发现事情渐渐变得明朗起来。拿着市场需求和用户需要以及业务原本的需求来对一对，市场趋势和用户需要也更加明确。

此时，我们已经可以判断之前需求方提的目标是否合理，如果有补充和调整就可以提出跟需求方进行商量了，而且此时的商量应该是有理有据的，一般情况下，给出收集的实际情况，需求方应该会给出判断，是否可以作为本期目标或其他阶段的目标。

经过沟通，可以提炼出业务目标：

通过「某策略」，帮助用户实现「某价值」，以完成「价值变现」

如“通过「让用户方便有趣地展示家庭相册」，帮助用户实现「家的温馨感」，以完成「更大的市场占有率」”。

业务目标中，判断网页设计这一步可以完成的是什么，这便是网页设计目标。比如以上案例，网页设计目标就可以定为：
1.让用户方便的展示家庭相册
2.让用户在展示的过程中获得更多乐趣。

四. 解决方案发散与收敛

解决方案的发散关键在于要紧扣网页设计目标，同时又不脱离用户角色。可把网页设计目标具象化成几个关键词，比如周期性回访、加强信任感、新客转化…等，然后围绕具体问题具体发散解决方案。

1. 核心问题聚焦-发散分析。依据分析得出的网页设计目标和网页设计策略，围绕得出的结论点来不断细分和发散。

2. 细分用户类型和场景分析。如：细分新老客、带目的1的用户和目的2的用户，他们的用户场景和具体诉求。

3. 按流程步骤分析。当涉及页面流程较长时，可以找到用户几个关键的流程节点，使用渐进流程节点分析，如下方案例分析买手机的用户：

4. AICDA五步分析：引起注意——产生兴趣——建立信任——刺激欲望——促使行动。这套分析思路比较适用于营销活动类的页面。

更多可参考的方法：

– 头脑风暴/无声头脑风暴

– 用户行为理论分析

– 五个WHY分析

– 用户体验地图

– 服务蓝图

– SWOT分析

进行完发散之后，就可以跟业务方进行一轮沟通评估，通过评估的基本就可以留下作为最后要落地的解决方案了~~ 具体评判维度可参考以下2点，

1. 可行性评估，运营成本、开发可实现性

2. 价值评估，判断最能辅助目标达成的方案、投入产出比

做完以上分析，剩下的就是具体的设计思路和方案的落地了，在具体执行落地中，遵循一定的思路来，进行具体执行细化，形式可以有所变化，但大方向的把控是要准确的。