交互设计的思维过程全解析

你好恩哼

你好恩哼

2016-02-17 02:21

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享交互设计的思维过程全解析吧。

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

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

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

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

交互设计的思维过程全解析,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

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

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

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

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

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

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

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

交互设计的思维过程全解析,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

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

思维方式三:术的过程

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

交互设计的思维过程全解析,PS教程,图老师教程网

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

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

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

思维方式四:创新

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

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

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

展开更多 50%)
分享

猜你喜欢

交互设计的思维过程全解析

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
交互设计的思维过程全解析

解析交互设计中的拖放交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析交互设计中的拖放交互设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

解析交互设计领域的包豪斯运动

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析交互设计领域的包豪斯运动

分享交互设计规划的设计推导过程

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
分享交互设计规划的设计推导过程

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析何为交互设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析何为交互设计心得

设计师如何发现交互设计中的思维盲区

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师如何发现交互设计中的思维盲区

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

解析平面广告设计创意公式

解析平面广告设计创意公式

漫谈跨平台应用的统一与差异化设计

漫谈跨平台应用的统一与差异化设计
下拉加载更多内容 ↓