交互设计与无意识设计

2016-02-17 03:14 19 1 收藏

今天图老师小编给大家展示的是交互设计与无意识设计,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - 平面设计 】

深泽的设计的关键词:无意识设计 whitout thought 直觉设计 消除设计障碍 融入生活 细节 简洁 人情味 换回某种记忆 似曾相识

喜欢深泽很多年了,刚开始学设计时,在网上第一次看到深泽的作品时就被深深的吸引住了,他的设计理念和生活态度一直指引着我的设计方向。如今毕业了,进入了互联网设计领域,重温他的作品,还是能给我工作中带来不少启示。

如今交互设计主要针对软件和屏幕,但我认为硬件设计,也就是那些能摸的着的实体,都是交互设计。 深泽直人

在做分享前,对于舒适的产品印象我让同学们做了头脑风暴,以下是大家的反馈:

安全 尺度 优雅 自然 本源 质感 占有 厚实 所见及所得 朴实 美感 舒适 节约 自然 生命力的 亲和 实在 方便 不多不少 理所应当 直觉 不用思考 贴近生活 可爱

在深泽直人的设计作品中,以上舒适的产品印象都能在他的作品中找到!

身为日本当代最活跃的产品设计师,深泽直人的设计融合了日本美学与西方实用技巧,设计作品屡获设计各大设计奖项。

深泽直人的设计主张Without Thought,强调无意识的设计,

不管是产品简洁的外型,或是消费者直觉的使用,都回归到生活本质的设计出发。

先来谈谈无意识设计 ,无意识设计理论,即为通过有意识的设计,实现无意识的行为,给人有意味的享受。无意识其实是心理学的一个术语,是指一些想法、观念等并不被我们所意识到,它们贮藏在内心深处,但是会通过相应的行为表现出来。记得以前读庄子的时候,有一个故事大意是讲:最舒服的鞋子就是能让人感觉不到鞋子的存在,或者说是让人很快就忘记了自己穿着鞋子。

深泽的作品简洁,去除了一些多余的修饰成分,让设计回归本源。他的设计简单纯粹,当我们看到它的作品时自然而然会有一种舒服的亲近感。产品就如同人一样,当面对一个浓妆艳抹的女人时,人们多半会给她贴上傲慢,无法亲近的标签,而面对一个裸妆的女人时,你会觉得轻松自然,可亲近。 过多的修饰和功能的叠加会给增加用户心里负担。要尽量减少产品给用户带来的挫败感。

在他的作品里,你绝对看不到披着华丽外表空壳的设计,每一件作品,都是一次深度的思考,出于设计让生活更美好的初衷。而这些思考的背后,源于对细节的关注。

交互设计与无意识设计,PS教程,图老师教程网

图1 带凹槽的伞 深泽直人

以上是一把带有凹槽的伞。在没有告诉这个凹槽有什么作用时,我问了周围的朋友,你们觉得开这个小槽有什么作用呢?80%的答案都是可以在凹槽中方上塑料带。深泽的用意就在于此。为什么在没有被告知设计用意时,大家一眼就能理解了设计的用意,因为这个潜意识被这个设计唤醒了。也许大家都有过这样的体验:在多雨的季节,出行时我们习惯带一把伞,坐公车时,如果手中拎着较多的东西,我们的习惯会把袋子搁在雨伞上,虽然一次又一次滑落,但还是一遍遍重复着把袋子拖到最顶部的动作。而这时只要在伞的弯钩处再设计一个凹槽,这样伞把就多了一个功能悬挂塑料袋。

无意识并不是真的没意识,而是指我们知道自己要什么,但还没意识到自己到底想要什么。而深泽关注的,正是我们所忽略的有关无意识的种种细节。

当在网上你邂逅了一首你特喜欢的歌,这时你会做哪些操作,下载,收藏,然后呢,前两个操作你还是停留在那首歌上,接下来你是不是会去搜歌手的名字,可他别的歌风格你会觉得和刚那首有出入,这时有一部分人比如我,会去百度:和《XX》歌相似的歌推荐。

某天无意中使用了谷歌的播放器,居然惊喜的发现了相似歌曲,这个不是用户的直接需求,而是潜在的需求,但谷歌把它挖掘出来了。并做了精心的相似歌曲推荐,让我觉得像被照顾到了,被考虑到了。这个小小的贴心的设计让我对谷歌音乐留下了深刻的印象,如今我放弃了别的音乐网站忠于谷歌音乐。只因为这个小小的细节。

交互设计与无意识设计,PS教程,图老师教程网

现在各大网站功能都趋于相似,要想抓住用户的心,必须关注细节的设计,当你真的为用户考虑周全了,用户是会感觉到的。交互设计不仅仅是产品与用户之间生理行为上的交互,更在于心理上的交互。最终起作用的决定用户选择或放弃的还是在用户的心理上,只有在心理上用户认同了产品,产品的交互才具有最终的含义。

如果说无意识设计的灵感是源自于是对于生活细节点滴的关注和积累,那真正把设计推到另一个高峰,吸引众人的眼球的,便是设计与环境的完美结合。

交互设计与无意识设计,PS教程,图老师教程网

图2 带有纸篓的打印机 深泽直人

图2为深泽设计一款打印机,深泽在设计这款打印机时,不去关注打印机形,而是注意到了打印机和周围环境的关系,比如和废纸篓的关系。一般在使用打印机的周围可能有废纸篓。我们很多人,包括我们做设计的人,往往不止打印一张。而是打几张出来,会挑选其中一张,然后把其他的扔掉。

那么我们下意识的行为来自哪里?–深泽直人说:环境引发了行为(Environments provoke behaviors)当人们与环境有和谐的互动时,我们称之为美。

对于生活的产品,我们在设计的时候要关注它所处的环境,把设计能融入到环境中,而在网站中我们为用户设计的界面就是网站中的环境。一个个设计组建和元素都必须要很和谐的融入在整个大环境中,与其说环境与设计,我可以换个理解的方法,就是在这个环境中,事先预想好这个环境下用户可能会操作的动作。我暂且把环境设计等同于一个页面中可能存在的行为设计。

举个很好的实例:豆瓣读书。

交互设计与无意识设计,PS教程,图老师教程网

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

豆瓣读书的用户体验非常好,每个设计都和环境非常和谐,我把读书比作是环境,这个页面中,我们可以看书简介,作者和相关价格。并能通过用户对书的打分和评价对书做初步的判断。左侧信息设计与书本身密切相关。右侧的信息设计则扩展了用户的下一步行为,购书,推荐标签,同好,相关小组,活动推荐。

整个读书环境 和谐自然,用户不会因为单纯在了解到了一本书后关闭网页,我们下意识的去看了更多推荐,并认识了志同道合的朋友,环境引发了行为。

好的交互在设计最初就要求设计师能够换位站在用户的角度去感知用户的需求,以用户为中心,充分为考虑用户的使用情境,为用户营造一个熟悉的氛围,也就是要求设计师的表现模型尽可能的接近用户的心理模型。

交互设计与无意识设计,PS教程,图老师教程网

交互设计与无意识设计,PS教程,图老师教程网

图3 W11K手机 深泽直人

像这个2003年设计的W11K手机,来自于深泽年幼时的记忆,削土豆时,本来是圆的,后来变成轻微有斜面的,削皮之后,会有一些赃,把土豆往水里一放就会有很干净的感觉,并且斜面让土豆变得滑溜有质感。他确信别人也喜欢这种感觉(触觉)。那么把手机设计成这样,可以唤醒大家共同的童年记忆,于是我们觉得这款手机是有感情的有记忆的,会有购买欲。

如今人们越来越宅,网络的发达让人轻松的体验网购带来的方便和快捷,可过程却缺少了一点乐趣。特迷恋过年和朋友一起去商城抢购的快感。

今年12月,一场疯狂的虚拟排队活动在中国内地悄然开展,并迅速引发网络热潮。这是著名日本休闲服装品牌优衣库与人人网合作推出的UNIQLO LUCKY LINE网上排队活动。参与者用自己的人人网账号登录活动页面,选择一个卡通形象,就可以用这个小人和其他人一起,在优衣库的虚拟店面前排起一串长长的队伍。网友在优衣库网站虚拟UNIQLO店铺排队购物,即有机会获得iPhone4、iPad、旅游券、特别版纪念T恤、9折优惠卷等礼物。短短一周时间,这次网上排队活动已经有超过93万人次参与。参与者在排队的同时,还会在其人人网主页上生成一条新鲜事消息,分享给其好友,排队的人多了,就出现了刷屏。从12月3日登陆人人网,不到两周时间,优衣库的粉丝人数已经接近11万人。

交互设计与无意识设计,PS教程,图老师教程网

交互设计与无意识设计,PS教程,图老师教程网

当然我也玩了,说下最直观的一些体会,强烈的设计感与品牌符号感,视觉印象上非常出位,也满足了作为时尚品牌的表达诉求。优衣库和人人网合作, 群体比较契合,由于那段时间网上种种以iPhone4、iPad为诱饵屡见不鲜, 所以完全没有报以希望。主要吸引我的是排队本身的体验新奇好玩,以至于我一遍遍推动网页去前面看排我前面的人有没熟人。

优衣库把无聊甚至令人厌烦的排队变成了一件时髦事儿。当然,更是它自己的营销利器。也许不是人人都爱凑热闹,但排队似乎正在成潮。苹果发售新品时的排队盛况已经不再是新鲜事,去年上海世博参观的排队长龙一辈子难忘。把现实生活的体验搬到网络中,为用户营造一个熟悉的氛围,这种全新的排队体验让用户颇感新鲜。

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

注重产品使用过程中的体验,尝试用设计师式的优雅去引领潮流。

交互设计与无意识设计,PS教程,图老师教程网

图4 MUJ- CD机 深泽直人

如果你也喜欢深泽直人,你一定见过这款Muji CD机,它就如一个风扇,下面一条拉绳。人们看到这个形态感觉很熟悉,觉得有亲切感。似乎在哪里见过。无意识的就去拉下了绳子,音乐响起。再拉动一下,音乐停止。操作如果简单,完全不需要使用说明书。抛开Muji CD机极具创意的外形来看它的播放过程。它只有一个向下拉的操作,极致简单的设计美学。另一方面它,打开开关,它并不会立即启动,而是间隔一下,音乐随即开始,设计师仿佛在营造一种声音从远方传来的意境,亲切而舒适。我想这就是节奏的一个表象,实际上这种稍显延迟的设计也同样出现在iPhone发布时的一个场景,Jobs听着音乐而此时他的同事打来电话,音乐缓慢落下转换为铃声,到通话结束,一个小的间隔之后,音乐响起。类比前面的两个例子。Muji CD机的,功能会让位于设计,如将曲目切换,音量调节被放置在不方便操作的位置,这种强调设计意志的产品有时会给人一些设计师孤芳自赏的感觉,所以可以将这种优雅比作是设计师式的优雅,当我们的团队有了足够和行业领导力以及顶尖的设计水平之时,便可以尝试用这种设计师式的优雅去引领潮流。(此段后半段取自我曾经的摘录)

每次看他的作品都是一次视觉的享受,每次拜读他的文字和观点都是一次观念的洗礼。今天对于作品分析先写到这里。日后若想到一些,我会及时补充到这里。希望今后的工作中,我们能把无意识的设计理念带入到网站交互设计中。

用深泽直人的一句话来做结尾:设计一件东西往往和我们无意识的行为和我们周围的环境有关。思考需要时间,感觉则可能在片刻内完成。一件物品给你的第一感觉很重要,而当使用了一段时间之后你会发现你最初失掉的感觉才是设计的精髓所在。这就是不假思索背后的含义。

来源:https://www.tulaoshi.com/n/20160217/1577971.html

延伸阅读
最近做了一次口碑网注册流程改造,简单说一下激活邮件的设计上的一些小心得: 1、尽量不要用图片,尤其是别把激活链接做成一个点击按钮。 2、尽量少的给链接,最好只有一个显眼的链接。其他链接一律变短,弱化。链接明文显示。 以上两点,都是基于激活邮件的第一要素:简洁,省去所有不必要的干扰元素。让用户打开邮件,快速点击激活链...
作用:跳转到上一个页面或下一个页面。 元素:分类的基本元素有:上页+页码+下页(如标注1);总页码(如标注2);跳转页(如标注3);确认按钮(如标注4); 场景:根据以上这些基本元素在不同的场景会有不同的组合 (场景1)19楼论坛: 论坛页面数量多的时候会达到上千页;分页的内容多数是顶贴或者是原创陆续更新帖子所以一般用户都会查看首页原创...
导读:微软bing在推出时很多人就觉得这个搜索引擎界面与众不同,没有使用谷歌简单直接的界面,而是用许多精美的图片作为网站界面,当然作为微软bing来说,还有许多好玩创意的交互设计功能。 微软的bing 已经除了有一段时间了,之前玩了一下没有特别的感觉,但前两天,不小心发现bing 的视频搜索功能十分强大。于是好好的用了一下,发现bing 的...
交互设计师的工作中,基础的工具、常识、流程,这些都能够轻松学习到;最终的产出物,也能够找得到成熟的范本;而只有中间的经验,只能来自积淀,没有速成的方法。 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助。 提纲: 1. 入门 1.1. 工具 1.2. 原则/常...
现在是一个全民都在讲用户体验,人人都懂交互设计的时代。可是,大家是否真的了解何为交互设计? 近些年来,随着交互设计概念越来越为人们所熟知,交互设计师这个职位,也已经在互联网公司里得到广泛并且专业化的应用对于交互设计的定义、目标和作用,人们或多或少,都能说出个八九不离十。即便是行业外的人,如果跟他说起交互设计是做什么的,...

经验教程

772

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部