数字产品设计的系统化方法

关晓青 京东设计中心JDC 2022-01-12 16:30谈起数字产品设计的系统化方法其内核更多的是探讨产品设计体系的整体搭建过程。设计体系是一个具有包容性且充满生命力的东西，包含从组件库到设计语言的结构化体系以及应对不断变化的非静态的创新迭代过程，即“扩展创意方向”，好的设计体系能在产品的一致性和品牌的创造性表达之间取得平衡。设计体系是设计目的、设计原则、组件库、样式指南、产品体验策略的集合体，用于提高设计师和开发人员沟通效率的工作流程和实用工具，也能够更为客观的反映用户的需求。建立有效的设计体系可以提高设计决策、设计与开发沟通等工作的效率，并减小出错的可能性。设计体系也是团队知识管理的一部分，有助于为新加入团队的成员提供指导，同时确保团队的工作不会因为关键成员的离开而蒙受损失。为了实现更好的用户体验的目标，我们的设计体系可以从以下5个部分展开：

一、目的和价值观

首先要明确产品的用户是谁，他们的目标、需求和动机是什么，明确产品的目标与价值观。价值观为设计者提供了评价设计好坏的内核，同时也会影响设计原则和设计模式的构成要素，为设计解决方案提供导向，更好的达成产品目标。

• 确定性：明确的设计目标即时反馈，能够让用户对产品设计系统有强烈的信任感，提高产品可用性同时降低认知和操作成本，提升整体工作效率。
• 价值性：一个产品或功能被设计者创造出来不只是用户的需要，更多是承载用户的某个工作使命。产品设计者应当聚焦在最有价值产品功能的打磨上，创造富有意义感的人机交互。
• 创造性：产品功能的增长与用户系统角色的演变相生相伴，以用户实际场景为基础，用发展的眼光做设计，不断丰富设计系统体系，在一致性的基础上确保有足够的包容性与创造性，从而打造产品品牌化。
• 自然感：在与产品系统的互动中，设计者应当充分理解用户与任务目标之间的关系，了解用户认知心理、行为心智与系统角色交互服务的连接，让人机交互更为自然。

二、设计原则
为确保设计工作能清晰地体现产品目的，需要建立一些基本设计原则，不仅体现在设计模式上，还体现在网站性能、语言调性，甚至团队的运作方式上面。

• 准确：设计表达不歪曲不误导，精准反应数据可视化特征。
• 清晰：清晰包含两个层面，结构清晰与内容清晰。明确的布局结构决定用户的浏览动线，帮助使用者高效便捷的获取信息。
• 有效：信息传达有重点，克制不冗余，避免信息过载问题，表达对用户最有用的信息。
• 美观：美是一种克制，合理利用视觉表达既能帮助用户理解信息，也能建立产品的秩序美、规律美。

三、设计语言
不同领域的产品目标不同，决定了它所采用的设计语言也有所不同，语言决定所采用的设计模式。例如，数据产品系统用户需要熟练掌握数据字段、筛选面板、图表等数据可视化工具。对于在线学习网站，其核心功能是文章、视频、讨论话题、进度条、互动活动等。作为设计师会遇到的一个挑战便是如何将高层次的设计概念，如设计原则和品牌价值物化为具体的用户界面元素，这些概念该如何体现在设计模式当中。
（一）功能性模式
功能性模式是界面中有形的构件。它们的目的是让用户能够完成某种行为，或者激励用户完成某种行为，要理解一个模式的目的，需要关注它的作用是什么，用动词而非名词来描述模式，有助于扩展模式的潜在用例，并更准确地定义其用途。另外一个重要的任务，是需要描绘出模式的内容结构，列出让模块能够有效运行的核心内容元素，如下图的推广模块有以下内容：标题、强烈的行动召唤、吸引眼球的背景，试着确定元素的层次结构并决定如何对它们进行分组，一旦对模式的结构有了共识，就很容易确保设计方式反应在模块中。

还有个例子，在FutureLearn网站上曾有四个不同版本的社交信息流模块分布在系统的不同菜单下，包含两个版本的“评论”、一个“回复”和一个“通知”，虽然四个模块乍一看很相似，但是它们没有统一的样式，如对这4个模块进行拆解，绘制出它们的结构，能让我们看出它们是否可以统一成一种模式，是否可以设计出一种兼容四种用例的模式。

（二）感知性模式
感知性模式更像是样式或称为皮肤，用来描述组件是什么类型的，给人的感受是什么样的。感知性模式包括：语气、排版、配色、布局、插图与图标样式、形状与纹理、间距、意象、交互或动画，它不仅存在于表象，更是存在于品牌的核心，感知性模式有助于传递品牌形象。产品的太多例外会削弱品牌性，同样，过分关注一致性也会扼杀品牌性。如果一个设计体系过分追求完美的一致性，那么他就会变得普通、僵化。发展感知性模式需要设计师有打破常规的意识，探索更多的可能性。即使是最小的细节也能体现感知性模式的存在。当我们为设计的系统化和结构化努力的时候，需要留意那些让产品与众不同的细节，在构建设计体系的时候，一定要为创造和发展这些时刻而留足空间。

那么如何持续可靠地遵循创意方向呢，这就需要将具体模式能够阐述出来，并进行分享。设计模式形成后，团队中的设计成员需要对产品的设计语言形成共识，还要对语言的用法对齐，以此来共享设计语言。仅仅对“选择器”这个词的含义达成共识是不够的，还需要对不同背景、目的下使用选择器的原因和方法形成共识。
四、设计资产
设计资产是数字系统产品的沉淀产物，也是设计和技术结合最为紧密的一个部分。包含了设计规范文档、技术文档、模式库，以及助力设计提效的各类资源包。设计资产是以“模块化”为核心思路展开，是收集、存储和共享设计模式的工具，同时映射与之对应的使用原则和操作指南，设计资产是整个设计体系中的物化呈现。

五、体验策略
体验策略是设计体系中洞察问题及衡量设计价值的有效方法，核心思路是以任务为导向构建衡量产品系统的体验场景，包含以下2个节点：

• 度量体系：产品度量体系所能提供的信息要远远多于简单地观察所能提供的信息。度量使设计和评价过程更为结构化，对发现的结果能给予更加深入的洞察和理解，同时给决策者也提供了重要的信息，有助于揭示一些很难甚至不可能看出来的问题，帮助设计者获得新的洞察并更好地理解用户行为。
• 最佳实践：是体验策略的最终目标，过程中产出的模块化解决方案可以反哺给设计资产，而核心的流程与方法沉淀后可以赋能更多产品线。

以上五个部分是设计体系的关键节点，在搭建系统体系的过程中需要有核心设计原则为基础去构建产品设计模式元素，最终沉淀出有效的设计资产并与体验评估策略链接，构成设计系统闭环。良好且持久的设计体系可以清晰勾勒出可持续的数字产品系统，在处理问题上能够有清晰结构化的完整输出。