原创精选|产品设计入门指南,看这一篇就够了!
共 6031字,需浏览 13分钟
·
2021-06-11 23:34
▲点击"三分设"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
阿里巴巴设计官方认证 MCN 机构
SUXA 深圳体验设计协会华东分会
全球服务设计共创节城市站发起者
·
译者:吴鹏飞
编辑:李凯悦
共 5764 字,预计阅读 15 分钟
在当代,对产品设计的定义已经发生了巨大的变化。从物理的实体到现在可以指代数字产品,这恰巧说明了设计的进步与发展。而当今有很多新手设计师或非设计师对产品设计的内容和流程并不了解,所以本文作者将互联网产品的设计及开发分为设计思维和设计流程两部分,将其一一拆解进行解读,并为设计师提供相应的工具以帮助进行设计。让我们来一起跟随作者,学习设计思维和设计流程吧!
对产品设计的定义在近二十年来已经发生了巨大的变化。虽然它确实让人联想到一个手艺人在加工一个物理的、实体的物品,但在信息时代的今天,产品设计远远不止这一种含义。由于定义的不断变化,那些圈外人可能会问 "什么是产品设计?",我们在这里将回答这个问题。在当代,产品设计可以指 数字产品,通常广义上包括 APP 或网站的构思、设计和发布。了解如何开发一款产品不仅对设计师、开发者、管理者,甚至对用户都很重要。
产品的设计和开发 作为一个整体包含了两个主要的设计板块。他们分别是,贯穿整个设计过程的 设计思维,和更为详细的 产品设计流程,我们在本文中将其分为 7 个阶段。在这篇文章中,我们将不仅讲解产品设计的步骤,同时也介绍设计师可以用来简化流程的工具和技术。
一、设计思维
如果要将设计思维融入到产品设计流程中,那么我们值得讨论一下设计思维,从而更深入地了解产品设计整体。不得不说,设计思维本身比产品设计流程要抽象得多,我们会在本篇后面深入探讨。
1.1 同理心
设计思维过程的第一阶段是 "共情",这需要设计师将自己沉浸在他们所要解决的问题中,以便从各个角度洞察问题。从本质上讲,这是一个将 "人" 置于人与人之间互动行为的阶段,设计师能够设身处地为遇到问题的人着想。这也是让设计师在面对问题时能够 抛开偏见,以 "客观" 的心态去理解问题 的关键一步。
1.2 定义
在这一阶段中,设计师基于前一阶段的基础,将他们从问题中得出的知识和洞察,总结成为一个 以人为中心的对问题的陈述,这也是设计师和团队比其他阶段更应该问 "如何做" 的时机。例如,我们应该如何处理这个问题?或者,我们应该如何解决这个困难?
1.3 创意
这是设计过程的 枢纽点,产品设计师的工作将从收集和整理信息,过渡到实际执行交互设计的过程中。在此阶段,关于产品的 创意开始汇集,概念和功能开始相互叠加。通常情况下在此阶段思维是自由的发散的,项目中的所有设计师都可以把自己的想法抛出来,不管是最差的还是最好的,我们看看哪些可以实施,哪些不能实施。
1.4 原型制作
原型设计阶段 是产品设计师和团队开始创造低保真原型并预览概念设计的时期。在此阶段,理想中的解决方案和原型都要经过讨论、检查、改进、迭代,或者干脆放弃。在这里,设计团队将会详细的了解到解决问题面临的 主要挑战和制约因素,并试图克服这些障碍。
1.5 测试
对于产品设计师来说,虽然测试是设计过程的最后阶段,但它在实践中几乎不可能是最后一步。测试包括 严格检查前几个阶段的方案,看看如何进一步改进产品。虽然这被列为一个 "阶段",但它更类似于一个循环,产品设计师会一次甚至多次回到之前的阶段,以打造出一款精致的产品。
二、设计流程
现在,我们来谈谈设计流程本身。正如前面提到的,设计思维是有些抽象的,它概述了一个产品从构思、到完成的一般流程。但是,真正的产品设计流程要复杂得多,也具体得多。所以我们会把这个流程中最重要的部分进行分解,同时给出设计师一些可以在实践中使用的建议。
2.1 设计前期
通常情况下,设计流程的第一步在产品设计之前就已经开始了。这是因为对任何一个特定的项目来说,确立目标是一个必要的步骤,它为未来几周,几个月,甚至几年的所有设计开展提供了一个 结构性的支柱。首先,建立一个 产品战略,它定义了产品最终解决问题的愿景,通过整个产品设计流程来最终解决问题。此外,这可以帮助我们找出可能会遇到的坑,以及产品设计团队必须克服的困难,从而整理和定义挑战。总而言之,产品战略提出了一个问题 "我们必须去哪里,以及如何到达那里?“
其次,创建 价值主张图 [1] 对于任何产品的设计流程都是可取的。与产品战略相比,价值主张图更本质地关注产品与受众的关系,而产品战略则更多的是探讨与团队的关系。在价值主张图中,提出和回答诸如 "这个产品是给谁用的?"、"这个产品什么时候会被使用?" 等问题,会让团队更容易地站在用户的立场上思考问题。
([1]价值主张图是关于你的产品或服务将如何使你的客户受益的精炼陈述,它清楚地定义了你将为你的理想客户做什么,以及为什么你比你的竞争对手更好。)
2.2 产品调研
在第二阶段中,产品设计开始有所产出。这时,设计师们需要完全沉浸在问题之中,以便对用户和问题的本质进行更深的洞察,并开始思考如何解决这个问题。重要的是要记住,前期调研如果做的充分,会让后面的设计过程节省很多时间并避免一些头疼的问题,所以不要急于求成,在这一步上一定要投入超出预期时间。
用户研究是设计流程中最关键的步骤之一,因为创造产品的目的是服务用户,根据他们的需求进行设计是产品设计本身的目标。这就需要设计师与那些面临需解决问题的用户进行直接沟通,可以通过用户访谈,即直接与用户进行面对面的对话,也可以网上调研,对大量的用户进行问卷调查。情境调研法最近也很流行,设计师有机会在用户的日常生活中像 "影子" 一样,观察用户在更自然环境下的状态。
实际产品调研阶段还包括了 竞品分析 这一任务,假设产品有竞争对手的话。这涉及到对竞争对手的产品进行深入研究,看看如何对其进行改进,或者与之形成差异化。因此,这也为整个产品设计过程增加了另一个需要考虑维度。
2.3 用户分析
经过用户调研阶段之后,设计师得到了大量的初始数据,他们必须要把这些数据转化为有用的洞察,从而推动项目的进展。如果用户调研是数据收集,那么用户分析就是数据合成分析。在这一步中,设计师基于他们的调研材料建立模型,以简化创造产品的过程。
首先,需要 创建用户画像或者用户体验画像。用户画像本质上是一个或多个虚构的角色,作为设计对象的替代品。他们强调了用户的需求、愿望、喜好、厌恶以及设计师可能选择的更多关键细节。这可以作为设计师进行设计时的参考,即设计师可以简单地参考用户画像来回答产品设计流程中可能出现的问题,而不是在前一阶段收集的大量数据中来回奔波。
在这个阶段也会使用到 同理心地图 这一非常重要的产品设计工具。同理心地图,顾名思义,帮助设计师可以从用户的角度看待问题。诸如 “为什么用户需要这个产品” 这种问题就会在同理心地图中得到解决。本质上说,同理心地图描述了用户的所说、所想、所做和感受。
2.4 创意
产品设计流程的第四阶段是 创意。这时,设计师要整理所有关于这个项目的点子,他们在这个阶段交流、辩论和讨论各种想法,产品的 "创意火花" 的萌生于此。
在此阶段,创建场景及故事板 是一个有效的工具。设计师可以设想产品将如何融入用户的生活,使之在用户需要时更有效地针对和解决他们的需求。这一工具涉及到产品设计的故事方面,优秀的设计师会利用这一点来发挥他们的优势。同样有效的另一工具是用户旅程图,其中包含了用户为了完成一项任务所要做出的基本动作,是由设计师在一个非常广泛的意义上制定的。同样地,这有助于为产品建立初步的原型,让那些设计产品的人在脑海中构建产品的雏形。
所有这些努力都是为了最后 建立信息架构。这是一个类似于流程图的计划,阐明整个产品将如何运作。在这里,创建一个紧密连接的路线图,页面和屏幕之间相互联系,以更广泛的视角来将 APP 作为一个整体进行布局。像传统的建筑学一样,设计师有逻辑地创建产品空间的人流动向。
草图和线框图 是创意阶段的下一步。用低保真的形式表现单独的屏幕或页面,以可视化最终产品会是什么样子,在这个阶段也需要进行故障排除,有可能会需要设计师回到研究阶段,以解决可能之前就出现的遗留问题。确保这些问题不会出现在最终版本中是对测试过程的补充,这非常重要,我们将在后面谈到。如果说信息架构是在宏观层面上对产品进行规划的话,那么低保真线框图则是在微观层面上对产品的外观、体验以及最重要的功能进行展示。
2.5 设计
在创意阶段之后,设计阶段 是大多数人认为最重要的阶段。在这个阶段,从原型设计开始,着手创建产品的功能模型,以观察所有的元素如何相互配合。原型的起点通常是 主屏幕 / 页面,最终扩展到产品的全部内容。这就像是一种骨架,设计师可以在此基础上 实现自己的想法、追求的视觉效果或更多的模型,在这一点上,这是产品可实现的最完整的版本。这也形成了一个 "原型设计循环",其中包括三个步骤。
原型阶段是指 创建高保真原型,不断接近产品最终的形态。然后,设计师对原型进行彻底梳理,找出所有存在的问题,或者可改进之处,使产品更加完善。审查阶段,通过用户和利益相关者测试原型,向设计师反馈哪里可以进行修改和改进。最后,在完善阶段,将设计进行一次次迭代,最后力求达到完美的状态,或者说接近于完美的状态。
2.6 移交
最后,在设计阶段快结束的时候,会有一个交接的过程。在这里,当设计师对产品的设计感到满意时,他们就会把它交给开发人员进行 编码,或者从某种意义上说是 产品的实际 "制造"。为了做到这一点,设计师会给开发者一个 "设计规范",这份规范强调了 从宏观的信息架构到最小的颜色变化 所应注意的地方,这样开发者就可以完全按照规范开发和制作产品,最后甚至可以满足设计师对任何细节的要求。
2.7 测试 & 验证
设计流程的倒数第二个阶段是 测试和验证。这个过程的开始有一个很有创意的名字 — “吃自家的狗粮"[2](dogfooding),正如其名,在此过程中,设计团队自己来测试自己的产品的最新版本。在这里,团队可以决定产品的结果与他们的设想有多接近。这同样也是发现问题的阶段,发现问题并立即通过设计解决,从而力求产品接近完美的状态。
([2]Eating your own dog food 直译为 “吃自家的狗粮”,亦略称为 dogfooding。是一句英语俚语,常用于描述公司(尤指软件公司)使用自己生产的产品这一情况。)
然而,同样重要的是,在此阶段要 以设计师之外的角度 来看待产品,由设计师开展,对 APP 的真正终端用户进行 可用性测试。例如,一款由年轻的设计师设计的 APP ,目的是为了解决老年人面临的问题,由于环境的差异,特别是技术方面的差异,设计师不能很好的发现一些问题,因此需要进行可用性测试。用户体验设计之父 Jakob Nielsen 说过,85% 的可用性问题只需要对 5 个用户进行测试就可以解决,我们有什么好争论的呢。在整理和解决了所有内部和外部的反馈之后,产品最终被推向市场,并以其(暂时的)最终版本面向用户,去解决最初我们在问题陈述中所强调的那些问题。
2.8 后设计阶段
在产品推出之后,接下来即产品设计流程的第七部分,也是其中的最后一部分。思考一下,产品推出后我们的工作就完成了吗?这可能会让那些不太熟悉这个领域的人感到困惑,但 设计是一个持续的过程,在产品推出之前就已经存在,同样地,推出之后设计还会继续进行。从 APP 中设计师肯定会得到 大量直接和间接的反馈,因此他们将继续进行更新和迭代。首先,基于大量的用户使用该产品,并为之提供数据,设计师现在可以 使用数据指标来衡量设计,从而让设计对用户更加友好,构建良好的用户体验。
此外,我们也可以通过很多种方式直接从用户那里得到反馈,比如在 应用商店的评分和评论,甚至直接通过产品询问用户愿意参与调研帮助改进产品。不管怎么样,这在设计流程中创造了另一个循环,即 改进、完善和实施。
三、总结
正如前面所谈到的,产品设计的定义多年来已经演变了无数次。而现在在信息时代,它似乎与 UI / UX 设计过程密不可分。当今对产品设计最大的误解之一 -- 它是一种线性的过程,这根本是不可能的。这个过程更具有周期性,大部分的时间是一个较小的周期,例如我们在这篇文章中探讨过的反馈循环,但事实上还有更多的设计思维的微观世界也在发生。身处世界各地的产品设计师,要么有自己习惯的工作流程,从开始到落地打造一款产品;要么,正在寻找方法来优化他们的流程,使之更加完善。无论你是属于哪一种,结合本文章中强调的一些知识点,并遵循一些基本的用户体验设计原则,你的产品设计流程一定会有所优化和进步!
原文:https://uxplanet.org/a-guide-product-design-101-a2bc3b59be19
作者:Onething Design
译者:吴鹏飞
审核:张聿彤
编辑:李凯悦
本文已获得作者正式授权,截图如下:
超值课程推荐
原创好文推荐
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
想要引导用户行为转化,设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题?国外的设计专家这么说
如何系统的增强用户粘性,提升产品转化率?你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么?这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma?这里有 6 个需要注意的关键点
欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。
![](https://filescdn.proginn.com/1ab01b70ede3bae62c5512af1ae20f99/3ec68da1dfbf59f52d256a7b7ad42f2e.webp)