Hi,我是优设小编

cyRotel

浏览全部 4613 篇文章

到我的微博瞧瞧

入门经验分享!一个交互新人的交互设计初体验

interactive-design-initial-experience-1

@正儿八经的卢小盹儿 :交互设计初体验系列是我在从事交互设计半年多的时间里在工作中和自我学习中积累的一些关于它的思考和经验,也是对自己今年工作上的获得的成长和收获的一个小结。适合初级的交互设计师和对交互设计感兴趣的同学阅读,很多欠缺的地方希望能和大家多交流。

交互设计师这个职业似乎是这几年才开始在中国的一些公司慢慢出现,正处在一个发展的阶段。之前也很少听到有关于这个职业的介绍和培训。而这两年随着“用户体验”越来越多的被运用到产品的设计和商业的发展中,交互设计也在被更多的公司和企业所重视,虽然依然有很多的老板依然分不清UI和UE的差别,依然有很多公司里,交互和产品经理是同一个人,交互和视觉也是同一个人。

在中国,设有交互设计这个专业的大学目前也只有两个学校:江南大学和香港理工大学。而我作为一个插画设计专业出身的交互新人,在毕业之后没有去做美工也没有去当插画师,而是顺应着自己的兴趣和一点点的幸运进入到这个行业,如今我已经是个半岁多的交互设计师,虽然没有在一个大的公司参与更多有挑战的项目,但是依然在这半年里在自己的工作和实践中积累了一些经验和心得体会。之所以不知天高地厚的在这里和大家分享自己的交互初体验,并不是因为有多么牛的阅历和多么成功的项目。从毕业时的迷茫徘徊到现在笃定自信的坚持选择交互设计这个职业作为我未来职业生涯的开端,一路的抉择和思考,不断的突破和打破自己,每一个挑战和成长,感悟和坚定都使我拥有一份勇气和责任在这里和大家一同分享一同成长,希望能给初入交互设计行业的新人或者有兴趣加入到这个行业的新人一点建议和启发,也是对自己从事交互设计行业以来的一点总结吧,欢迎大家拍砖吐槽,和我交流。

交互设计师是做什么的?

关于交互设计师的解释,引用在《破茧成蝶》中作者向他的朋友介绍自己职业的时候的一段话:“我是一名建筑设计师,不过我不设计房子,我设计互联网产品,比如产品的结构、信息层级、使用流程等。”这样说,可能对于大多数不曾接触过这个行业的人还是有些难以理解,那我就先以大多数人比较了解的视觉设计师作为对比来讲一下它和交互设计师的区别,再通过几个例子的对比来为你解答这个问题。

在开始先了解一下GUI(视觉设计师)和UE(交互设计师)之间的区别。作为一个初入交互设计行业的人来说在这上面多少会对有一些困惑,我也曾挣扎过,在想是放弃做交互继续做视觉还是继续坚持最初的选择。原因在于,第一:在工作中,交互设计师的产物一般都是线框图,流程图,信息构架,交互文档等可视性没那么强的产物,大部分的时间是用在调研,和小组成员脑暴、思考分析、画图。比如这样

21jh20151231

但是视觉设计师的工作似乎看起来就更有意思一些,它所设计出的结果似乎每个人都能一定的发言权,并且都可以根据自己的主观感受做出评价,比如下面这几张海报:

1jh20151231

是不是很赏心悦目呢,但是欣赏完之后,除了赞叹设计师的别具匠心和大开的脑洞,但它们似乎并不能为你解决什么问题。

那么究竟视觉设计和交互设计在内容和关注点上有哪些不同呢?

2jh20151231

3jh20151231

 体验的时代的交互设计

上周末去参加了TEDxcaohejing名为“体验者”的交流大会,到场的五位嘉宾分别从他们的各自的领域向我们介绍在他们工作的过程中如何将“体验”二字贯彻到实际的项目中去,从而得到用户口碑和商业盈利上的提升。用户的主导权越来越重,决定用户二次消费的很大一部分原因就是在于第一次使用时的用户体验好坏与否。不得不说,现在已然是一个“体验的时代”,那么交互设计在这个体验的时代究竟在体现怎样的价值,在扮演着什么样的角色呢?

在过去,人们获取信息的方式主要依靠电视新闻、广播和报纸来获取信息,这是信息in the past的时代;而现在,web2.0时代的到来,智能手机的普及4G网络的覆盖,让越来越多的人感受到移动端网带给我们的便捷和获取信息的高效,任何新闻都不再是单一渠道发布,我们获取信息的方式越来越多,我们接受新鲜事物的速度也越来越快,越来越多新的商业模式开始衍生,越来越多的常态用户被改造,我们想知道的可以立马知道,我们想买的东西也能在互联网上立马找到,所有的有形的无形的事物都被集中在一块块的电子屏幕后面被我们浏览,而我们获取这些信息最常用的途径就是手机,移动端开始成为整合服务的入口,成为连接人和服务的最佳入口,现在是一个信息in the now的时代。那么在这样一个信息快速流通,人们越来越焦虑,越来越没耐心的时代,不再会有人心甘情愿盯着一个没有提示并且匀速加载的进度条一等等几个小时,比如这样

4jh20151231

也没有人会对一个不知道到底要表达什么,操作后会发生什么的页面进行操作,比如这样

5jh20151231

还有让选择恐惧症的你不禁菊花一紧的设计,这个应该很多人都眼熟的

6jh20151231

这些设计已经足以使本宝宝的心肌梗赛了,何谈用户体验呢?那么好的交互设计究竟可以做些什么呢?如何才能避免这些令人心塞的设计以提高用户的体验?

交互设计似乎经常会和用户体验一起被提起,那么用户体验又是什么呢?很多人会用一些晦涩难懂的专业词汇来解释,其实一句话就是:“你在使用产品时的主观感受。”而好的交互设计自然就是可以提升用户设计体验而做的设计了,在这里分享一个视频,用三分钟告诉你什么是用户体验,然后我们再接着聊交互设计到底在做些什么。链接在此 http://meia.me/course/168058

然后再放出几个最常见的例子来看看好的交互设计会如何做。

7jh20151231

8jh20151231

9jh20151231

以上是截取的某宝web端上的单品购买页面,如果今年双十一天猫960多亿的交易额也有你贡献的一份,先憋急着喊剁手,先来思考一下马大叔家的设计师们都做了些什么,为什么购物车的按钮会一直悬浮在顶部,为什么花费大量的空间去提升用户的信任度,为什么购物车和加入收藏的按钮颜色不一样?那些你曾不注意过小细节往往就是引领着你走向剁手者联盟的关键啊亲!!这些都是交互设计需要思考的问题。

02917156803fa40000013c5db6ef02

上面是微信的公共平台的注册页面的反馈提醒,每操作到下一步,它就会对于上面的错误输入给出及时的反馈并给出解释,这让我觉得很容易就知道自己哪里做错了并且知道如何修正。

以上的例子对比,应该能让你大概知道如何区分什么是好的交互设计什么是不好的交互设计了。而一个好的交互设计师,是能够帮助用户高效愉悦的完成产品最初所设想的任务而不受任何阻碍和打击,使你的产品设计更加符合用户的心智模型。如果你是做电商,你就需要知道你面对的用户是哪几种类型的人,都有什么样的购物习惯,他们一般在什么情景下最容易做出购买决策,什么情景下最容易放弃。如何引导他们做出决策,如何让他们对无形的商品产生信任并为之付出消费,这些看似和交互设计没什么太大的联系的,往往都和交互设计师的工作密不可分。

第一期的分享总结就到这里啦,下一章将和大家聊聊交互职业生涯的不同阶段所面对的难题以及交互设计师需掌握的几个能力和快速成长的方法。虽然能力有限写的不够好,但是希望能或多或少给你们带来一些小小的启发和帮助。

有问题可以加作者私人微信:mollylulu263

欢迎关注作者集创人喵卡的微信公众号哟:

608064836554511179

【为了这8个指南也得存书签!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

作者:@正儿八经的卢小盹儿

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量107万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/interactive-design-initial-experience