什么时候需要有“取消”按钮?

先来看实例:

这是写一篇新日志的页面。整个页面主要的内容就是写一篇新日志所涉及到的各种操作。有提交按钮,提交所输入的信息。有取消按钮,不要写日志了,要撤销刚才点击“写日志”按钮这个操作。点击取消按钮,页面跳转至日志列表页。
查看全文 >>

用户登录+贴图不说话

用户登录需要那些元素?
● 输入帐号、密码
● 验证码/换验证码
● 记住密码
● 服务条款
● 登录按钮
● 没有帐号(注册)
● 忘记帐号/忘记密码

最多会有这么多项内容。其中必须要的有:
● 输入帐号、密码
● 登录按钮
有了这两项就可以实现登录了。其他的项都是在完成基本任务基础上延伸出来的。

两组对应的功能:帐号VS注册;密码VS忘记了密码。
—————————————————————
帐号:__________________ 没有账号?注册
密码:__________________ 忘记了密码?
[√] 记住我的帐号
[ 登 录 ]
—————————————————————
“没有账号?注册”是对应输入帐号的;“忘记了密码?”是对应输入密码的。这样的布局似乎很合理了。不过,要是再加上“记住密码”选项,输入验证码功能,这个登录就显得比较复杂了。
查看全文 >>

由用户自己生成的列表需要:添加、修改、删除

这不是什么高深的问题,只是一个基本的设计思路:一个由用户自己生成的列表需要:添加、修改、删除三个功能。

1.gif
这是一个正常里例子,用户自己写日志,产生了一个日志列表。那么当展示这里列表的时候,需要提供“添加新日志”的功能,允许用户修改现有列表的内容,允许用户删除现有列表中的条目。  查看全文 >>

交互只是一味的想要简单嘛?

本文整理自第二次薯片会所用的PPT,此PPT前五页是关于内部工作方法的,没有什么普遍的意义,也不便公开。本文只介绍第六个问题。(第二份PPT中共有七个问题,第七个问题单独写一篇-交互设计师的定义、特点、对交的要求、工作内容、工作方法》)

交互只是一味的想要简单嘛?产品的功能越多就越能满足用户需求吗? 

交互设计师应秉承的以目标为导向的设计理念,在目前通常的开发过程中,往往会表现为交互设计师希望能把产品经理的需求方案简化。

然而,简化本身并不是目标,让产品能更简单、方便的实现用户目标才是交互设计师真正的工作方向。

之所以会出现交互设计师总想要简化这样的现象,一个很重要的原因是之前的产品设计观念是:“实现功能,实现更多的功能,实现更多的功能就能满足更多的用户需求”。在这样的观念下,一个产品中功能的数量就成了基本一项指标。“如果我们的产品实现了同类产品的所有功能,那么产品就是ok的了,剩下就看如何推广了。”这种想法的错误在于:没有认清目标用户,确定用户目标的问题。理解并应用“以目标为导向的设计”方法才能解决这样的问题。

这里再次提到了“以目标为导向的设计”。这个方法很重要。举个例子简单描述一下这个设计观念:

大约九百年前,北宋,水泊梁山上,李逵要回家探母,他准备了一些盘缠,宋江哥哥给他带上戒刀(不让他带板斧,怕太招摇,他和其他很多兄弟一样,正在被通缉。)他徒步往家里走,一路上翻山越岭,跋山涉水,还要不断的住宿、吃饭,最终见到了母亲。他的目标是回到家,看望母亲。他要完成的任务是带上钱,武器,走路今天,李钊(臭鱼)要从深圳回家探母,需要做的是订一张飞机票,收拾简单的行李,带上少量的现金路上用,大钱存进金卡里(这样异地取款手续费少些),把书包中平时带着的瑞士军刀留在深圳的家里(行李不托运的话,军刀会被机场安检扣留的)。最终,我也到了家,看望了母亲。

上面这两段情节可以看到,李逵和李钊的目标是一致的:回家探母,但需要完成的任务是不同的,有些任务甚至是完全相反的,比如带刀的问题。

显然,现在的李钊要比几百年前的李逵幸福多了,需要完成的任务更容易了。当然,如果任务能更简单当然更好了。比如,我有一个管家,我只要告诉他,我明天要回北京。收拾行李,订机票他就全权负责了,对于我来说这当然更好。这说明,完成任务不是终极的用户需求,达到目标才是用户真正要做的。在实现目标的过程中,任务越容易越好。

软件中的功能就是为了帮助用户完成一个个任务,从而达到目标。对于软件功能的设计,只是为了更好的帮助用户完成特定的任务。而如果能简化任务量,才是更好的。原本要完成十个任务才能达到目标,经过设计,如果只需要完成一个任务就成了,那就成功了。类似我请了一个管家。在这之后才是对具体功能(功能对应着特定任务)的设计,让功能更易用(完成特定任务更容易)。

这里只是对“以目标为导向的设计”观念粗浅的介绍,上面的两个例子也只是“篡改”了一下《ABOUT FACE 2.0》中的例子。要看的更明白,还是要看alan cooper的书。

了解了“以目标为导向的设计”方法就不难理解为什么单纯的追求实现功能是没意义的了。因为减少功能才是更好的思路。一个电子邮箱产品,用户的目标不是写信、发信、收信,把邮件放入垃圾箱,删除邮件用户的目标是实现信息交流。那种种功能都是为这个目标服务的。假设不需要“把邮件标注为垃圾邮件”这个功能也能使用户很方便的使用邮箱实现交流的目标,那是最好的。当垃圾邮件过滤系统不足够好的时候,才不得不提供给用户一个功能,让用户手动去设置哪些邮件是垃圾。既然不得不提供这个功能,那么就尽可能想办法让这个功能使用起来容易些,这是功能的设计。

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

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

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

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

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

交互设计师的特点

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

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

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

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

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

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

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

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

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

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

第一步.

cialis soft tabs half

信息构架设计

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

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

第二步.

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

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

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

关于薯片会

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

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

薯片会成员


臭鱼(李钊)

北京人,男,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