最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

交互的概念与设置

教程 小楼一夜听春语 16268浏览

交互不是页面中动态效果,它是用户与程序的互动。

也就是用户做了什么样的操作,程序要对应着给出反馈。

但并不是所有的用户操作,都要给出反馈,这就是进行交互设计时需要考虑的问题。

例如一个用户对按钮的操作。

单击、双击、鼠标进入、拖动等等,都是用户可能出现的操作,对应这些操作,哪些需要给出反馈?哪些不需要反馈?

这里就需要根据产品需求,进行设定。

所以说,交互实际上是为了满足产品需求而存在,它是产品业务流程的关键组成。

那么,一个完整的交互如何来实现?

如果你想完成一个交互,首先你需要能够正确的描述这个交互。

在交互的描述中,有6个关键的要素:主体、触发、情形、动作、目标、设置。

例如:当登录按钮被用户点击时,如果登录信息验证成功,显示提示信息“登录成功!”。

在上面这句交互描述中,交互的主体是用户的操作对象“登录按钮”,触发是用户对按钮进行“点击”时,情形是“登录成功”的情况下,动作是“显示”,显示的目标是“提示信息”,具体的信息设置是“登录成功!”这句话。

在我接触的学员中,有个别学员为原型添加交互非常困难,原因就是对交互的基本概念没有深入的理解。

因为这些学员本身还不具备正确描述一个交互的能力,从而也就无法完成原型的交互设置。

实际上,交互的描述是产品需求文档的主要内容,它是业务需求的细节描述。

所以,我建议在学习产品原型设计之前,先确认自己是否具备撰写产品需求文档的能力。

如果还不具备,那么先进行的这一方面的学习,再进行原型设计的学习也不迟。

从依赖关系来说,文档是原型的基础,原型是文档的具象化。

所谓具象化,简单来说就是,就是把看不见的、不容易理解的内容,变得看得见、容易理解。

这也是原型的重要作用:把难以理解的文档,以可见、可操作的方式进行表达,便于用户理解与反馈,从而达到快速、准确以及有效的沟通。

接下来,我们一起来看,如何把一句交互的文字描述变为可见可操作的原型。

还是以上面的交互描述为例。

第一步,我们需要准备交互所相关的元件。

在画布中,拖入一个按钮元件和一个文本标签元件。

温馨提示:注意是文本标签元件,不是文本框元件。关于元件的用途在《Default元件库介绍》中着重强调过。如果你依然使用了文本框元件,那么,请卸载Axure,它配不上你。

按钮元件的默认文字需要修改为“登录”。

文本标签的默认文字修改为“登录成功!”。

然后,将用于提示的文本标签元件隐藏。

隐藏的操作,在样式面板中,有一个眼睛图标,这个图标一般也会出现在快捷工具栏的最右侧。

第二步、添加交互设置

1、找到主体

用鼠标点中触发交互的主体元件,也就是登录按钮。然后,点击新建交互按钮。

2、选择触发事件

用鼠标点击“单击时”选项。

3、设定情形

当一个用户的操作有多种情形出现时,才需要启用情形,并对满足不同条件的情形分别给出不同的反馈。如果没有任何条件,我们可以直接进入下一步骤。

如果需要设置多种情形,我们可以先完成反馈的设置,再启用情形添加条件。

所以,不用着急,先完成下面的步骤。

4、选择动作

鼠标点击“显示/隐藏”的选项。

5、选择动作控制的目标元件

我们需要显示登录成功的提示元件,所以要在下拉列表中,选取这个元件。

6、对目标元件的具体操作设置。

提示元件的默认文字,我们在之前已经修改完成,不需要再做设置,现在只需要将提示元件显示出来,所以要在设置中选择“显示”的选项。不过,这个选项本来就是默认选中项,所以无需进一步设置,直接点击确定按钮保存设置即可。

最后,根据前面的交互描述,用户在点击登录按钮时存在多种情形,我们可以将鼠标指针停留在“单击时”的文字上方,然后,点击此时出现的“启用情形”按钮。

在新打开的窗口中,可以设置情形的名称为“验证成功”,并设置验证成功的条件。

当然,现在我们还没有学习添加条件的相关知识,可以先略过这一步骤。

到这里,我们已经根据交互描述的6个要素完成了一个交互的添加操作。

在交互面板中,我们能够看到这个交互的描述信息。

由上至下念出来,就是当当登录按钮被用户“单击时,如果验证成功,显示登录成功”的提示。

以上就是关于交互的概念,以及在Axure中如何根据交互的描述完成交互的添加。

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 交互的概念与设置