添加到收藏夹 优易中国 - 产品经理,设计师,开发人员的网上家园。 用户名 密码 验证码 gdcode 注册
  当前位置:首页 > 设计思想 > 

浅谈人的视觉对交互设计的影响

日期:2008-10-27 作者:丁宇(Felix Ding) 原文:http://heartstringz.net/ ()()()()()()()()()()()()()()

这是阅读《人机交互(第三版)》一书1.2.1"视觉"小节的读书笔记。

1.受人类眼睛的工作原理所限,"注视着屏幕中部的用户"难以或无法"读到底线上的帮助文字"(p5)。

遗憾的是,相当多的软件设计违背了这一原则。常见的如浏览器的状态栏,浏览器在接收到用户的点击后,通常将相应的反馈信息放在状态栏中显示,问题是状态栏通常位于浏览器底部,处于视野范围的边缘,其中的变化很难引起用户的注意。我有很多次亲眼所见用户忽略了提示信息而不断的重复点击(这一般发生在网速不是那么快,或者用户当前的操作引起服务器端高负荷量计算时)。

在Mac OS X的Spotlight搜索中,反馈信息处于用户关注点之外的远处,虽然从软件界面的变化中用户可以得知搜索过程已经开始,但要想知道是否结束,就必须将目光移动到Finder窗口的底部 - 如果他知道这里有反馈的话(如下图)。

在设计公司内部使用的开发工具"代码助手"时,我改进了这一设计,将表示搜索过程正在进行中的陀螺图标放置在输入框的右面,并且设定当陀螺出现并旋转时表示搜索正在进行中,如其消失则表示搜索过程结束。

在现有的主流浏览器中(如Firefox、IE、Opera和Safari),这一问题是普遍存在的。在没有很有效的方法之前,类似抓虾这样的提示框或许是个不错的做法。

zhuaxia.png

2.人眼对亮度的感知

曾有一个问题困扰了我很久:晚上在关了灯的房间里,余光会清晰地看到墙壁开关上的指示灯,但如果直视却看不清了。这个问题很古怪,甚至有些恼人。怎么可能余光看的清,直视却不行了呢,一点也不符合常理!

当我读到人眼感知亮度的原理后,这一谜团终于迎刃而解了:"在昏暗灯光下,视杆细胞主导着视觉。因为在中央凹视杆细胞较少,所以凝视低照亮度下的物体时不大容易看得见,处在外围视野中时反而比较容易看到。在正常光照下,视锥细胞会取而代之起主导作用"(p5)。

3.文本的大小和颜色、行的间距和长度对可用性的影响

就我的个人经验来看,这部分并没有在很大范围内引起足够的重视。实际上我个人也是如此,每次只是习惯性的将字体设置在12像素,间距在20-22左右,至于长度几乎从未考虑过。但显然它们是会对可用性产生影响的。

书里面提到"9磅至12磅大小的标准字体是同样易读的。类似的,行的长度在58mm至132mm时也是同样易读的",不过这是英文的情况,中文字体应该有所不同。UI花园上有一篇名为"高分辨率下文字字体、图像、界面布局的解决方案"的文章,不妨一读。

最后说一下为了尽可能的提高阅读舒适度,究竟是应该采用白色背景深色文字还是反过来。书中认为前者(即所谓的"负反差")可以提供较高的亮度和敏锐度,从而提高易读性,但"屏幕也更容易闪烁"。虽然书中没有明确交待,但常识告诉我们闪烁会造成眼疲劳。因此到底该采用怎样的方案,的确是一个有待商榷的问题。

返回首页』『发送给好友』『返回顶部
相关文章
评论
最新评论共有 位网友发表了评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
匿名发表 昵称: 注册
优易推荐
一些网站交互的手绘稿
一些网站交互的手绘稿
越来越多的设计师开始使用Axure设计Web交互类站点,Axure在某些地方有着天然的优势,但我
学会用思维导图
学会用思维导图
思维导图是用图形化的方式展现想法和概念。作为一个可视化思考工具,它有助于信息结构化,
如何获得优易中国的推荐文章 请点击这里>>
用户研究
招聘信息
视觉设计
技术资料
公司介绍 | 网站介绍 | 广告赞助 | 诚聘英才 | 联系方式 | 意见反馈 |  | 
2007-2008 Copyright © 优易中国 - 开放的互联网产品学习交流中心 京ICP备05021374号