Tag: 交互设计

交互设计师-让世界因你而不同(1)总述

交互设计师-让世界因你而不同-系列文章目录

交互设计师-让世界因你而不同-系列文章目录


交互设计师-让世界因你而不同系列文章【脑图】

交互设计师-让世界因你而不同系列文章【脑图】

在不注重用户体验的公司,交互设计师等于美工。

在不注重商业审美的设计公司 ,交互设计师等于美工。

在不注重创意的广告公司,交互设计师等于美工。

美工没有什么不好,但是很多人都自称是设计师 ,都感觉自己在做设计。设计师也不是什么牛B的事情,很多人只会软件就会创意。

交互设计师的关键概念是什么?

  • 商业的,区别与非商业的艺术/画家/涂鸦/玩票/自己感觉很吊
  • 创造性,区别与抄袭/纯粹依靠图库/依赖装饰和素材
  • 科学的,区别与个人的主观臆断/所谓的灵感/没有事实的根据
  • 审美的,区别与垃圾的/文字和图片的堆砌/没有生命的图象/让人不感觉愉悦
  • 独立的,区别与没有见解/没有判断/没有坚持/完全受别人控制

Web交互设计师的定义

秉承以用户为中心的设计理念,应用“以目标为导向的设计”方法,进行互联网产品的设计

这是关于交互设计师的一个基本定义。无论是现有的交互设计师或是对交互设计有兴趣正打算入行的人都会考虑这个问题。“到底交互设计师是干什么的?”“怎么干?”“是因为我在网页设计方面有经验有能力于是就能当交互设计师了吗?”交互设计师首先需要 认同“以用户为中心”的设计理念。有了为用户着想的观念,接下来就是方法,怎么设计才能很好的为用户服务?在我看来,目前实现UCD最有效的方法就是 Alan cooper提出的“以目标为导向的设计”方案。实际上“交互设计”这个名词也是他提出来的。

交互设计师的特点

交互设计师善于表达,以网页语言表达,以网页语言表达产品要告诉用户的信息,要显示给用户的操作功能。所以,凡是涉及到表达、传达的问题,都可以找交互设计师来做,也应该由交互设计师来做。产品经理考虑要做个什么产品才有价值,交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现,还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达,而是使用网页语言表达。我们经常会讨论一个按钮的位置,讨论某个状态下光标的样式,声讨应该写成“登录”而非“登陆”。这些都是网页语言表达。
有些时候,有些交互设计师会问,“网页上的文字要我来写吗?产品经理比我了解的更清楚,他(她)们写吧?”如果说交互设计师的应该具备“善于表达”的特点,那么,网页上的文字就应该由交互设计师来编写,虽然产品经理更了解产品,但是产品经理并 不是最懂得如何想用户表达的人,交互设计师是。我们会讨论“你”还是“我”这样的称谓问题,会注意不要在页面上出现“用户”这样的字眼,这些都是文字表达的问题。

对交互设计师的要求

文字表达能力:写邮件,写blog,写各种东西。如前所述,文字表达是页面表达的一部分,具备一定的文字表达能力是必要的。
语言表达能力:多说,开会的时候要发言,一对一的讨论要花心思。
较好的语言表达能力是与同事沟通的必要素质,更为重要的是,语言表达能力是表达能力的一种体现。如果面对面,一对一的交流都有困难,怎么能保证用页面间接的跟用户交流能交流清楚呢。

web交互设计师的工作内容

对产品进行行为设计和界面设计。

行为设计是指各种用户操作后的效果设计。Web的操作以点击为主,点击操作又可以分为“表单提交”类和“跳转链接”类两种。除点击外,还涉及到拖拽操作等。

界面设计包括:页面布局、内容展示等众多界面展现。例如:使用按钮还是使用图标?字号大小的应用,如何使用tab….. 之所以特意提出这样一个话题,是为了强调除了“界面设计”,还需要“行为设计”。交互设计在被认识的过程中会有很多误区,常见的是把交互设计理解为一种专 业的、高级的界面设计。一个产品不好用很多时候是因为流程上有问题,页面表现的挺合理,但是,点击了一下之后,就会发现“走不下去了”。流程是一系列的操 作,也需要设计。

如何进行一个产品的交互设计?

第一步.信息构架设计

深入理解产品的目标、功能需求。将这些目标、需求转化为界面表现。把内容合理的归类整理为若干的界面。信息构架的设计意味着对导航的设计。“导航栏共有几级?每级几项?”这些问题将随着信息构架的设计而确定。
信息构架设计的要求:

  1. 符合用户心理模型。
  2. 尽量保持窄而浅的信息树这一步工作需要和产品经理充分的交流。

第二步.界面细节设计

在整体信息构架确定的基础上,对界面上的细节进行推敲。界面细节设计的要求:

  1. 符合web可用性标准
  2. 符合图形用户界面的基本准则
  3. 符合现有互联网上业已形成的设计习惯……
  4. 符合大多数互联网用户使用电脑的习惯(目前只想到这几条)

这些细节设计更像是交互设计的专业,通常其他职位的人不会染指。显然这些工作是很有价值的,但是创造性并不大,价值也不很大。随着互联网这个行业的成熟,细节上的表现会更统一、规范。也许今天我们今天激烈争论的问题,几年后已经很成型了,不需要 再争论了。相比之下,信息构架的设计更具有创造性,自由度更大。

如何成为一名交互世界师?

5年前,Robert Reimann为Cooper通讯(the Cooper Newsletter)写了第一篇题为《如果你想成为一名交互设计师》的文章。和许多人一样,我读后大受启发:那正是我理想的职业。听从Reimann的 建议,我接受培训,成了一名交互设计师。

现在,因为我的书的缘故,我发现人们开始问我同样的问题:如何成为一名交互设计师?成为一名交互设计师意味着什么?每天究竟要做哪些工作作?Reimann的佳作依然值得借鉴,在此基础上我再补充些我自己的看法。

最近五年的交互设计

在Reimann写下《如果你想成为一名交互设计师》之后的5年中,交互设计领域发生了许多变 化。网络泡沫导致不少设计师纷纷离开这个领域。但是网络新近的复苏又使新的从业者加入进来。为了促进业内知识的累积,交互设计师们成立了一个新的团体:交 互设计协会(Reimann为首届主席)。此外,继软件、互联网等“传统”业务之后,交互设计开始进入一些新的领域,包括手机,医疗设备,金融,娱乐与零售服务等。

而传统领域也在发生变化:互联网已成为应用软件设计的平台,即便是那些无需在线编程和运行的软 件,也日渐成为“在线工作”与“线下工作”的混合体。就连操作系统也在逐步摆脱25年前赖以建构的桌面隐喻的束缚。一切都显得那么自然,有如探囊取物—— 使交互设计师在今天成为一份理想的职业。

交互设计师的一天

根据时间和项目的不同,交互设计师的日常工作包括:客户访谈,现场研究,头脑风暴,撰写文档, 制作原型以及产品测试。具体工作取决于项目进程。除了埋头撰写文档的日子(如框架构建),每一天都会有所不同。不错,依然有很多EEMP:写邮件 (Email),收邮件(Email),会议(meeting)和报告(presentation)。但其间也不乏令人兴奋的时刻。

交互设计师受聘同创意打交道——使抽象的想法付诸现实。很少有工作能够这般精彩。你可以通过头 脑风暴,想象前所未有的事物,然后建造出来。还可以塑造行为,使世界变得更加有趣美好。你将用彩笔在白板和“随意贴”上描绘自己的创意,帮助人们解决问 题。如果你足够出色,还有机会同那些拥有先进科技及巨大影响力的公司合作,让世界因你而不同

要实现上述梦想,你必须具备3个条件:气质、培训和经验。

气质

Reimann对于气质价值的论述依旧准确。对于用户的“同情共感”与学习新事物的能力是任何设计师都不可或缺的两大特质。也是该职业必备的基石。

这并不意味着你需要成为“擅于交际的人物”(当然这样更好)。但确实意味着你应当对人类感兴 趣,包括人的行为与局限性。你至少理论上要关注人与社会环境。一名优秀的交互设计师需要学会设身处地为用户着想,而不是把自己想象成用户,或者把用户看作 与自己类似的人。你们很可能截然不同。

在MBTI人格测验中(Myers-Briggs personality scale),拥有“直觉型”人格(“N”:intuitive)同样十分关键。能够凭借直觉进行跳跃性思维对设计师而言至关重要。因为你不可能永远看清问题全局,接触每一个用户,对项目了然于胸。你不得不猜测与假设——这时你需要直觉。

培训

如果你认为自己的气质适合这样的工作,下一步就需要学习一些基础知识。选择好的入门书,如: About Face系列《软件观念革命-交互设计精髓》(About Face 2.0),《Designing Interfaces》与《Universal Principles of Design》。还需要了解你的工作介质,比如互联网,移动通讯和软件系统。你不必成为一名程序员,但需要了解每种介质技术上的可行性。工业设计准则与良好的沟通技巧也很有帮助。

与有经验的设计师共处,无论是在工作中,还是通过非正式的聚会、会议或者在线交流(比如交互设计协会(IxDA)的邮件讨论)同样受益匪浅(我在这里提到的很多问题都曾在那里讨论过)。那些信手拈来的知识,观点与方法都是设计文化的一部分。少说话,用心听。

快速培训的途径之一即在校学习(尽管过程紧凑,学费高昂)。我现在首推三所学校:卡耐基-梅隆 大学(Carnegie Mellon)、伊利诺斯州立大学的设计学院(Institute of Design)和英国皇家设计学院(Royal College of Art)。遗憾的是,上述学校提供的都是面向研究生的课程。我还不知道任何本科阶段的交互设计专业。不过相信未来几年将会出现。

没有交互设计的本科专业,大学阶段该如何准备呢?我的建议如下:进入一所好的设计院校学习工业 设计或传媒设计(你都能学到有用的技能),或者关注设计以外的任意领域。人文学科、人类学、文学、心理学、社会学、戏剧、政治、文化研究——都有助于你成 为一名更加丰富的设计师。

经验

培训与知识储备,这些还远远不够。即便作为一名交互设计读物的作者,我依然认为书本只能为你提供从业背景,只有设计本身才能让你成长为一名交互设计师。

设计经验从何而来呢?主要有两个方法:一所好的学校能让你接触到现实课题(关于商务、技术以及用户限制);你也可以提供专业设计或免费为别人设计(后者非无路可走请慎用)。

邮件讨论,本地团体与人才市场是着手找工作的首选。多数工作是通过口头推荐找来的,因此同其他设计者的联系也能有所帮助。

自我展示

尽管Cooper,Google那样的公司会在求职过程中或让你完成一系列的测试,所有的公司都要求作品展示(portfolio)。准确地说你要准备两类作品:一份在线,一份书面。

在线作品集应当提供作品综述,可以包含一些样本文件。

书面作品集(面试携带)则是对作品更加深刻的展现,以便你论述项目问题与解决过程。不要光介绍成果,工作过程很重要。没有作品怎么办?找找看。这个世界充满有待解决的问题,设计一个解决方案。

为什么要做交互设计师?

因为这样你就能改变世界。不错,我们貌似只是在修补按钮、下拉菜单、仪表什么的,但真正的工作 却是改变这个世界,一点一滴……让它更加人性。我们帮助人们完成日常工作,无论是游戏,救生还是转账。我们将自己的价值注入这个世界,让事物变得有用,易 用,愉快,健康。这样的工作真不赖。

高级交互设计师

职位描述:

  1. 对交互设计过程有深入的了解,可以独立完成整个设计过程(交互流程、角色模型等等交互设计方法能熟练应用);
  2. 开发产品原型,配合进行用户测试及分析。
  3. 协助产品开发人员和界面/视觉设计师进行详细设计和产品实现。

任职资格:

  1. 交互设计/工业设计/人因工程/工业心理学等相关专业本科(含)以上学历,
  2. IT交互设计从业经验两年以上,具有较多的实际产品经验者优先。

如果您 健康积极有朝气,对互联网行业充满兴趣与激情,渴望成功
如果您 具有创新意识和高度的责任心,具有较强的适应能力
如果您 具备较好的专业素养和职业修养,善于沟通协作

那么,你可以胜任一名交互设计师!

by 老三

认识自己的无知是认识世界最可靠的方法【2009Q3Q4总结-老三】

i'm at taobao
经过这几个月的学习,不管在交互设计技能,还是在需求沟通、项目处理技能方面都有显著的提高。却又更多的东西需要学习、掌握、提升!

交互设计技能方面,

将更多科学化、理论化方法引入项目开发。如基于场景的分析方法以及目标为导向的设计方法。

汇金二期项目

引入目标为导向的设计方法。在项目中引入的6个阶段,即研究、建模、定义需求、定义框架、细化以及支持。其中在细化阶段使用了流程图,有效的减少了各种可能会被遗漏掉的情况:如购买产品后、高级会员续费产品情况。

此次项目使用了用研资源进行用户研究。在用研同学(晓荷、初彤)的帮助下发现了很多没考虑到的细节,从专业的用研角度来看待项目,会有不同的思考,也能让项目在拷问中更加完善、更加易用、更加好用。接近用户,才能真正的体验产品、体会产品、理解产品。在以后项目的开发中,多与用研部门沟通,多与用户沟通——走进用户,让我们做得更好!

同时也向数据分析部门提交了需求,为设计的好坏提供了有效的衡量指标。从理性的角度分析项目的成败,每一个数字有他存在的意义,研究中发现其中的奥秘,对交互设计有深远的影响。利用数据说话,我们才能走得更远!

质检项目

采用类似NOKIA的STYLE开发理念做一些设计。在项目的开展过程中尝试总结后台通用的模块、库,以方便在以后的开发中复用,减少后台类系统开发的时间。

项目处理方式、方法

深入用户,跟进项目,对结果负责,主动出击。接触一线用户,切身的体会用户的需求,在保持与PD足够沟通的情况下,同时增加与需求方接触的机会。项目进入开发阶段时,也应主动跟进项目。始终相信一句话“I do it, I own it”。

质检系统

为加深对项目需求的了解,花了3-5天时间与PD、客服、质检小二沟通,让我对项目更加熟悉。为同项目组各成员的沟通中减少时间的耗费。

订阅中心

主动出击,为项目负责。了解项目的每个细节,秉承主人公意识,对产品需求做思考,在保证项目产出时间情况下做出合理建议。

敏捷开发,一言堂。每个项目都应该有一个主导,按照核心人员(PD)的意思开发,我们可以提供建议,但是以PD的思想为主。作为互联网产品,如果是创新型产品,应先开发出来,再在基础上逐步完善。

认识自己的无知是认识世界最可靠的方法

Q3、Q4这两个季度,专业技能上得到了提升,为此感到非常的兴奋~也越来越发现自己的无知,才发现交互的世界是那么的广阔!

为此,加紧自我能力提升是当前的首要任务。首先是交互设计的用户为中心,多了解用户,多学习用户,多接触用户,才能有更大的提升;其次是交互细节的考虑,只有细节做好了,才能设计出楚楚动人的产品,增强细节的把握,为每件事情考虑得更加周全。最后,在项目中多才用新思路、新方法,为TEAM,为UED,为公司做出自己的贡献!

BY 老三

《错觉——WHY WE MAKE MISTAKES》读后感(一)

         前几天读了约瑟夫·哈里南写的《错觉——WHY WE MAKE MISTAKES》新书,有感觉!了解到人们为什么总是会犯一些自己都无法察觉的错误。之后与工作结合一下,有了自己的一些看法,其中有几点就与大家一起分享一下。

1、人们看到的只是自己感觉到的和自己希望看到的那一部分。
       生理原因:眼睛能够清晰看到的视觉范围只有2度,超出了这个范围,眼睛所能看到的东西就越来越模糊。因此,在网页设计的时候我一定要把主要内容区域的宽度控制在浏览者眼睛能够清晰看见的2度范围左右,这样利于用户看清主要内容,同时利于速读的浏览者。一般来说1280px宽的显示器下面,主要内容区域在500px~650px宽度是比较合适的。可以看看google、bing、yahoo等搜索结果页面,显示列表的时候宽度都不会超过650px,一般都在500px左右。OK,眼睛的生理原因知道了.接下来就要考虑目标用户对什么有感觉,他们最希望看到的东东是什么?想好了,做好内容之后就往那2度左右的范围里加吧,浏览者在这范围内轻松的看到感觉到自己喜欢的内容和文字,当然这也是自己希望看到了东东,岂不是乐哉!但是一定要注意的在横视范围类,每块区域最好只有一个重要的主题内容,千万不能百花齐放,层次分明才是上策。
         说到这儿,我觉得需要说明一个事儿。就是很多广告商喜欢上传一些闪来闪去的GIF动画或者FLASH广告,觉得这样就可以第一时间的吸引用户。其实这样做不一定能吸引用户,有时反而会造成用户的反感,除非正好有用户需要广告中的东西,他们可能就会被闪来闪去的广告所吸引。因为现在已经不是网络的初期了,人们在海量信息的网络时代已经学会了过滤信息,自己已经有一个心理雷达了。是广告或者看似广告的设计都将会被用户迅速的过滤掉,甚至很多时候都不用过滤直接被忽略。所以网络广告的设计一定简洁明了直奔主题,形式不易过闪,动作不易过快,避免造成用户反感。不易过于互动,用户没有太多时间和广告玩儿。

2、人们生来就知道放弃
       通常而言,人们在寻找失败的时候会放慢速度,成功后会加快寻找速度。但是人们在寻找那些平时很少能看到的东西时,几乎总是会轻易的承认自己无法找到,他们倾向加快自己放弃的速度,和压缩自己能够忍受的退出时间。哈哈,这一点说明人们的意识里原本就知道且容易去放弃。所以人们在浏览网页的时候也存在同样的意识,为了避免用户很快的放弃,我们采取的方法通常是让网页内容重点层次明确;网页路径清晰;广告根据会员喜好精确投放;提供强大的搜索功能等等。但如果在网页内容上也根据会员喜好自动精确投放的话那就更好了(现在的做法通常是用户自己个性化定制自己感兴趣的内容),这样也就能避免由于用户在找寻内容时可能出现的放弃。

3、 细节不重要,意义才重要
         人们总是很容易记住其他人的职业、个人爱好和出生地(在语义学意义上,有更丰富的含义)——这些信息是有意义的,但名字往往不怎么能记住,因为他们没有明确的意义。如果这个意义可以广泛讲的话,例如:我们在做设计网页的时候往往对边框是用圆角和直角纠结不清,反过来想想浏览者对这个网站是做什么的主要内容是什么都不知道,谁又会注意你的边框是圆还是直呀。网站没有内涵没有意义,就算把这圆角做成金子也无人会关注的。因此设计网页得从大局大框架出发,做出实际内涵意义之后再修饰细节也不迟呀,先做容易让人记住的。始终要相信,人们记住你的网站不是因为圆角和直角,而是真真切切的内容。

4、瞬间判断,难以动摇
         人们都有种很倔的性格,始终都是坚信自己的初衷,就算自己不愿相信但是往往最终还是这样做了。最典型的例子:买衣服往往最后都是买了自己的第一次瞬间看中的那件。瞬间判断也就是第一印象,卖相如何直接影响人们消费欲望。举个例子,淘宝网和ebay国际站放在中国的大环境下,人们会选哪个。当然选会淘宝网,因为淘宝网的卖相符合中国大众的胃口。尽管中国大众也在跟国际接轨,指不定那天就喜欢上了ebay国际站的卖相,不过现阶段或者今后很长段时间,淘宝网还是符合中国大众口味的购物网站。所以在任何一个行当的网站设计中,利用人们的瞬间判断,让人们瞬间记住这个网站并且能判断出是好网站,那么恭喜你,这个网站将在人们心里永远记住,并且也将成为以后首选。当地的实情,当地用户的审美观和价值观将成为人们瞬间判断的主要依据。

5、虚荣心是大脑皮层反射出来的快感
        其实这个在日常生活中也是很常见的。例如:我们在喝价格昂贵的葡萄酒时,感觉味道就是比价格低葡萄酒的味道好,其实就是一瓶葡萄酒。把二锅头倒进伏特加的瓶子里,也能喝出伏特加的味道。其实喝的不是酒是瓶子,呵呵。这是人们与生俱来的虚荣心引起的,迎合人们的这种心态是可以增加人们的消费欲和品牌忠诚度的。不过要让人们产生虚荣心,势必首先品牌要得在局部或者大部分地区有知名度,这样让人们能拉开优劣的差距。差距越大,大脑皮层的反射才越强烈才越快乐。 

6、人们对自己的“作为”比“不作为”,感觉要负有更大的责任
   这种现象在网络新手中出现得相当普遍。例如:一个新手要注册成为一个网站的会员,但预知可能会出错,那么这个新手可能就不会注册了,不会去做了。这个也能解释为什么当人们遇到一个长串的表单时,往往会望而止步,因为这个表单太长,更主要的是他们怕出错。不做当然不会错了,所以宁可不做也不愿意负担起做了错了以后的责任。这也就是以后出现了简洁的注册表单(大多数网站只包括会员名/密码/邮箱,同时也对填写项做充分的注释和即时校验)的原因。减少注册步骤,减少人们的顾虑,减少人们对做了以后万一出错而带来的责任负担的心理压力。所以要让人们大胆的在网站上晃悠,那就不要让人们感觉太大的心理负担。提供充分的注释和即时校验,还有亲切的文案(千万别用文案批评人们,人们会以为你在鄙视他),让人们在顺畅的心智下浏览网站。

今天就暂且分享这6点,下回继续分享……