Pinapps
首发于Pinapps
Design Pattern 划分方式是对设计的逻辑思考

Design Pattern 划分方式是对设计的逻辑思考

上周我们用一个更复杂的案例(List 列表页)介绍了 Pattern 组合,通过它们来解决一些更为复杂的问题。这个话题确实有些大,所以有些同学对于这些还不是特别理解。所以今天我们更全局一些来介绍这个思路。

对于 Pattern 组合其实我们可以换一个角度来进行思考。我们之前聊过,在日常工作中当我们拿到一个设计需求时首先要做的就是识别设计要解决什么本质问题,而这个问题也是可以分解成若干个独立小问题。

比如我们要针对商品添加一个图片评价功能,它背后实际要解决的是表单填写&校验、图片拍摄两个主要主要问题。

在整个设计的过程中,我们首先需要设计师对「表单填写&校验」和「图片拍摄」这两类问题(也代表两个不同的 Design Pattern)有足够的能力沉淀,也就是对这两个问题的本质问题、设计思路及不同表现手法都能熟练运用。

在此基础之上我们再叠加上当前产品的用户特性和业务述求,每一步的基石将更加的坚实,最后得出的设计方案也会相对更加稳妥。


其实这类问题很多设计师都会遇到,在项目设计的过程中会去关注设计的表现或是当前需求的表面问题。因为缺少对问题本质独立深入的研究,导致设计方案经不起太多的挑战。

前段时间正好就有一个真实案例,某位同学需要为产品中一个新增功能进行设计。第一次的设计 review 基本都在疲于回答产品、开发同学提出的各个疑问。整个过程显得混乱无序,设计方案也受到了很多的质疑。

纵观整个 review 的过程,设计阶段主要存在有 3 个问题:

  1. 没有清晰的梳理可能存在的 user flow,导致大家在 review 的过程中会在多条 flow 中跳来跳去,相应的设计也暴露出不少没有考虑到的问题;
  2. 问题本质没有进行拆分,导致开发同学对于关注的模块化功能的设计存有疑问;
  3. 缺乏对分拆问题的深入研究,导致大家对每个设计节点有不同看法但又无法合理解释。

第一个问题我们在之前的周刊其实已经聊过多次,这里就不重复了,近期的主题中我们会更多的关注后面两条。

就像我们对数据库的操作都是建立在增删改查上一样,我们在日常工作所面对的设计问题大部分是可以被抽象出来的,而这部分内容则是我们设计师在专业能力方面不能忽视的一个重要部分。

再回到 Pattern 部分我们最核心关注的是两个部分,一个是 Pattern 应该如何划分,这与我们对问题的拆分思路有很大的关系;另一个则是如何去定义每一个 Pattern 的信息以及解决方案,这对构建产品(或个人)的设计理念有着很强的关联。这里我们先来聊聊 Pattern 的划分。

Patterns 应该如何划分

最近还有一位会员问到为什么将 List 列表页在很多其他的 System 中的定义是 Component,而在上周的期刊我将它成为了一个 Pattern?

没错,确实大多数的 System 都会将 List 列表页划分为 Components ,不过定义上是有差异的。比如 Material Design 定义 List 列表页是用来连续的显示多行(多元素)的信息,它关注的是 list 页自身;而在上期中我对它的定义是:

List 的本质是为用户提供一系列的同类信息展示,通过有效的信息组织,帮助用户快速找到感兴趣的信息并引导进入下一步的操作。

我更倾向于将它定义为引导进入下一步操作的一个中间过程,它会有更多的述求存在。因此 List 在这里的复杂度和解决问题的能力已经被扩大,所以我更倾向于将它定义为一个 Pattern。

Pattern 的划分方式背后代表的是对设计的逻辑思考,前文中提及的 Pattern 的核心是基于对问题本质的分解和解决方案。

就像我们在前几期介绍不同 Design System 中提到的一样,它们是可以存在不同维度的划分的,这代表的是大家不同的思考维度和方式,并没有绝对的对与错。

之前给大家推荐的「A Pattern Language」是本很有意思的书,虽然是写的是建筑但与设计有很多相似的关联。

比如书中对于「绿地」这个 Pattern 的解释与我们对 Pattern 的定义就有很多相似之处。

绿地是人们在日常生活中社交、活动过程中必不可少的一部分,这首先定义了问题了 Pattern 存在的意义。但由于人类自身的一些因素,绿地的距离、规模、功能等都将直接影响想到用户是否愿意使用绿地,这就引出了对绿地设计上的要求。

同时绿地也是由多个不同的独立单元所组成的,比如书中列举出的圣地、运动场地、动物、植物、小憩的公共场地等,同时这些独立单元也将会存在别的建筑 Pattern 中。

为了深入、有效的研究每一个问题,我们需要对这些独立单元(较小的 Pattern)进行独立的设计研究。

比如小憩的公共场地,为了满足人们的这一述求并确保不会被当今社会认定为不雅的公共行为,设计师需要考虑将考虑将其设置在相对隐蔽、不受来往人流影响同时还需要提供相对舒适的环境。

这个案例其实同样也是将一个较大的问题分拆成了若干个小的问题,较大的问题对应一个具体的 Pattern,而这个 Pattern 的解决方案同样也是需要多个更小的 Pattern 组合起来解决。

沿着这个思路,我们将 Design Pattern 划分成以下三类,它们相互关联但又不存在绝对的层级关系,只是基于问题的分解来进行归纳和研究。

基于这个分类我们可以拆分、归纳出常用的各类 Patterns,并用统一的格式对 Pattern 所针对的问题、关注点以及解决方案进行分析、总结。


以上是 Design System 系列的第 8 期的节选内容,在余下的全文内容中(付费部分)我们将继续对着三类 Pattern 进行展开讲解,以及基于这个思路梳理的第一版 Pattern 大图。接下来我们也将沿着这张大图进行逐个的分析和方案阐述。

加入 PinDesign 会员,获取本期主题「Design Pattern 划分方式是对设计的逻辑思考」的全文内容及本系列前 2 期周刊的赠送。

Design System 是 PinDesign 周刊的一个新系列,基于「Design Systems」这本书结构框架的读书笔记和经验总结。希望将自己的感受和经验分享给大家,辅助大家的阅读。

点击领取 PinDesign 会员计划 50 元优惠券

Design System 系列已更新:
5key:什么是 Design Systemzhuanlan.zhihu.com图标5key:Design Systems 02 - 什么是 Design Principleszhuanlan.zhihu.com图标5key:Components 与 Patterns 究竟有什么区别zhuanlan.zhihu.com图标5key:你该为产品设计怎样的气质zhuanlan.zhihu.com图标5key:Design System 中的 Design Tokenzhuanlan.zhihu.com图标5key:Design Pattern 实例 - 用户通知与中断zhuanlan.zhihu.com图标5key:Design Pattern 组合实例 - 列表页设计思考zhuanlan.zhihu.com图标

点击下方链接,了解 PinDesign 会员计划详细信息:

PinDesign 互联网产品设计周刊wap.youzan.com

文章被以下专栏收录

    我推荐的不仅仅是apps,更是一种态度。 偶尔我也会聊聊和 apps 相关的设计,请保持关注! 微信搜索「Pinapps」