2012年最新反馈式交互设计方法

  何为交互设计?

  交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面。 交互设计师首先进行用户研究相关领域,以及潜在用户,设计人造物的行为,并从有用性,可用性和情感因素(usefulness, usability and emotional)等方面来评估设计质量。那么2012年最新反馈式交互设计的常用方法有哪些呢?

  利用视觉来提供反馈式交互设计

  我们可以改变界面的视觉呈现效果和视觉元素属性来改变反馈的表型形式。譬如在鼠标移入图片增加浮动层,改变风格样式,增加图片圈选的效果,或者页面的配色和大小等方式来实施正面反馈。前面提到链接被点击之前和被点击之后所呈现高对比的背景色。Google plus加载过程中注水的过程,或者用户注册时填写正确时所给出的状态提示图标。再比如Twitter中页脚模块,鼠标划入通过改变文字颜色等方式来突出显示

  在比如一个非常典型的例子,鼠标指针的状态变化。操作者(用户)将鼠标移动到可输入文字的文本区域,指针会发生变化,变成I的标识,意味着可输字。再比如鼠标鼠标指针的状态变化,当用户将鼠标指向一个可交互的界面元素,如链接或者是按钮,他们会希望按钮变成手形,链接变为手形,并增加下划线,来反馈并告知用户链接和文本区别。如果系统在这里并没有做出符合或者达到符合用户预期的反馈,那么用户很有可能会为此感到迷惑,甚至不解。

  利用动画效果提供反馈

  其实,动画自身就属于视觉表现的一种方式,比如说登陆WordPress管理后台时,用户名和密码错误,登陆框表单会表现出抖动的效果。提示用户输入用户名或密码错误。根据动画的视觉表现是,也可以将动画效果运用在反馈上

  比如说页面内的锚点链接跳转,在系统默认的情况下,锚点跳转没有任何动画过度效果,页面只是很突兀的移动到锚点所指定的位置,而现如今,我们可以在很多优秀注重用户体验的网站中看到具有平滑滚动效果链接的跳转。部分网站在页面在目标到达位置后,将锚点所指定的位置进行高亮显示。这种细微的改变使得整个交互方式更加符合用户的直接。同时可以很清晰的讲交互结果呈现给用户。