当前位置 : IT培训网 > ui设计 > 界面设计 > 交互设计过程中的思维过程

交互设计过程中的思维过程

时间:2016-11-07 15:45:54  来源:IT资讯网  作者:IT培训网  已有:名学员访问该课程
这段时间经常收到一些同学们的来信,而却问的问题都是大同小异:怎么才能成为一名交互设计师?都应该学习哪些软件?刚开始我还不知道怎么回答,可能是因为交互设计师是一个要求综合能力的职业,不能以点概面。设计的工具是

这段时间经常收到一些同学们的来信,而却问的问题都是大同小异:怎么才能成为一名交互设计师?都应该学习哪些软件?刚开始我还不知道怎么回答,可能是因为交互设计师是一个要求综合能力的职业,不能以点概面。设计的工具是非常重要的,而且现在很多企业都制定了设计的标准,规范性的软件也是受到更多的人关注。 不过,我以为然设计师要少些“匠气”,多思考“为什么”,“怎么做”,也就是从“术”逐步转化为“道”的层面。这么说起来似乎太玄。

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

思维方式一:从“平面”到“舞台”的设计

交互设计过程中的思维过程_www.itpxw.cn

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

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

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

何时出现:用户什么时候需要它?

演员在合适的时间来到合适的位置上,出现在哪里才不会影响主角的风采,也足够醒目呢:它的出现会影响我主要功能吗?它的出现用户可以感知到吗?

它的出场是该渐渐显露还是突然出现呢:转场、 跳转、 浮出还是弹出合适?

思维方式二:交互设计是关于“时间”的

上述的思维方式还帮助我们思考“何时出现”,这就是交互设计中非常重要的“时间线”的设计。设计都是有时间的,可能很多设计师包括我自己都经常忽略到这点。用户是从开始到最后有时间流逝活动的对象,随着时间的推移,交互介质和交互场景都会发生转化。 即使同一个元素,不同时间状态上展示的方式都应该有所不同。关于这一点举个简单的例子你就会马上明白。

交互设计过程中的思维过程_www.itpxw.cn

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

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

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

交互设计过程中的思维过程_www.itpxw.cn

是对常见交互模式的熟知。

交互设计过程中的思维过程_www.itpxw.cn

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

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

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

思维方式四:创新

还记得当初在读研区间,有一个做装潢设计的老师曾经说过:“所谓的创新设计就是把本应该大的东西做小,本应该小的东西做大。”现在回想一下,其实是可以分散来看的,常规的组合可以打散处理,在把一下元素组合起来。不按照常规就是创新吧。好像之

前看到的一个按钮,把loading状态和取消在重新组合一下,这样就和我们之前的进度条不一样了,种把不同元素重新组合一起就是一种创新啊。上面说的这些都是我之前的一些理解,虽然不是绝对正确,但是还是可以学习一下的。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容