网站地图    收藏   

主页 > 设计 > 网页设计 >

揭开交互设计的神秘面纱_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

  什么是交互设计?

  为了让大家了解交互设计,首先我们来谈谈交互设计的概念。

  相信很多人都听说过工业设计、视觉传达设计、建筑设计、环艺设计和服装设计等,但是除了交互设计从业人员之外,应该很少有人知道交互设计,更不用说理解交互设计的概念了。

  先来扯下历史:交互设计是于20世纪70年代末80年代初,由两位工业设计师——Bill Moggridge(交互设计之父,近年刚刚去世) 和Bill Verplank创造出“交互设计”(interaction design)这个词来描述他们所从事的工作,二位大神当时正在忙于发明世界上第一台笔记本电脑,可见最初交互设计是从电脑行业发展而来的。

  接下来说说其概念:目前为止对于交互设计,有很多国内外的理论专家教授进行了相关的定义。但是每个人的侧重点都不同,总的来说从理论层面来讲——交互设计是致力于了解目标用户和他们的期望,了解用户在同产品交互(互动)时彼此的行为,了解“人”本身的心理和行为特点等,从而设计出让用户易用,有效的提升用户愉悦感体验的一种设计的方法,其中重点关注用户的行为和心理是交互设计的重要设计方法。上述交互概念很理论化,抽象化,大家理不理解影响也不是很大,但可以肯定一点的是,交互设计这个方法必然会沿用到设计的各个行业。但在目前来说,交互设计主要集中在的是数码3C产品界面、互联网产品、软件的设计。大约90%都是集中在互联网产品(如网站、手机app等)和软件(如office软件)界面的设计。这样就导致了很多人认为交互设计就是界面(UI)设计,虽然很狭隘,但是也是有原因的,因为交互设计就是从这类行业产生的。

  暂且抛开概念,为了方便大家更好的了解什么是交互设计,那么我们就来看看我国目前交互设计师主要做一些什么工作吧。

  交互设计师的主要工作

  如下图:交互设计现在一般可以分为软交互硬交互 ,软交互主要是针对于界面的设计,而硬交互主要是实体产品的交互设计,例如和机器人之间的互动设计、体感游戏、手势交互电视和其他一些数码类产品等等。

揭开交互设计的神秘面纱 三联

  目前国内大约90%的交互设计师都是从事软件界面的设计。现在逐渐国内也开始逐渐出现了从事硬交互的设计师。接下来我们来了解下大多数交互设计师的工作:由于国内互联网软件公司比较多,每个公司对于交互设计师的工作都略有差异,但是大多数是相同的。由于公司的结构大小的影响,小一点的公司一般没有专门的交互设计师,大部分是由pm(产品经理)或者视觉设计师来做交互设计师的工作,pm或视觉设计师代替交互设计师的前提一般是产品结构比较小,不需要太多复杂的交互和体验。但是倘若你能力很强一个人包打天下也是可以做一些产品结构非常复杂的设计,但一般人的能力终归有限,而且术业有专攻。目前绝大多数的公司,例如典型的四大门户,都有专门的交互设计师,而且每个职位分的很明确,这样也和大公司的结构和批量化产出相匹配。现在逐渐很多小型的公司也意识到交互设计师给产品带来的价值是不可替代的,所以专门的交互设计师也逐渐开始出现在小公司中。

  接下来我们来看看国内交互设计师所从事的工作和具体的产出:

  帮助pm梳理需求:pm主要是把握产品的方向以及用户需求的提出,但是pm在提出需求的时候,有可能会太关注需求,而没有很仔细的从用户的使用场景、行为、心理等角度来把握需求,所以有可能有的需求是不合理的,所以需要交互设计师共同讨论需求的合理性,让产品变得轻量化。

  根据pm给出的需求列表或者需求文档,从用户和产品的角度来思考和设计产品的整体交互框架、设计好的交互方式从而提高交互的效率性和流畅性等。

  输出产品的交互文档。

  跟进整个设计的实现进度。

  和视觉设计师沟通,产出预期的视觉效果图。

  在开发过程中和软件工程师相互沟通,在技术和设计之间达到平衡。

  产品开发完成后,和QA(测试人员)一起测试,看是否达到设计的要求。

  做一些竞品分析,让产品如何在竞品中脱颖而出,提升产品的体验,让用户使用更加方便,愉悦。

  上述这些便是初级的交互设计主要干的一些工作,其实这些工作也只是交互设计师工作的冰山一角,相了解更多交互设计师的工作,最好的方法就是亲自来体验。

  说了这么说我举个简单地设计case来说说交互设计师的设计工作吧:例如我们在手机锁屏的时候,pm提出如何让用户快速的拍照需求,那么交互设计师就是想出设计方案来满足界面交互中实现这个需求。

2 Kenny带你揭开交互设计的神秘面纱

  方案1

  方案1,需要用户采用下拖拽手势,将圆环拖动到下面拍照的icon中,就可以调出拍照界面。

03 Kenny带你揭开交互设计的神秘面纱

  方案2

  方案2,需要用户在手机界面的右侧边缘向左手势滑动就可以调出对应的拍照界面。这个两个调起拍照界面的方法设计,就是交互设计师的工作,如何在界面中最终实现出这个效果,是由GUI设计师来完成的。

  再举个例子:删除一个app是采用ios的长按app icon然后在icon左上角调出删除按钮,还是长按对应app icon后拖动到对应垃圾桶进行删除,或者是其他的删除方式都是由交互设计师来定义的。

06 Kenny带你揭开交互设计的神秘面纱

  这个两个例子可以从某种角度上也能体现一点交互设计师的工作。其实交互设计师做的工作并不止这些:例如界面中调出某个功能该采用哪一种方式,对话框,还是直接展开界面调出某些功能?该采用哪些动画效果等等,都是交互设计需要设计和考虑的。

  交互设计师的产出

  交互设计师最直接的产出就是低保真的交互文档,文档中包含任务流程、交互方式、界面布局、转场描述和流程说明标注等等很多的东西。如下图是某国内app交互设计师的简单的交互文档(考虑对方保密性,细节笔者已处理):

8 Kenny带你揭开交互设计的神秘面纱

  交互设计师的要求

  为了帮助大家了解交互设计师的具体职位的要求,我们来看看某条典型招聘交互设计师的启示:

  1. 有1年以上的软件行业交互设计工作经验,并有成功案例

  2. 熟悉多类基于互联网的产品,并能有所见解

  3. 工业设计、计算机、心理学、平面设计、广告设计等相关专业,本科以上学历

  4. 熟练运用交互设计各种方法,对用户体验方面的理论有较深的了解和认识,对交互设计在产品设计前、中、后期的职责有深刻的理解与实际应用经验

  5. 良好的跨团队协作能力,与各部门人员密切合作

  6. 逻辑分析能力强,善于分解任务,沟通和协调;较强的写作能力

  7. 具备一定的视觉设计和HTML/CSS代码技能

  第1和第2条:经验和对产品熟悉不用说,每个行业都一样。

  第3条:至少4个设计类相关的专业和心理学的专业都有机会,可见交互设计师是一个需要设计学,心理学、行为学和人机工程学等相互交叉的学科。所以上述每个专业都可能得到机会。有人会问到底哪个专业最适合做交互设计?其实客观的说上述每个专业的人在做交互设计师都有自己的优势。例如设计类专业的学生,大部分设计的sense肯定不错,而且设计的各个学科其实很相通,所以好这也是为什么大部分的交互设计师都是从工业设计和视觉设计转过来的原因。工业设计的学生懂人机工程学,视觉设计的学生版面能力肯定很棒,而且交互设计需要大家懂心理学和行为学,那么心理学专业的学生就占有一定的优势。而且客观的说,倘若你对交互设计有足够的天赋,能胜任这个份工作,那么别的专业也是可以的。还有人会问各大高校有没有交互设计这个专业,从笔者浅显的调查分析,交互设计到国内的时间和被大家知道的时间太短了,这也就导致了交互设计这个专业在国内的大学极少,大中专本科有专业更加少的可怜,大部门学校只有研究生才会开这个方向,而且研究生中只有很少的导师能带这个专业,所以大部分的学生都是跨专业的。

  第4和第5条,也没啥要说的,和别的设计专业类似,也就是专业能力。

  第6条:由于交互设计师的主要工作是根据用户的需求、结合不同的场景,设计产品的界面和使用流程,让用户在使用时更加易用,这其中需要考虑每个任务的逻辑性、完整性、易用性和流畅性等,所以需要很强的逻辑性。较强的写作能力:因为交互设计师需要书写交互文档所以写作能力肯定是要强的,而且交互设计很细微需要大量实践总结,更加需要这方面的能力。

  第7条:笔者之前提过,大部分交互设计都存在于互联网软件,交互设计师从事的是人机交互行业,我们需要对人了解,而且需要对机器了解才能更好的设计,二者都懂才可以在人机交互中建设桥梁,所以懂一定的代码能力是非常好的。而且交互设计师在设计界面的时候,一定需要一定的视觉能力,有视觉的能力才可以保证界面的易用、效率和美观等,这样才能提升用户体验。

  最后,大家都知道设计是和市场挂钩的,用户的需求也是不断变化的,所以对交互设计师的要求也是逐渐增加的.只有不断更新和提高自己的能力才能胜任交互设计师这个工作。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论