交互设计师的定义、特点、对交…的要求、工作内容、工作方法

这是第一次薯片会的内容。说了一些关于交互设计师基本的定义,特点、要求之类的话题,是些理论上的。 

Web交互设计师的定义
秉承以用户为中心的设计理念,应用以目标为导向的设计方法,进行互联网产品的设计。

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

关于“以目标为导向的设计”可以阅读《软件观念革命——交互设计精髓》和《软件创新之路冲破高技术营造的牢笼

交互设计师的特点

交互设计师善于表达,以网页语言表达,以网页语言表达产品要告诉用户的信息,要显示给用户的操作功能。

所以,凡是涉及到表达、传达的问题,都可以找交互设计师来做,也应该由交互设计师来做。

产品经理考虑要做个什么产品才有价值,交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现,还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达,而是使用网页语言表达。我们经常会讨论一个按钮的位置,讨论某个状态下光标的样式,声讨应该写成“登录”而非“登陆”。这些都是网页语言表达。

有些时候,有些交互设计师会问,“网页上的文字要我来写吗?产品经理比我了解的更清楚,他(她)们写吧?”如果说交互设计师的应该具备“善于表达”的特点,那么,网页上的文字就应该由交互设计师来编写,虽然产品经理更了解产品,但是产品经理并不是最懂得如何想用户表达的人,交互设计师是。我们会讨论“你”还是“我”这样的称谓问题,会注意不要在页面上出现“用户”这样的字眼,这些都是文字表达的问题。

对交互设计师的要求
文字表达能力:写邮件,写blog,写各种东西。如前所述,文字表达是页面表达的一部分,具备一定的文字表达能力是必要的。

语言表达能力:多说,开会的时候要发言,一对一的讨论要花心思。

较好的语言表达能力是与同事沟通的必要素质,更为重要的是,语言表达能力是表达能力的一种体现。如果面对面,一对一的交流都有困难,怎么能保证用页面间接的跟用户交流能交流清楚呢。

(省略掉两个关于内部工作方法的话题)

 web交互设计师的工作内容
内容包括:对产品进行行为设计和界面设计。 行为设计是指各种用户操作后的效果设计。Web的操作以点击为主。点击操作又可以分为表单提交类和跳转链接类两种。除点击外,还涉及到拖拽操作等。  界面设计包括:页面布局、内容展示等众多界面展现。例如:使用按钮还是使用图标?字号大小的应用,如何使用tab..  之所以特意提出这样一个话题,是为了强调除了“界面设计”,还需要“行为设计”。交互设计在被认识的过程中会有很多误区,常见的是把交互设计理解为一种专业的、高级的界面设计。一个产品不好用很多时候是因为流程上有问题,页面表现的挺合理,但是,点击了一下之后,就会发现“走不下去了”。流程是一系列的操作,也需要设计。

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

第一步.

cialis soft tabs half

信息构架设计

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

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

第二步.

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

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

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

什么时候有“确定”按钮又有“取消”按钮?

一个并没有最终结论的话题,也使我们在行为设计上可以更进一步去思考,什么才是用户需要的。

先拿picasa为例,我们看到:

snap1.gif

在最下面有“继续”(相同于“确定”)和“取消”按钮。

在相册里整理,编辑标题的时候,界面上只有一个确认的按钮:“完成

snap3.gif

从中我们引发了思考,在新建相册,上传照片… 中有“确定”又有“取消”;在整理,编辑标题… 中只有“确定”而没有“取消”。是不是说有“确定”又有“取消”是当用户在进行某一个新建操作中,有发生不想继续的情形,而需要预留一个“取消”按钮提供返回?而在作一些比较大的改动操作上,又因为担心误操作,而不设立“取消”按钮?而实际上,我在作一些较大的改动操作上,也会有改了一半发现不对,不改的情况。那么,在不设立“取消”按钮的情况下,仅仅是因为担心用户的误操作带来的损失吗?当我需要返回上一个界面的时候,我找不到“取消”按钮,我通过其他方式去返回到picasa的首页,也只能这样了,其实我想返回刚才相册的页面,也就是我希望这里会有一个“取消”,或者是给我一个路标,让我可以回去。

再看一下MSN Spaces的相册,同样在编辑照片的情况下,是没有“取消”按钮的。但是他的路标/左边的tab标签可以让我很方便地返回,进入到另外的相册,那么这个时候,没有“取消”按钮显然我不会感到迷惑。

snap4.gif

我们回到主题,是不是在作一些简易操作上,我们有必要给于“确定”和“取消”;而在过于复杂的操作上,为了避免误点击,也避免了“取消”按钮?

我们也把一个身边的产品列出来,Qzone 空间的编辑器最大化:snap6.gif

(之前的错误设计是有“确定”又有“取消”,符合了技术模型。后来我们简单修改了这一个模型,把”取消”按钮去掉)

操作流程是这样的:

进入我的Qzone,日志,写日志,写了一会,发现太小了,插入的图片太大,操作起来好碍手,最大化编辑器。

虚拟的用户1:

进入我的Qzone;
日志;
写日志;
写了一会,发现太小了,插入的图片太大,操作起来好碍手,最大化编辑器;
天呐,这么大,算了,取消。
返回刚才的界面。

虚拟的用户2:

进入我的Qzone;
日志;
写日志;
写了一会,发现太小了,插入的图片太大,操作起来好碍手,最大化编辑器;
再写了一会,然后决定写完了,确定。
显然取消是取消了我刚才的所有写入操作。

我们细化过程,会发现存在更复杂的问题。

在这个界面中,又有“确定”又有“取消”按钮,显然就产生了矛盾。“取消”是返回刚才的最小化界面?还是说把我刚才最大化之后的操作全部取消?反而我会认为这个“取消”是返回刚才的最小化界面,结果发现我的操作全部取消了。或者说我认为是取消我刚才所有,结果不是,只是返回了刚才的最小化界面。在这样一个界面上,我们是否有必要给它“取消”功能呢?技术的模型让我们操作上需要进一步去思考,也经常因为不去思考而产生误操作。实际上,最小化编辑器,最大化编辑器,这里我们只是给用户提供一个附加的功能,也是改善用户书写时候的障碍,我们并没有必要给他一个再额外复杂的功能,他还需要思考我刚才的某些操作到底是确定了还是放弃了。其实我们仅仅只是需要一个按钮“最大化”,另外一个返回按钮“最小化”,他们之间的其他操作是没有必要去再让用户确认的。

“确定”和“取消”应该出在经常会需要使用的情况下,那么这种情况又是什么情况呢?或者说我们在大部分用户都并不会需要经常去撤销的时候,我们也同样考虑到他们或许会因为误操作,我们把“取消”隐藏了,放在一个不是很容易点到的地方?

薯片会开幕典礼 ^_^

logo_022.gif

惊喜!贺喜!

每逢周二就是“我们”的薯片会啦!

buy ciprofloxacin medicine

马铃薯?做成薯片?

什么是马铃薯?什么是薯片?

加入到这里,把你的马铃薯,做成薯片,所有人都可以品尝。你将不再是吃薯片的角色 :P

viagra online pharmacy generic
http://www.luftsport.de

5 / 5页12345

关于薯片会

...
第一步骤:左手拿起薯片,右手用鼠标慢慢滑动。

第二步骤:吃下薯片(你可以不吃,咬着),然后左手、右手放在键盘位置上,把你想要说的话写上。
...

薯片会成员


臭鱼(李钊)

北京人,男,29岁
www.chouyu.com.cn


Seven

外星人,男,25岁
www.hiseven.net


tesion

很热情的同学
www.tesion.cn


Evanchen

一个真正的交互设计师,应该能够丰富设计这一概念。
www.UExperience.cn


西贝

单纯使人更加专业
www.xibeidesign.cn


艺文

用爱心规划设计
QQ:4251538


流沙

Design to change the world
www.uesand.com


yanyan

真诚是设计的灵魂
Qzone


margaret

蛋小荒—女神


vijeun

按着心里的感觉走
Qzone


vv

万年12岁

readers