专业知识分享其他

一个完全不同的设计思维过程

2020-05-186 MIN READ原载于微信公众号 ↗

这是一个完全不同的设计思维

为什么我不用网络上通用的设计设计思维过程?从理论上讲,设计思维过程应该是松散的,步骤之间应该相互重叠,而不是变成一个序列。在实践中,设计思维最终成为一个循环,具有某种程度上已定义的开始和结束,即使是非线性版本的设计思维框架也围绕着重要事件的顺序循环。

设计思维框架

资料来源:维基百科

这与我的创作过程并不相符。

在设计思维过程中,我没有任何成功的经验,我尝试了所有的方法:

  • 以人为中心的设计
  • 双钻石模型
  • 设计冲刺
  • 4W’s
  • LUMA
  • Deep Dive算法

但激进的简单框架可以以一种完全不同的方式工作。

没有预先定义的步骤,也没有设定好的顺序。相反,我们使用可操作的工具。我们可以减少、合并或抽象系统节点,使得任何动作都可以在任何时间、任何次数应用。

我有时会从降低系统的复杂性开始,然后试着忘记我所知道的,不断地尝试转换我的观点,并想象新的约束条件在我们设计思维中。

在你的设计思维过程中,你可能想:改变你的观点,然后忘记你的偏见,降低复杂性,也许能再一次改变角度,降低复杂性一点等等,如此反复得到你想要的设计思维。

以下是我如何用基本简化过程的概念来想象我的设计思维,我称之为沉思迷雾。

激进的简单性框架的核心概念

是一种深思熟虑的迷雾

1 核心概念

激进的简单性是一种思维方式,它的核心概念不会一下子就出现,也不会随机地与我们的想法交织在一起。

这就好像你会不停地问自己,还有其他的方法吗?

与其说这是一个创造性的过程,不如说这是一个发现的过程。它是混乱的,无结构主义的,就好像和在赌场里玩骰子游戏一样令人兴奋,并且在骰子的两边印着核心概念:

  • 忘却以前和现在的想法
  • 换个角度去思考问题
  • 降低复杂性
  • 想象新的约束条件

每次你掷骰子,你都会得到一个随机且通常不同的结果。

不管是好是坏,我通常会以“一个新的设计版本”结束,而不仅仅是最初问题的一个稍微好的版本。

2   核心业务

除了核心概念之外,我还创建了一个核心操作系统,以稍微简化分解过程,并帮助您将其应用于新的简化问题。

在运行中能够反映核心概念,也更具可操作性。

基本简单框架的主要操作有助于集中思考过程

每个创新过程都是不同的,没有任何一种通用方法或配方。我建议按照您认为合适的方式混合和匹配操作,直到您对结果满意为止。

3    案例

组合和分离

联系:

组合和分离是一个动态设置,允许非技术团队成员控制应用程序的状态,而它字面上的意思是:组合或分离显示接口元素。这是一个非常强大的抽象,这是一个关于它如何产生的小故事。

首先,让我们再创建一个操作时间轴。

操作时间线为组合和分离的简化过程

分步操作时间线:

我们可以问自己,如果我们减少React应用程序中当前的状态管理方式,会发生什么?像Redux这样的缩减器所管理的元素的本质是什么?

在这一点上,我们不太需要在意React路由器。这里有一个有趣的事实,我们没有使用新的状态抽象来解决路由,但它仍然没有得到解决,因为实现和测试新机器的需要更加重要。我们有一些关于如何引入路线的想法,但是我们将需要再进行一次迭代才能将它带回家。

我们已经将视角从配置转移到了组件上。流转作为一种设计概念,允许在可见元素之间移动。有时一项显示为页面上唯一的一项,有时它与其他元素一起显示。

当我们将视图文件作为一个可以存放其他视图文件的文件夹的概念,结合在一起并分离时,我们就得到了可预测状态机的结构。

在第一次实现之后,我们添加了另一个难题,即基于数据设置流。为了实现这个想法,我们创建了一个通用链接,并将其导入到数据控制的数据中。

水平和垂直

联系:

水平和垂直指的是应用程序布局中新的容器类型。它们决定了内部元素是相邻呈现还是一个在另一个之上呈现:水平名称和垂直名称与分布的可视表示相关,并且可以降低了使用flex-direction CSS属性的认知负荷。在我们发布了视图的第一个版本(在time Pages中称为视图)之后,我们看到了AirBnB Lona(2017年首次发布)、FramerX(2018年首次发布)和无数其他界面创作工具中使用的水平和垂直视图。

水平和垂直简化过程的操作时间线

分步操作时间线:

最初的假设是,我们想减少对CSS ids和类的需求,因为它们和HTML之间有很多的复杂性。

我们抽象了HTML基元中的nto基本内容块,比如文本、图像、Svg和容器。不过,在这一点上,我们还不清楚到底需要哪种类型的容器。

下一步,我们从样式表中抽象出CSS样式,并将它们直接添加到每个块的下面,这使得样式表变得冗长,因此我们必须减少节点。

一旦我们组合了块和道具,剩下的未知就只有容器和布局了。由于flex-direction CSS属性感觉就像一个无底洞,因此我们减少了它并将其函数抽象为块名。水平和垂直,就完成了。

水平和垂直总结

在对HTML和CSS的复杂性进行了彻底的简化处理之后,新系统中的顶级元素最终只有两个(容器和内容块),而不是五个(id、类、HTML文件、div和布局基元、CSS样式表)。

原文:查看链接 ↗

作者:Tom Parandyk

译者:益生菌菌

原文请戳【阅读原文】

为尊重版权和译者

转载请联系我们

我们

服务.体验.交互设计传道者

「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。

教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。

清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询