交互设计师Web交互设计师的定义-baidubaike
交互设计师Web交互设计师的定义
秉承以用户为中心的设计理念,应用“以目标为导向的设计”方法,进行互联网产品的设计。
这是关于交互设计师的一个基本定义。无论是现有的交互设计师或是对交互设计有兴趣正打算入行的人都会考虑这个问题。“到底交互设计师是干什么的?”“怎么干?”“是因为我在网页设计方面有经验有能力于是就能当交互设计师了吗?”交互设计师首先需要认同“以用户为中心”的设计理念。有了为用户着想的观念,接下来就是方法,怎么设计才能很好的为用户服务?在我看来,目前实现UCD最有效的方法就是Alancooper提出的“以目标为导向的设计”方案。实际上“交互设计”这个名词也是他提出来的。交互设计师的特点
交互设计师善于表达,以网页语言表达,以网页语言表达产品要告诉用户的信息,要显示给用户的操作功能。
所以,凡是涉及到表达、传达的问题,都可以找交互设计师来做,也应该由交互设计师来做。
产品经理考虑要做个什么产品才有价值,交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现,还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达,而是使用网页语言表达。我们经常会讨论一个按钮的位置,讨论某个状态下光标的样式,声讨应该写成“登录”而非“登陆”。这些都是网页语言表达。有些时候,有些交互设计师会问,“网页上的文字要我来写吗?产品经理比我了解的更清楚,他(她)们写吧?”如果说交互设计师的应该具备“善于表达”的特点,那么,网页上的文字就应该由交互设计师来编写,虽然产品经理更了解产品,但是产品经理并不是最懂得如何想用户表达的人,交互设计师是。我们会讨论“你”还是“我”这样的称谓问题,会注意不要在页面上出现“用户”这样的字眼,这些都是文字表达的问题。对交互设计师的要求
文字表达能力:写邮件,写blog,写各种东西。如前所述,文字表达是页面表达的一部分,具备一定的文字表达能力是必要的。
语言表达能力:多说,开会的时候要发言,一对一的讨论要花心思。较好的语言表达能力是与同事沟通的必要素质,更为重要的是,语言表达能力是表达能力的一种体现。如果面对面,一对一的交流都有困难,怎么能保证用页面间接的跟用户交流能交流清楚呢。
(省略掉两个关于内部工作方法的话题)web交互设计师的工作内容
内容包括:对产品进行行为设计和界面设计。行为设计是指各种用户操作后的效果设计。Web的操作以点击为主。点击操作又可以分为“表单提交”类和“跳转链接”类两种。除点击外,还涉及到拖拽操作等。界面设计包括:页面布局、内容展示等众多界面展现。例如:使用按钮还是使用图标?字号大小的应用,如何使用tab..之所以特意提出这样一个话题,是为了强调除了“界面设计”,还需要“行为设计”。交互设计在被认识的过程中会有很多误区,常见的是把交互设计理解为一种专业的、高级的界面设计。一个产品不好用很多时候是因为流程上有问题,页面表现的挺合理,但是,点击了一下之后,就会发现“走不下去了”。流程是一系列的操作,也需要设计。如何进行一个产品的交互设计?第一步.信息构架设计
深入理解产品的目标、功能需求。将这些目标、需求转化为界面表现。把内容合理的归类整理为若干的界面。信息构架的设计意味着对导航的设计。“导航栏共有几级?每级几项?”这些问题将随着信息构架的设计而确定。信息构架设计的要求:1.符合用户心理模型
2.尽量保持窄而浅的信息树这一步工作需要和产品经理充分的交流。第二步.界面细节设计
在整体信息构架确定的基础上,对界面上的细节进行推敲。界面细节设计的要求:1.符合web可用性标准
2.符合图形用户界面的基本准则
3.符合现有互联网上业已形成的设计习惯
4.符合大多数互联网用户使用电脑的习惯(目前只想到这几条)这些细节设计更像是交互设计的专业,通常其他职位的人不会染指。显然这些工作是很有价值的,但是创造性并不大,价值也不很大。随着互联网这个行业的成熟,细节上的表现会更统一、更规范。也许今天我们今天激烈争论的问题,几年后已经很成型了,不需要再争论了。相比之下,信息构架的设计更具有创造性,自由度更大。
5年前,RobertReimann为Cooper通讯(theCooperNewsletter)写了第一篇题为《如果你想成为一名交互设计师》的文章。和许多人一样,我读后大受启发:那正是我理想的职业。听从Reimann的建议,我接受培训,成了一名交互设计师。现在,因为我的书的缘故,我发现人们开始问我同样的问题:如何成为一名交互设计师?成为一名交互设计师意味着什么?每天究竟要做哪些工作?Reimann的佳作依然值得借鉴,在此基础上我再补充些我自己的看法。最近五年的交互设计
在Reimann写下《如果你想成为一名交互设计师》之后的5年中,交互设计领域发生了许多变化。网络泡沫导致不少设计师纷纷离开这个领域。但是网络新近的复苏又使新的从业者加入进来。为了促进业内知识的累积,交互设计师们成立了一个新的团体:交互设计协会(Reimann为首届主席)。此外,继软件、互联网等“传统”业务之后,交互设计开始进入一些新的领域,包括手机,医疗设备,金融,娱乐与零售服务等。而传统领域也在发生变化:互联网已成为应用软件设计的平台,即便是那些无需在线编程和运行的软件,也日渐成为“在线工作”与“下线工作”的混合体。就连操作系统也在逐步摆脱25年前赖以建构的桌面隐喻的束缚。一切都显得那么自然,有如探囊取物使交互设计师在今天成为一份理想的职业。交互设计师的一天
根据时间和项目的不同,交互设计师的日常工作包括:客户访谈,现场研究,头脑风暴,撰写文档,制作原型以及产品测试。具体工作取决于项目进程。除了埋头撰写文档的日子(如框架构建),每一天都会有所不同。不错,依然有很多EEMP:写邮件(Email),收邮件(Email),会议(meeting)和报告(presentation)。但其间也不乏令人兴奋的时刻。
交互设计师受聘同创意打交道使抽象的想法付诸现实。很少有工作能够这般精彩。你可以通过头脑风暴,想象前所未有的事物,然后建造出来。还可以塑造行为,使世界变得更加有趣美好。你将用彩笔在白板和“随意贴”上描绘自己的创意,帮助人们解决问题。如果你足够出色,还有机会同那些拥有先进科技及巨大影响力的公司合作,让世界因你而不同。要实现上述梦想,你必须具备3个条件:气质、培训和经验。气质
Reimann对于气质价值的论述依旧准确。对于用户的“同情共感”与学习新事物的能力是任何设计师都不可或缺的两大特质。也是该职业必备的基石。这并不意味着你需要成为“擅于交际的人物”(当然这样更好)。但确实意味着你应当对人类感兴趣,包括人的行为与局限性。你至少理论上要关注人与社会环境。一名优秀的交互设计师需要学会设身处地为用户着想,而不是把自己想象成用户,或者把用户看作与自己类似的人。你们很可能截然不同。在MBTI人格测验中(Myers-Briggspersonalityscale),拥有“直觉型”人格(“N”:intuitive)同样十分关键。能够凭借直觉进行跳跃性思维对设计师而言至关重要。因为你不可能永远看清问题全局,接触每一个用户,对项目了然于胸。你不得不猜测与假设这时你需要直觉。培训
如果你认为自己的气质适合这样的工作,下一步就需要学习一些基础知识。选择好的入门书,如:《软件观念革命-交互设计精髓》(AboutFace2.0),《DesigningInterfaces》与《UniversalPrinciplesofDesign》。还需要了解你的工作介质,比如互联网,移动通讯和软件系统。你不必成为一名程序员,但需要了解每种介质技术上的可行性。工业设计准则与良好的沟通技巧也很有帮助。
与有经验的设计师共处,无论是在工作中,还是通过非正式的聚会、会议或者在线交流(比如交互设计协会(IxDA)的邮件讨论)同样受益匪浅(我在这里提到的很多问题都曾在那里讨论过)。那些信手拈来的知识,观点与方法都是设计文化的一部分。少说话,用心听。快速培训的途径之一即在校学习(尽管过程紧凑,学费高昂)。我现在首推三所学校:卡耐基-梅隆大学(CarnegieMellon)、伊利诺斯州立大学的设计学院(InstituteofDesign)和英国皇家设计学院(RoyalCollegeofArt)。遗憾的是,上述学校提供的都是面向研究生的课程。我还不知道任何本科阶段的交互设计专业。不过相信未来几年将会出现。没有交互设计的本科专业,大学阶段该如何准备呢?我的建议如下:进入一所好的设计院校学习工业设计或传媒设计(你都能学到有用的技能),或者关注设计以外的任意领域。人文学科、人类学、文学、心理学、社会学、戏剧、政治、文化研究都有助于你成为一名更加丰富的设计师。经验
培训与知识储备,这些还远远不够。即便作为一名交互设计读物的作者,我依然认为书本只能为你提供从业背景,只有设计本身才能让你成长为一名交互设计师。设计经验从何而来呢?主要有两个方法:一所好的学校能让你接触到现实课题(关于商务、技术以及用户限制);你也可以提供专业设计或免费为别人设计(后者非无路可走请慎用)。
邮件讨论,本地团体与人才市场是着手找工作的首选。多数工作是通过口头推荐找来的,因此同其他设计者的联系也能有所帮助。自我展示
尽管Cooper,Google那样的公司会在求职过程中或让你完成一系列的测试,所有的公司都要求作品展示(portfolio)。准确地说你要准备两类作品:一份在线,一份书面。在线作品集应当提供作品综述,可以包含一些样本文件。书面作品集(面试携带)则是对作品更加深刻的展现,以便你论述项目问题与解决过程。不要光介绍成果,工作过程也很重要。
没有作品怎么办?找找看。这个世界充满有待解决的问题,设计一个解决方案。为什么要做交互设计师?
因为这样你就能改变世界。不错,我们貌似只是在修补按钮、下拉菜单、仪表什么的,但真正的工作却是改变这个世界,一点一滴让它更加人性。我们帮助人们完成日常工作,无论是游戏,救生还是转账。我们将自己的价值注入这个世界,让事物变得有用,易用,愉快,健康。这样的工作真不赖。--------------------------------------------------------------------------------
DanSaffer是AdaptivePath的高级交互设计师。在电子商务,应用软件,硬件等领域表现出色。曾与LucentTechnologies,WarnerBro,MAYAViz等多家公司合作。高级交互设计师职位描述:
1.对交互设计过程有深入的了解,可以独立完成整个设计过程(交互流程、角色模型等等交互设计方法能熟练应用);
2.开发产品原型,配合进行用户测试及分析。
3.协助产品开发人员和界面/视觉设计师进行详细设计和产品实现。任职资格:
1.交互设计/工业设计/人因工程/工业心理学等相关专业本科(含)以上学历,2.IT交互设计从业经验两年以上,具有较多的实际产品经验者优先。如果您健康积极有朝气,对互联网行业充满兴趣与激情,渴望成功如果您具有创新意识和高度的责任心,具有较强的适应能力如果您具备较好的专业素养和职业修养,善于沟通协作[编辑本段]交互设计师的发展前景随着网络和新技术的发展,各种新产品和交互方式越来越多,人们也越来越重视交互的体验,许多公司、网站、新兴的行业都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面影响很大,因此交互设计师也越来越受到重视。待积累经验后可发展为项目经理等管理。其一般月薪为3000-10000元,。作为一个交互设计师,必须要对用户体验方面的理论有较深的理解和认识,有一定视觉设计和XHTML/CSS等相关岗位的技术和技能,熟悉UI设计的基本规范,具有良好的创意设计能力,;shuian运用Photoshop和Dreamweaver等设计工具,良好的客户服务意识[1]。
扩展阅读:交互设计师常用的web设计模式
交互设计师常用的web设计模式
交互设计师在设计线框图原型时,熟知常见的web设计模式很有帮助,做到“心中有数”才能创造出符合需求,用户易学易用的界面来。所谓“没有必要重复发明轮子”,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面、提高效率。常见的UI设计模式如下图:
下面分别进行具体分析,遇到不同需求的时候就可以选择合适UI设计模式。01.主体/细节(Master/Detail)模式
主体/细节模式可以分为横向和纵向两种。如果想让用户在同一页面下,引导他们在类目下高效地切换,这无疑是一种理想的方式。如果主体信息对于用户来说更重要,最好选择横向布局。或是主体部分不仅条目多而且包含信息也多,那也该选择这种横向布局。举例来说:
Windows窗口属于纵向排布
Macmail的横向排布
0.2分栏浏览
分栏浏览也分为横向和纵向两种。用户可以通过它,选择不同的类别点进并逐步引导用户找到需要的信息。举例:
Outlook采用逐级分栏的界面,用户可以选择进入“收件箱”>“某封收
件”>“具体邮件内容”
0.3搜索/结果
搜索屏幕模式对于想快速、直接看到具体结果的用户来说非常便捷。从很简单的到非常复杂的都有。
Gmail采用简单搜索
而对于google学术的用户,高级搜索限定更复杂的搜索条件会提炼出用户更期
望得到的信息。
0.4过滤数据组
分为横向和纵向。开始定义一些已知信息,之后通过限定条件对搜索后的结果进行再过滤。
51job用户在使用简单搜索输入所需职位后,纵向布局的左边面板提供诸如“发
布时间、薪金”等条件,进一步优化信息
以京东为例,多数电子商务网站在用户初步模糊搜索后,提供进一步优化的过滤
条件。上图中,京东采用的是横向排列方式
0.5表单
表单类型众多,也是最能体现用户体验是否良好的地方。其中包含很多内容,推荐专门介绍表单的书:《WebFormDesign:FillingintheBlanks》。
注册信息一般使用表单
0.6调色盘/画布
调色盘/画布虽然不算最常见模式,但它对于创造图形类文档有着不可替代的优势:比如设计线性或非线性图;流程图;页面布局;制定物理大小的设计/图表或控制布局。
对于设计师来说调色盘/画布这种模式并不陌生,常用软件,例如:Axure、ps
都是采用这种方式。
0.7仪表盘
一个设计完善的仪表盘应提供:一目了然的关键信息,实时数据,易读的图形和操作,清晰的入口和浏览。理论上讲,在一个屏幕下展示复杂的数据本身就很难。
之前我用水晶易表为苏宁电器做的实时监控各个地区门店销售系统仪表盘0.8电子表格
方便用户快速浏览,编辑大板块信息的理想模式。电子表格需要提供下列功能:标准的表格(诸如分类,隐藏/显示栏目,重列栏目,分组(如果可以)),全局撤销/重做,增加/插入/删除排,键盘导航,导入和导出。
淘宝购物车选择使用电子表格,可以让用户对已选商品进行快速编辑(增加/减
少数量,删除等)0.9向导
对于复杂的或是不常见的流程,向导/快速启动屏幕模式可以有效地导航。
京东上使用wizard快速引导不熟悉流程的顾客完成付款
0.10.Q&A
Q&A模式是指用户通过选取相符条件,从而自主找到适合自己的解决方案。Q&A不同于搜索模式,它通常需要了解用户基础上,通过提问来帮助用户弄清他们缺乏经验的在哪里(比如健康保险,抵押,计划,购买)有哪些可供的选择或建议。
上海移动资费导购系统可以让用户通过回答几个问题,可以建议用户选择哪种话
费套餐
0.11.平行面板
平行面板屏幕模式可以收起(一次只显示一个),也可以展开(同时显示全部)。这种模式适合组织大量类似或相互影响的信息,让用户在同一页面更高效的获得信息。最佳应用在:需要申请者需要填写各种没有顺序的类别目录。0.12.交互模型
交互模型屏幕模式应用在很多交互要素需要与关键项目(比如日历、地图、图标、画布等)进行交互的时候。是一种用户体验更贴近用户心智模型的模式。在日历、地图、线状图、预设可能场景分析(包括计算器),所见即所得编辑器(包括图片处理)时应用效果非常好。
Google的calendar在日历上可以直接编辑提示内容
附加:13.空白状态
空白状态指在任何数据输入或进入系统前,应用的自然状态。Gettingreal一书曾说空白状态的屏幕使得用户更期待。通过给用户一种预览来降低担心、沮丧和犹豫。空白状态屏幕包括:视频,快速教程,帮助提示,安装后的截图。
Wufoo是一个在线表单设计网站,初始后会引导用户建立表单14.其他模式
还有两种广泛使用但在企业软件很少使用的模式。
-门户:如果你是市场调研专家,商业需求分析师和用户反馈调研员设计门户,可以参考控制面板的设计规范和案例。
-Tabs:其实Tab是一种部件,不是一种模式。它为在多种同语境下的数据提供多选一选择。如果数据结构导致你的设计tab显得很多。有两个小建议:第一,重新考虑架构。通过使用卡片分类或请教一名专业的信息架构师;第二,可以参考平行面板的规范和案例。
参考文献:《Designinginterfaces》and《Designingwebinterfaces》
友情提示:本文中关于《交互设计师Web交互设计师的定义-baidubaike》给出的范例仅供您参考拓展思维使用,交互设计师Web交互设计师的定义-baidubaike:该篇文章建议您自主创作。
来源:网络整理 免责声明:本文仅限学习分享,如产生版权问题,请联系我们及时删除。
《交互设计师Web交互设计师的定义-baidubaike》
由互联网用户整理提供,转载分享请保留原作者信息,谢谢!
http://m.bsmz.net/gongwen/650773.html
- 上一篇:武汉开来建筑设计院工作总结27
- 下一篇:玻璃幕墙验收报告