交互设计是一种思维过程

标签: 交互设计 思维 | 发表时间:2012-05-03 03:29 | 作者:张雅秋
出处:http://ucdchina.com/rss/all

最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件?

我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法“说一不二”。工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注。 不过,我以为然设计师要少些“匠气”,多思考“为什么”,“怎么做”,也就是从“术”逐步转化为“道”的层面。这么说起来似乎太玄。

这段时间我一直在想一个问题——设计,尤其是交互设计是否可以归结为思维过程。

思维方式一:从“平面”到“舞台”的设计
一位交互设计前辈曾说设计思维的局限有时在于太拘泥于面前的那个“方块”,如果你把面前的二维方形界面转化一个思维,将它翻转一下,看成一个舞台,你需要的元素都是你的演员,什么时候转场,什么时候出现那位角色,如何出现……很多事情都会豁然开朗。

其实这种思维方法,就把平时面对的二维交互界面更佳贴合用户接触的三维、四维空间,达到模拟现实,增加用户操作的感知和理解。

或许刚这样说,可能还无法hold。举个例子,在实际工作中,我们可能会和团队一起讨论这个页面是否应该出现某功能,出现在哪里?以及这个功能元素如何出现。可能大家争论不休,谁也没有特别能服众的理由。其实这个时候就可以使用这种思维方法,把这个功能元素当作演员,如果你是导演,那么这个演员应该在:

  • 何时出现:用户什么时候需要它?
  • 演员在合适的时间来到合适的位置上,出现在哪里才不会影响主角的风采,也足够醒目呢:它的出现会影响我主要功能吗?它的出现用户可以感知到吗?
  • 它的出场是该渐渐显露还是突然出现呢:转场、 跳转、 浮出还是弹出合适?
思维方式二:交互设计是关于“时间”的
上述的思维方式还帮助我们思考“何时出现”,这就是交互设计中非常重要的“时间线”的设计。设计都是有时间的,可能很多设计师包括我自己都经常忽略到这点。用户是从开始到最后有时间流逝活动的对象,随着时间的推移,交互介质和交互场景都会发生转化。 即使同一个元素,不同时间状态上展示的方式都应该有所不同。关于这一点举个简单的例子你就会马上明白。

 

app store 对于软件的安装中,你会发现,当你第一次安装的时候,状态显示的是“免费”,即向用户表明这是一款什么性质的app。当已经安装但是有新的更新,则显示“更新”,表示当前app有更新,可以点击更新。当用户已经安装最新版本后,则显示置灰的“已安装”,告诉用户你已经安装过了,不用再操作了。置灰是防止用户误操作的好方法,这个在 《容错性设计》中有描述这里就不多说啦。

思维方式三:“术”的过程

这里的说的“术”,不仅包含交互设计的初期需要掌握快速原型的方法(纸上快速表现也不错哦),更多的是对 常见交互模式的熟知。

如果你认可:设计是用来解决问题的。交互设计往往为问题提供解决方案。那么,熟知已有的ui模式对于你用来解决常见问题非常有用。

例如,平行面板模式(手风琴模式)可以收起(一次只显示一个),也可以展开(同时显示全部)。这种模式适合组织大量类似或相互影响的信息,让用户在同一页面更高效的获得信息。最佳应用在:需要申请者需要填写各种没有顺序的类别目录。

更多关于设计模式的可以参考 《常见UI设计模式》。除了这些平时需要多看不同的产品界面,接触越多拿出手的才能越多。

思维方式四:创新

记得读研的时候,做装置艺术的一位导师说:“所谓设计的创新就是把本应该大的东西做小,本应该小的东西放大。”现在想来,其实可以扩散开来,把一些常规的组合打散,把一些元素重新组合。摆脱常规就是一种创新。

比如之前看到的一个按钮,把loading状态和取消组合在一起了,这就不同于我们常见的长条状进度条,右侧取消按钮的模式。这种把不同元素重新组合一起就是一种创新啊。

这些都是我之前的一点理解,不敢说绝对正确,有些甚至是几种不同的思维过程的集合。

 

感谢彪叔对我交互设计思维的启发。

 

源地址: http://www.zhangyq.com/interaction-design-thinking/

相关 [交互设计 思维] 推荐:

交互设计是一种思维过程

- - 所有文章 - UCD大社区
最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师. 我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法“说一不二”. 工具固然很重要,现在很多大企业的设计部门都在制定设计标准,规范性的软件工具掌握越来越受到关注. 不过,我以为然设计师要少些“匠气”,多思考“为什么”,“怎么做”,也就是从“术”逐步转化为“道”的层面.

交互设计-简单

- DayuLu - 腾讯CDC
  交互设计是近几年流行的一个词语. 现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等. 从场景,任务,用户,操作等分析. 但由于受实际情况的限制,往往不能很深入. 所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的. 如果要说什么是一个好的交互设计,个人浅见就是简单. 本文以下内容都是围绕简单2字进行展开.

交互设计初体验

- - 微博UDC
9月初,我来到新浪微博UDC部门交互设计岗位实习. 在接近四个月的学习时间里,我对交互设计行业有了深一步的了解,认识到了交互设计师的一些具体职责. 鉴于之前接受的知识大多来自书本或网络上的文章,在校期间参与项目的机会并不多,因此,我对此次实习做了一些总结:一方面,希望鞭策自己,在以后的工作中有所进步;另一方面,也希望能帮助刚步入交互设计行业的同学更快的适应工作,更好地学习交互设计.

交互设计入门–了解交互设计

- - 互联网的那点事...
为什么会有交互设计,交互设计能够做什么?. ▎1.成功的互联网产品具备哪些要素. ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力. 那么成功的产品首先要具备– 可实现模型. ”当然不是,产品的终极目标是盈利,你的领导也只关心这个.

交互设计师如何做交互?

- Jerry - UED TEAM,用户体验设计,web前端开发
尽管很多谈及交互的书上都已经回答过了:. 发现用户需要,建立明确需求. 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节. 其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别. 下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步.

web交互设计原则和模式

- shallwelin - 译言-
原文作者:Bill Scott. 原文链接:Designing Web Interfaces Principles and Patterns for Rich Interaction. web界面设计(丰富交互设计的原则和模式). (本书英文版大家可以到我blog下载:http://blog.youmila.com/?p=325).

好的交互设计就是简单

- 小宇 - 互联网的那点事...
交互设计是近几年流行的一个词语. 现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等. 从场景,任务,用户,操作等分析. 但由于受实际情况的限制,往往不能很深入. 所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的. 如果要说什么是一个好的交互设计,个人浅见就是简单. 本文以下内容都是围绕简单2字进行展开.

浅析手机语音交互设计

- Elic - 所有文章 - UCD大社区
语音识别技术,也被称为自动语音识别,其目标是将人类的语音中的词汇内容转换为计算机可读的输入,例如按键、二进制编码或者字符序列. 语音识别技术作为输入方式,比按键输入和手势输入更为快捷,学习成本很低,对于非特定人连续语音识别系统的识别率达到98.73%,已经达到实用要求,具有广阔的应用前景,在手机端的应用有语音拨号、语音输入、语音命令、语音搜索和语音翻译等.

交互设计那些事儿(二)

- leeking001 - Heidi格物志
《交互设计那些事儿》之一完工后,承蒙各位抬爱,在微博时代被大量转发和分享,也让我收到一些邮件,询问我下篇为何还不出来. 请原谅我的惰性,每个周末都给自己找了不少借口一拖再拖,上个周末又在家里养了两天的病——在此提醒朋友们,换季季节,多喝水,多休息,少生病哈. 在《交互设计那些事儿》之一中,大概聊了一下交互设计的背景以及意义,简单聊了下工作中交互设计开展的流程和协作方式.