产品沉思录 产品沉思录 产品沉思录 产品沉思录
如何设计易于理解的交互式系统?

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

ralph ammer

设计易于理解的交互式系统需要关注结构和过程。结构帮助用户预测行为后果并做出决策,而过程则强调动态交互的重要性。通过合理的视觉表达和对动态变化的理解,设计师可以创建有效的交互体验。探索用户需求和利用材料的直观理解是产生交互想法的关键。

来自 ralph ammer

一个简单的问题: 如何设计易于理解的交互式系统?

归根结底就是两件事: 结构和过程。

看看我们周围的世界是一个积极的过程。

但是我们要试图看它的结构。为什么?

因为当我们看到结构时,我们可以预测接下来会发生什么。

我们也可以预测我们行为的后果。观察结构,对我们的决策至关重要。

因此,当有人看你的设计时,他们需要了解底层结构才能采取行动。

我们如何设计这样一个结构?

我们创造秩序。

我们从概述我们想要交流的内容开始。

例如,如果我们设计一个展览,我们收集所有我们想展示的东西,

如果我们设计一个用户界面,我们收集所有我们想让人们访问的内容。

接下来,我们找到一个合适的顺序。

当你在商店里找到你的尺码的鞋子时,线性结构是很棒的,

层次结构可以帮助你浏览书籍或博物馆的收藏品。

通过标记你最喜欢的图片,你创建了一个根茎网络结构。

甚至连故事也是某种顺序: 在我们生活中发生的所有怪事中,我们选择了一些(而忽略了许多其他事情) ,

以线性方式将它们联系起来。

这使得这些事件以逻辑上的因果关系表现出来。

我们真的“讲得通”。

那么,我们如何找到“正确的”秩序?

我们想要使用什么样的顺序取决于使用信息的人,他们的意图和他们所处的情况。

为手头的任务挑选合适的秩序是我们设计过程的一部分。

然后我们展示结构。

我们需要将结构与视觉表达方式联系起来。

我知道这听起来很明显。

因为很多界面、产品、网站、展览指南等等都缺乏内容和形式之间一致的语义联系。

现在我们已经解析了组件的结构,让我们看看这些组件是如何随时间变化的。

我们不仅仅创建静态的东西,比如接口、对象或布局。

我们设计动态系统,让人们与这些东西互动。

这就是为什么及时了解模式是如此重要。

我们需要提高对过程的认识。

不是所有的都能马上看到。有些非常慢,有些非常快,还有一些隐藏在你的视野之外。

我们练习对运动和变化的感知,并理解人们如何解释这些动态。

我们展示过程。

有许多方法来描述过程。

我个人最喜欢的是 storyboards 和图片,它们展示了正在发生的事情的本质。

这里还有很多选择方式: 场景、体验旅行、线框图等等。

无论你选择什么工具,描绘过程都会及时培养你的思维,

我说的系统是什么意思?

我用这个词来指一组连接的元素及其相互作用。

以我们的花园为例,所有的生物和非生物(动物、植物、微生物、石头等等)是相互联系和相互影响的。

它们形成了一个系统。

对于在手机上构成应用程序的编程代码块也是如此。

设计一个系统意味着协调它的元素之间的相互作用。

如果这样一个系统是开放的,那么它就被认为是“交互式的”,

这意味着可以通过各种方式与系统内部发生的进程进行互动。

例如,人们可以通过互动为受众提供个性化的信息,从而省去了大量不相关的信息。

想想数字词典和模拟词典之间的区别。可

以让人们探索内容,让他们(从字面上)理解正在发生的事情。

让我们不要忘记人与人之间的基本互动。

交互式系统也可以启动社交互动。

想象一下这样一个展览,人们可以一起体验和学习。

那么,你是如何想出互动的点子的呢?

在众多寻找交互想法的方法中,我想指出两点:

一是解决问题的方法。你探索了“人们需要什么”这个问题.这为可能的答案奠定了基础,然后将其缩小到最有希望的解决方案。

第二种方法来源于设计师对他们使用的媒介的专业知识。

当我教交互设计的基础知识时,我鼓励学生使用纸张作为交互媒介。

为什么是纸?

因为他们可以凭直觉处理。他们之所以能够这样做,是因为他们已经经历了多年的材料。

他们可能还不是折纸大师,但是他们对材料有一个基本的理解。

正是这种对媒介的理解,使他们能够将问题与适当的解决方案联系起来。

无论你设计什么样的交互式系统,你都要清楚地理解它的用途。

通过结构和过程ー与直观地理解你所使用的材料联系在一起。

推荐: