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

共 5843字,需浏览 12分钟

 ·

2021-05-14 09:31

点击 "TCC翻译情报局关注,回复 "社群" 加入我们

本文共 5196 字,预计阅读 13 分钟

TCC 情报局的 第 42 篇 干货分享

2021 年的 第 30 篇


TCC推荐:大家好,这里是 TCC 翻译情报局,我是李泽慧。本文较为全面地介绍了互联网产品设计及其流程。从什么是产品设计到产品设计的过程,再到产品设计所需要的基本技能素养,作者根据自己个人经验为我们详细地做了总结。通过本篇文章,你可以从基本的设计思维出发,全局感知产品设计所涉及的各个阶段及其对应的工作内容,从而帮助自己更好地理解个人所承担的产品设计部分。


 

在担任 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 纪录片《社交困境》中所看到的那样,我们创造的产品具有改变社会思考、感受和行为方式的能力。



原文:https://uxplanet.org/what-is-product-design-and-the-product-design-process-41b41a5bf795

作者:Gloria Lo

译者:孙晨宇

审核:张小玺、张聿彤

编辑:孙淑雅

本文翻译已获得作者的正式授权(授权截图如下)



往期精选文章:

英雄联盟设计师揭秘游戏行业的用户体验设计师角色

案例研究|康奈尔大学副业社区网站设计

Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标

网页设计师能从日式美学中学到什么?

案例研究|一款为你带来难忘体验的美食 APP

如何制作打动面试官的作品集,这里有一份完整的指导手册

如何做好用户体验项目?从一个好计划开始

如何建立设计系统

如何把握不同层级用户的需求:回归本质,打磨信息架构

TCC 视野|2021 年用户体验设计趋势分析




- 设计师自习社区 -

TCC 设计情报局欢迎小伙伴加入,一起交流设计知识,了解全球设计资讯,锻炼英文能力,发掘更多可能性~

添加小助手微信,备注「社群」,即可加入读者群。

浏览 23
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报