您的位置: 首页 > 艺术设计 > 设计理论 > 文字的减法
文本达意和可用性 回到列表 像聪明女孩穿衣服般设计网页文字
 文字的减法

作者:Angela 时间: 2007-11-01 文档类型:合作网站提供 来自:Angela@UI

认知心理学家Donald A. Norman将人类的行动分解成七个阶段:

  1. 确定目标
  2. 确定意图
  3. 明确行动内容
  4. 执行
  5. 感知外部状况
  6. 解释外部状况
  7. 评估行动结果

这七个阶段发生在人类所采取的每一个行动时。

比如最近降温,你想要保持身体的舒适感(确定目标),所以就得加一件衣服(确定意图),于是你决定去衣柜里看看哪件衣服适合今天穿(明确行动内容),然后你就选择了一件并穿在身上了(执行),这时你感觉暖和一点了(感知外部状况),因而你确定衣服被穿在了身上(解释外部状况),你觉得不冷了感觉很舒适(评估行动结果)──这么写出来你可能会觉得别扭,因为这些判断发生得非常快,你可能永远不会注意到中间的过程(有很多科幻小说和马路上骗人的把戏都是利用了这一点,有兴趣的同学可以自己分析分析,此为题外话)。

但是,当人和机器发生交互的时候,人类仍然遵循这样的反馈法则,而机器使用的却是另一套法则,这就正是人机交互永远不顺畅的根本原因。我们都知道,人类是善于解释现象,并能根据解释的结果来决定下一步行动的。这种本能反馈在现实生活中没有太大的问题,但搬到计算机世界就面临很大的设计挑战,因为行动七阶段中最关键的一环——感知外部状况——在计算机世界中完全依赖于设计。因而一个未经设计的产品,基本上等于是把它的使用者扔进了一个既没有声音也没有影像的黑暗世界,人们只能凭“直觉”和“本能”来与之交互。

在刚才那个例子中,你“感知外部状况”时,使用的是触觉(也许?我不了解神经反射之类的原理,随便猜的)。那么在计算机世界中,你唯一能使用的,只有视觉(有少部分听觉的应用,不过鉴于大部分同学上班时都不得不关掉音箱,我们此处就不考虑这个情况)。

看到这里,有同学可能会说:“是啊!所以文字正是起到了‘描述外部状况’的作用!”

当然,这是我们这一期要讨论的主题,但是我在前面分析了半天,结论却刚刚相反:有时候,文字恰恰是可以省略掉的元素。

为什么?举个简单的例子,当你在拧螺丝钉的时候,你是如何感知它的变化的呢?通过文字描述“螺丝钉已经旋转了四分之三圈”,还是通过它“逐渐变短的身躯”知道的呢?

一个不停地报告旋转圈数的螺丝钉听起来是不是很可笑呢?

可是这样界面到处都有。

“添加好友成功”、“加入小组成功”、“请在下方输入你的手机号”……比比皆是,而在我看来,甚至包括“登录失败,请重新登录”在内的提示文字都是多余的。我在输入账号和密码以后,不能进入“我的XXX”,这件事本身就说明问题了,设计师要做的,只要保证用户的视觉焦点集中在出错的位置并标识出差异(比如,输入框变成红色,增加图标之类)就够了,你有几次是阅读了界面上的文字才知道密码输错的呢?

Norman还有一个著名的理论:如果一个产品需要文字来描述用途,那么它就不是一个设计良好的产品。一个需要看说明书才能知道怎么用的水壶,绝对是因为它长得不像水壶。同理,一个需要阅读文字才知道出了什么状况的系统,绝对是因为它看起来不像是出了状况。

很多时候,我们想方设法地优化、精简文字,也总结出一些类似“动词+对象+状态”的措词原则,却恰恰忽略了我们与生俱来的本能:我们天生对形状、颜色和位置敏感。再加上计算机用户扫描式的屏幕阅读习惯,更是导致了对文字视若无睹的现象。其实在某些特定场景下,我们完全可以利用其它手段来表示外界的变化。

我很希望有一天,当我在某个网站登录不成功时,它能把屏幕微微地震动一下,而不是蹦出一行红字告诉我我已经知道的状况。

本文链接:http://www.blueidea.com/design/doc/2007/5033.asp 

出处:Angela@UI
责任编辑:moby

相关文章 更多相关链接
文本达意和可用性
像聪明女孩穿衣服般设计网页文字
网页设计经验谈
文字的辨识度与可读性
用户体验的另一种认识
作者文章 更多作者文章
视觉设计:用理性说话
大UE?小UE?
设计师的名片
视觉设计师扛起UE大旗?
页面制作的重要性
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
悟道web标准:前端性能优化
纯中文域名".中国"今日提交申请
世界之窗3.0皮肤设计大赛结果公布
使用jQuery制作滑动动画效果的层
如何设计网页横幅
Plump 图标设计
Subrat Nayak图标设计
百度知道推出文档分享服务
CSS Sprites(CSS雪碧):要还是不要?
UIRSS三周年纪念日推出V2公测版
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 8 条评论,现在显示最新的 5 条。暂时没有人参与评分


axgle Publish at 2007-11-5 17:52:48
非常有道理.本文就应该一个字都不用写就表达其全文的意思.遗憾的楼主没有这样做.
webfashion Publish at 2007-11-3 10:46:21
如果有一天文字都消失了,所有的东西都是靠一个反应来告诉我们发生了什么,想想那时候会发生什么?
就拿最简单的,下雨,反应有两种,要么就是继续淋雨,要么就是躲雨!
当我们的孩子出生了,这个世界就只有一种叫做自然反应的东西告诉他那是什么,那我们是不是又回到了原始阶段?楼主难道讲的是这个?
借用楼主的一句:
有一天,当我在某个网站登录不成功时,它能把屏幕微微地震动一下,是地震了,还是我电脑出问题了,这就是人们的第一反应!科技以人为本!所以设计也应从现实出发!
webfashion Publish at 2007-11-3 10:06:43
有些时候文字是最重要的传递信息的途径,楼主的想法有点不切合实际,
就拿楼主的论据反过来说,毕竟我们人也不是机器,没有设定一个程序来告诉我们电脑抖动一下屏幕或者一个其他的反应,就让我们知道那是什么意思!
而文字是一个识别的工具,也是当今世界所无法缺少的东西,楼主提出来的东西有些也不无道理,但所谓文字的减法,还是应该看不同的场合,不然说出最后那个例子,还真有点贻笑大方了!
wwwtf92com Publish at 2007-11-3 9:01:57
今天下班回去做饭的时候,开水龙头,没有水出来。。

没有水的时候如果仅仅是“水管振动”一下这个“外部状况”,我连“确定目标”都不能。。

如果这个时候有文字出来告诉我,是我家水管坏了或者是我没交水费,再或者是片区停水,那我就不会很迷茫,也很快能确定对应的目标及之后的执行。。
jysnoopyxjx Publish at 2007-11-2 14:12:37
是有那么一点偏激啊.

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
闪魂-FlashCS4完美入门与案例精粹
Waver_h's华丽世界
Illustrator CS3质感绘画表现技法
《Flash短片轻松学》
《用户体验要素》
《JavaScript语言精粹》
作品集 更多内容

SAMESBIM GOBLET 米修系列月历壁纸 千-荻野千寻 芬尼克兹节能设备 贝克洛门窗 XX公司 房地产教学案例 仙谷