侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

一个优秀的详情页可以让用户清晰且愉悦地接收到已有信息,并为用户的下一步操作做出一定引导,那什么样的详情页设计才是好的设计?本篇文章里,作者结合实际案例,从目标、内容、视觉等方面对详情页的设计策略做了总结,一起来看 。

侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
一个从0到1的详情页应该如何设计,需要遵循什么设计原则,可以参考什么设计模型?这篇文章,将会以「设计大侦探」知识星球详情页为案例,告诉你一个详情页设计的完整过程,帮助你掌握三个重要的思维模型和一套已验证的设计方法 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
一、导读1. 详情页是什么?详情页就是一个产品或服务的说明书 。我们听得最多的是电商详情页,往往会把这个词直接定义为电商详情页,但事实上,任何产品、服务都有详情页,比如一个医疗保险产品就需要详情页,让用户从这个页面获取到这个服务的明细和流程,从而吸引用户下单购买 。
本文所指的详情页,就包含了各类产品、服务的详情页,所引用的案例是一个知识付费行业的知识星球详情页设计 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
2. 详情页有什么作用详情页像一个产品的服务前端,用户可以从这个页面全面了解到这个产品的细节,比如服务人群、核心优势、服务流程和注意事项等 。
详情页也可以作为一个落地页,比如当我们去销售一款产品的时候,我们设计的H5或Web的页面既属于落地页也属于详情页 。一个成功的详情页设计可以为产品带来超高的转化率和销售额,相反,如果详情页设计得不好,即便投入重金推广,转化率也会非常低 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
3. 详情页的生命周期详情页就是产品的表现层,它和产品一样,同样有生命周期 。在不同的生命周期,有不同的焦点和策略,比如设计大侦探的知识星球,在处于引入期的时候,更看重对服务体系的验证,所以对详情页的设计要求是以快制胜,快速完成MVP版本 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
4. 适合阅读人群本文6623字,主要分为四个部分,不仅仅适合UI设计师、UX设计师、产品经理和运营,还适合于电商设计师、品牌策划和互联网从业者,其次对于创业者来说,这篇文章将会让你熟悉一套详情页设计的完整流程,有效降低时间人力成本 。另外本文所指的甲方,主要指设计师的上游,产品、老板或业务方 。
二、制定目标不管做任何项目的设计,如果不明确设计目标,那就没有方向,也无法验证最终的设计成果 。对于详情页的设计,也是一样 。虽然看上去好像只是一个页面或图片,但其实详情页和产品一样,也需要不断的迭代优化 。
1. 设计背景「设计背景」就是去了解这个详情页为什么做,决策流程是什么样的 。这个环节我们可以使用常见的5Why分析法,不断追问,直到了解甲方设计的真正原因 。
千万不要小看这一步,如果你不去弄清楚这个项目立项的关键原因,帮助甲方梳理好设计目标,那么甲方就会容易变动需求 。比如大侦探为什么需要设计一个详情页,这是因为我们的知识星球服务体系已经形成闭环,所以准备开始试运营,验证商业模式 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
2. 需求分析「需求分析」就是在了解这个详情页的「设计背景」后,针对甲方的真实需求进行深入的分析,我们可以采用5W2H分析法,去挖掘具体要做什么、给谁看、在哪里看、喜欢什么风格等问题 。如果是一个外包项目,还要去结合甲方的预算、周期和公司的利润去考虑,需求的挖掘一定要深入,不要做模棱两可的工作,否则整个项目的设计作业都会随时变动 。
比如大侦探的详情页需求就是要快速完成一个MVP版本进行试错,看看知识星球的服务是否和用户的需求匹配,所以对整体的视觉要求并不高,更注重设计效率和完整性 。
侠盗猎车5秘籍大全 侠盗猎车5秘籍大全

文章插图
Tips:对需求的拆解、挖掘和梳理能力,是一个优秀设计师通往顶级设计师需要具备的能力,要学会快速阅读甲方的需求,做出引导和判断 。

秒懂生活扩展阅读