产品设计的流程详解(环节及步骤详解)

seoxin 09-04 16:10 11次浏览

编辑导语:产品设计是产品落地前十分重要的一环。在产品设计中,我们需要与用户建立联系,依据市场、用户等方面进行方案设计,以求产品成功落地。那么,产品设计全流程究竟是什么样的?本文作者全面地介绍了产品设计及其流程,一起来看一下。

关于产品设计及其流程,你想知道的都在这里

在担任 Canva 产品设计师的最后几个月,我收到了许多有关 “产品设计意味着什么” 的问题:

  • 产品设计是什么?
  • 产品设计过程是什么?
  • 我需要什么技能才能成为产品设计师?

近来,我有机会代表新南威尔士州的数字社会组织一个产品设计工作坊。这次工作坊恰好是一次向大学生和职业转变者解答问题的绝佳机会 —— 在 Canva 做产品设计师意味着什么?

一、产品设计是什么?What is Product Design?

关于产品设计及其流程,你想知道的都在这里

定义产品设计

正如尼克·巴比奇(Nick Babich)在 Smashing Magazine 上所解释的那样:

产品设计是识别市场机会定义问题为该问题提供适当解决方案,并与实际用户验证解决方案的过程。

产品设计建立在一个名为 “设计思维” 的通用框架上,这是一种 “以人为中心” 的创新方法,将用户的需求、技术可能性和业务需求整合在一起。

需要注意的是,尽管本文只介绍了数字商品,但产品设计超越了此范围,涵盖了数字商品、实物产品、环境体验的所有内容。

二、产品设计流程是什么?What is the Product Design process?

关于产品设计及其流程,你想知道的都在这里

产品设计流程

产品设计过程是设计人员用来解决问题的关键框架。在阅读本文各个部分时,你会注意到,产品设计师的职能和技能是多样化的,会随着设计阶段的变化而变化。

作为产品设计师,你需要 “戴” 多顶帽子,这意味着你的日常生活是丰富多彩的。你将承担问题解决者、研究员、设计师、产品经理、数据分析师、销售员等不同角色的工作。

三、在我们开始前 Before we begin

在深入研究设计过程之前,请理清一个问题:为什么要开发这个产品?如果没有明确定义目标就跳入开发阶段, 最终产品不能满足用户的需求或利益相关者的期望,则可能导致灾难性的结果。幸运的是, 北极星指标 [1]可以为你们提供目标,定义需要构建的内容。

([1]北极星指标(North Star Metric):又叫做 OMTM( One metric that matters),唯一重要的指标。之所以叫北极星指标,是因为这个指标一旦确立,就像北极星一样,高高闪耀在天空中,指引着全公司上上下下,向着同一个方向迈进。)

四、与你的用户建立同理心 Empathise with your users

关于产品设计及其流程,你想知道的都在这里

在开发产品前评估产品——市场契合度

在设计和开发之前,评估产品的需求强度是至关重要的。我们经常通过用户研究来验证产品与市场的契合度。

1. 用户研究

用户研究的一些方法:

  • 用户访谈——一种常见的定性研究方法,可以现场或远程进行。尽管组织和分析采访结果非常耗时,但好处是,你可以直接从用户对话中发现见解,而不仅仅是通过调查发现见解。
  • 在线调查——问卷调查可以帮你在短时间内获得大量的定量数据。尽管这种方法执行快、成本低,但可能缺乏对用户的深刻见解。
  • 语境调研——一种观察人们在自然环境中日常工作状态的方法。这使你能够真正和用户共情,因为它迫使你将自己置身于他们的情景之中。
  • 市场研究——了解竞争对手如何解决类似问题是产品设计过程的关键组成部分,你可以从竞品的设计模式和错误中学习。

2. 用户分析

从用户研究中收集数据后,我们通常将发现的结果归纳为共同的主题,即亲和力映射练习。这种练习所形成的亲和图,帮助我们从原始数据中形成见解,然后将其用于指导决策。

出于工作坊的目的,我想探讨一个对当今人们产生深远影响的相关主题。疫情的全球蔓延,已迫使许多人在家工作,这也引起了我对远程工作的好奇。

关于产品设计及其流程,你想知道的都在这里

亲和图用于对常见问题进行分组

确定的共同主题有:

  • 不健康的习惯——由于工作和家庭环境的融合,可能会延长人们的工作时间。久坐,且没有太多走动,这意味着他们正在经历诸多健康问题,如背痛。
  • 隔绝——缺乏办公环境中的咖啡聊天、社交聚会和走廊交谈等,这意味着许多人处于人际关系的孤立中,而长期的隔绝和封锁会导致精神健康问题的增加,例如焦虑和抑郁。
  • 分心——诸如儿童和宠物之类的外部环境因素,以及网络和电力中断造成的技术侵扰,造成工作者时间和生产力的损失。这意味着他们要以加班的形式来弥补这些损失,从而导致不良习惯的恶性循环。

在进行用户研究时,我们还需要了解我们的目标用户,因此创建用户画像是此过程的重要组成部分。用户画像的目的在于帮助我们同用户产生共情对关键细分受众群体进行真实的描述

关于产品设计及其流程,你想知道的都在这里

用户角色示例(图片来源:Adobe)

五、定义问题 Define the problem

当对问题有了更好的了解后,我们可以开始关注核心用户问题,通过问题陈述将它们转化为机会。这一步很重要,可以帮助你了解并明确工作目标。

我们通常以短语 “我们如何可以” 来创建问题陈述。例如:我们如何鼓励在家工作的人们养成更好的健康习惯?

六、原型 Ideate

定义问题陈述后,我们进入概念设计阶段。概念设计就是一个头脑风暴阶段在这个阶段团队成员可以集思广益得出一系列关于如何解决问题的奇思妙想

这是非常有价值的一步,它可以帮你将利益相关者聚集在一起,共同构想产品未来的图景,并进一步地建立信任。

1. 竞品研究

通常,我们将竞品分析当作学习和汲取灵感的一种方式,在其他产品中寻找用户体验和视觉设计模式。我列举了两个产品示例,它们在健康和保健领域解决了类似的问题。

Headspace 是一个有关心理健康和冥想的 APP,该产品引导用户注册并参与冥想课程。

关于产品设计及其流程,你想知道的都在这里

Zen mode 是一款可帮助用户锁定手机的 APP,迫使用户暂时脱离屏幕。

关于产品设计及其流程,你想知道的都在这里

在两个示例中,你可以看到非常相似的用户旅程。用户将:

  1. 注册或登录应用;
  2. 确定他们的目标;
  3. 接收要完成的任务;
  4. 执行任务;
  5. 跟踪他们的进度。

2. 用户旅程图

用户旅程映射了用户实现目标而必须经历的过程,以时间轴为框架,包含一系列步骤和行为。这样的布局可以帮助团队成员理解和还原用户叙述。

关于产品设计及其流程,你想知道的都在这里

3. 草绘解决方案

草图绘制是一项有价值的活动它允许利益相关者(采购经理、工程师和客户)就产品愿景达成一致。这种绘画练习可以鼓励非设计师提出他们的想法,是促进合作的好方法。有时候,最具创意的想法可能来自没有设计背景的人。

在草绘草图时,我们通常会参考问题陈述和用户旅程图,以确定问题方向和工作范围。

4. 设计原则

正如本文开头所提到的,我们需要一个北极星指标作为基准。制定设计原则来指导解决方案也是非常有用的,因为它有助于确定我们的想法:希望产品成为什么,以及不希望产品成为什么。

精神健康产品的一些指导原则可能是:

  • 简单而非过剩;
  • 人性和善解人意,而非机械呆板;
  • 激励和参与,不乏味;
  • 灵活和个性化,不强制;
  • 鼓励更少的屏幕显示时间,而不是更多。

这是我勾勒出的一个示例:

关于产品设计及其流程,你想知道的都在这里

健康和保健应用程序的示例草图

与 Zen 模式类似,我想到了一个产品创意,通过为你提供个性化活动来鼓励休息。

作为用户,我将:

  1. 注册或登录;
  2. 确定我的目标(例如,多运动,与朋友交往,探索新爱好);
  3. 接收活动创意(例如在附近的公园散步,打电话给朋友,参加绘画课);
  4. 完成任务后获得积分;
  5. 追踪我实现目标的进度;
  6. 用我的积分换取奖励。

草拟解决方案后,不要害怕分享你的想法。

共享你的工作并接收其他人的反馈,也是设计过程的一部分

七、为解决方案建立原型 Prototype the solution

对解决方案感到满意后,你可以使用设计和原型设计工具(例如 Figma,Sketch 和 Invision 或 Adobe XD)来创建可点击的原型。

关于产品设计及其流程,你想知道的都在这里

原型工具的例子

我个人建议使用 Figma,它是一款具有设计和原型设计功能的复合工具。

Figma 社区 —— 一个很好的存储库,允许复用和重组其他用户发布的现有模板,与 Github 类似,但专用于设计。目前,Figma 模板已经创建了设计系统,你可以观看平台教程,来了解如何使用预制组件将屏幕拼合在一起。

1. 创建组件

组件可以有效加快设计工作流程。第一次将 UI 元素转换为组件时创建的,即为主组件, 它定义了该组件的属性。实例是主组件的副本,你可以在整个设计中重复使用它。

关于产品设计及其流程,你想知道的都在这里

编辑主组件会将更改应用于实例

2. 使用设计系统

设计系统是构建产品元素的集合可以组合并重复使用。不仅能够加快设计工作流程,还可以保持设计一致性。你可以通过访问此列表,找到其他公司构建的设计系统。

3. 原型制作

请使用节点将屏幕的交互和过渡状态连接在一起。你可以通过编辑 “原型” > “交互和动画” 中的设置来指定动画。

关于产品设计及其流程,你想知道的都在这里

编辑主组件会更改应用于实例

4. 预览原型

如果你已经创建了移动原型,可以使用 Figma Mirror 在移动设备上查看并与之交互。在你的 Figma 桌面应用程序上选择一个框架,然后就可以在手机上进行观看!

八、与用户一起测试解决方案 Test the solution with users

可用性测试是设计过程的重要组成部分,使我们在产品交付前就能从用户那里获得反馈。这一点至关重要,它可以预提前确定可用性问题,从而避免在产品发布之后花更多的时间来修改方案。

根据设计过程的阶段,选择最小化工作且最大化学习的方法,低保真原型测试是个不错的选择。

可用性测试方法包括:

  • 适度可用性测试——邀请真实用户线下或线上进行测试。
  • 非适度可用性测试——非适度可用性测试中,参与者不受到监控或指导。此时,你可以通过 Usertesting.com 或 UsabilityHub 等网站远程操作测试,以及招募参与者。
  • 随机测试——随机测试是在公共场所随机选择测试对象,并要求其快速执行可用性测试。它通常用于测试没有广泛用户基础的新产品,通过收集大量数据以快速验证设计。
  • 自测——在向公众发布产品之前,使用自己生产的产品是内部测试的常用方法。“使用自己生产的产品”是一种流行的测试技术,它可以使你的团队产生同理心并发现关键问题。

在招募参与者方面,根据雅各布·尼尔森(Jakob Nielsen)的研究,观察 5 名参与者使用你的产品,就足以识别 85% 的核心可用性问题。

九、衡量成功 Measuring success

产品发布仅仅是个新的开始!在那之后,你需要跟踪它的运行状况,监视的一些关键指标,包括弃用率、激活率、下降率、流失率和保留率。

跟踪工具有 Hotjar,Google Analytics 和 Mode Analytics。如果数据分析不是你的强项,那么在设置跟踪事件时,可以向工程师或数据分析师寻求帮助。

关于产品设计及其流程,你想知道的都在这里

跟踪工具的例子

在将设计变更和迭代发布给所有用户之前,你应该养成 A / B 测试的习惯,它可以提升你对变更和成功指标的信心。

但是,不要仅仅依靠分析,它无法为你提供与用户对话才能获得的见解。你还应该从电子邮件、产品内调查问卷、随机测试中获得用户反馈。

十、重要要点 Key takeaways

1. 这不是一个线性过程

尽管我们经历了结构化和线性的设计过程,但现实情况是,你可能会在产品设计过程中来回跳跃,以了解更多信息。

2. 不存在一招吃遍天下

产品设计过程应顺应项目发展,而不是让项目完全遵循过程。你的设计过程取决于功能或产品所处的生命周期。换句话说,如果产品还处于初期阶段,则可能需要花费更多时间进行用户研究;而如果已经发布,你的首要任务可能是发展和优化产品。

3. 这是一个永无止境的过程

持续改进是我们工作的核心。用户的需求可能会随着时间而变化,请不断获得反馈并完善你的产品,永远不要以为它已经完成。

十一、结语 Final words

最后,设计产品时最重要的是:我们最终要设计一款供人们使用的产品。作为产品设计师,我们是形塑未来的重要角色。正如在 Netflix 纪录片《社交困境》中所看到的那样,我们创造的产品具有改变社会思考、感受和行为方式的能力。

  • 暂无推荐