如何设计易于理解的交互式系统？

Created

Jan 8, 2022 5:20 PM

Tags

https://ralphammer.com/now-i-get-it/
如何设计易于理解的交互式系统？
好吧，这一切都归结为两件事: 结构和过程。 structure and process
Step 1 — Structure: What’s there?

每当我们看到一些东西，我们就会理解我们所看到的。看看我们周围的世界是一个积极的过程。

879e98fde5c3450aae531e9cf6c33f32

我们试图看到结构。为什么？

因为当我们看到结构时，我们可以预测接下来会发生什么。
我们也可以预测我们行为的后果。
观察结构---- 把点连接起来---- 对我们的决策至关重要。

因此，当有人看到你的设计(比如说用户界面)时，他们需要了解其底层结构，才能采取行动。我们如何设计这样一个结构？
We create order.

我们首先要对我们想要交流的东西有一个大致的了解。例如，如果我们设计一个展览，我们收集我们想要展示的所有东西，如果我们设计一个用户界面，我们收集我们想要人们能够访问的所有内容。

df4a4665f940448ab6becd7178113c61

接下来我们找到一个合适的顺序，或者更好的顺序: 这些元素的顺序。
组织结构是我们强加于我们所看到的东西。有很多方法来安排事情。例如，当你在商店里寻找你的尺寸的鞋子时，线性结构是非常好的，等级结构帮助你浏览一本书的内容或者博物馆的收藏。通过标记你最喜欢的图片，你创建了一个根茎网络结构。甚至连故事也有某种顺序: 在我们生活中发生的所有怪异事件中，我们选择其中一些ーー而忽略其他许多ーー以线性的方式将它们联系起来。这使得这些事件以一种逻辑因果关系的方式出现。我们字面意思是“有意义的”。

8e884c0c1acf4a3eac952031b17087ad

那么，我们如何为手头的设计任务找到“正确”的order呢？

我们希望使用什么样的顺序取决于使用信息的人、他们的意图和他们所处的情况。这是我们设计过程的一部分，为手头的任务挑选合适的订单。

Then we show the structure.

理解我们想要如何组织我们的内容是一回事，但是我们如何帮助其他人真正看到它呢？我们需要把结构和视觉表达手段联系起来。例如，在文本布局中，您可能总是使用特定的颜色来表示某些类别。或者你也可以安排一些视觉项目ーー图片、文字等等ーー以显示哪些部分属于一起的方式。甚至标题的字体粗细也表明了文本的层次结构。

b2dfc2430d78401b9a81cada4734a473

我知道这听起来很明显，你可能想知道为什么我甚至懒得提起它。我这样做是因为很多界面、产品、网站、展览指南等等都缺乏内容和形式之间的一致语义联系(毕竟这是一门基础设计课程)。

Step 2 — Process: What’s happening?

什么都没有发生。总是有事情发生。一直都是！我们不仅仅创建静态的东西，比如接口、对象或布局。我们设计的动态系统中，人们与这些东西互动。这就是为什么理解时间模式如此重要的原因。
我们需要加强我们对过程的感知。
并不是所有这些都是可以立即看到的。有些速度很慢，有些速度很快，还有一些你看不到。我们实践对运动和变化的感知，并理解人们如何解释这些动态。

b3249a4872a84829a90aada5fd75e780

We show process.

9d801ed03bc146119984ee4eb05036ba

描述过程的方法有静态和动态两种。我个人最喜欢的是故事板和单张图片，它们展示了正在发生的事情的本质。

Step 3 — Designing an Interactive System

还有很多: 场景、体验旅程、线框图等等。无论你选择什么工具，描绘过程都会及时地培养你的思维，这当然是设计行为的基础。
我所说的系统是什么意思？我用这个词来指一组连接的元素及其相互作用。

53cca85bab974db7b43baebe7e5510ec

在我们花园的例子中，所有的生命和非生命实体(动物、植物、微生物、石头等等)都是相互联系和影响的。它们形成了一个系统。在你的手机上构成应用程序的编程代码块也是如此。
设计一个系统意味着编排它的元素之间的相互作用。
如果这样的系统是开放的，那么它就被认为是“交互式的” ，这意味着有很多方法可以参与到系统内部的进程中。当然，有一系列的交互活动，从非常基本的反应行为到高度复杂的会话交互。\

7988474ac21f436ba5edb5c4c7271977

例如，你可以利用交互性为听众提供个性化的信息，从而避免他们获得大量无关信息ーー想想数字字典和模拟字典之间的区别。我们可以让人们探索内容，让他们真正理解正在发生的事情。让我们不要忘记人与人之间的基本互动。交互系统也可以启动社交互动。想象一个人们可以一起体验和学习的展览。
那么，你是如何想出交互性的点子的呢？
在众多的交互方式中，我想指出两种:
一种是解决问题的方法。您将探索“人们需要什么”这个问题.这为潜在的答案奠定了基础，然后你可以缩小到最有希望的解决方案。
第二种方法来源于设计师对他们所使用的媒介的专业知识。

27cf8f6123f24e0ba74a448a4fc45f64

当我教授交互设计的基础知识时，我鼓励学生使用纸张作为交互媒介。为什么是纸？因为他们可以凭直觉使用它。他们之所以能够这样做，是因为他们已经体验这些材料很多年了。他们可能不是折纸大师(还) ，但他们有一个基本的理解材料。正是对媒介的这种理解，使他们能够将问题与合适的解决方案联系起来。
一旦他们对编程有了直观的理解，他们可能会用代码来提出数字媒体的设计解决方案。同样的，常规的园艺可能有助于获得对生物系统更直观的理解。
无论你设计什么样的交互式系统，你都要清楚地理解它的目的ーー通过结构和过程ーー以及对所用材料的直观理解。