无限,有限

七月 10th, 2006

-界面展现的信息无限,用户的接受能力有限

web界面表述的信息可以无限的多、也需要无限的多。
对于一个1024×768分辨率的显示器来说,网页浏览器窗口提供的显示区域大约是1000px×620px。但是,一个web界面的大小却是1000px×无限,因为可以滚屏。理论上说,一个网页上可以显示无限多的信息。

Web界面中,待表现的内容非常多,以douban.com的一个页面为例:
uploads/200607/10_002719_douban.gif
http://www.douban.com/subject/1029553/
需要显示的内容包括:“此书的基本信息、在哪儿买…、此书的简介、豆瓣成员给这本书添加的标签、喜欢这本书的人也喜欢、豆列推荐、此书的论坛、豆瓣成员的书评、搜索功能、你读过这本书?、我来评价/评价汇总、谁正在读这本书?、谁读过这本书、此书被哪些小组收藏”。共14类不同的内容。
阅读全文 »

浏览量:19,896 views 33 条评论 »

信息交流模型

六月 5th, 2006

互联网上都有什么?
在互联网上可以看新闻、收发电子邮件、去坛子里灌水、用bt下电影、QQ聊天、成人网站、血雨腥风的网游、Blog、电子杂志、在线购物、社区交友……还有很多很多。互联网让我们可以方便的获取在中央电视台上看不到的新闻;和朋友通信、聊天;认识更多的人,找到自己的“组织”;电脑游戏变得不仅仅只是跟电脑较量,而是去砍“人”;无论你多么腼腆、内向,都可以和MM侃侃而谈(当然,谁知道那面会是个什么呢。)……

所有的这些,都是信息的交流。
用bt下电影和QQ聊天似乎是两个完全不同的事情,而实际上,它们都实现了信息的交流。我朋友的电脑里有一部电影—《撞车》,他推荐给我看,做了个种子。我用这个种子下载,下载完成后,观看。电影《撞车》这个信息就这样在我们俩之间实现了交流。如果是一个比较简单的信息,比如,“以色列换总理了”,我的朋友可以在几秒中之内用QQ告诉我。虽然用时很短,但,和下载电影《撞车》一样,这也是一次信息的交流。

一位雷锋式的好站长将一张道德观念所不容但却深受群众喜爱的色情图片上传到了网站上。一位用户打开了这个网站,看到了这张图片,或许还另存到了自己的电脑中。一次信息交流实现了。
阅读全文 »

浏览量:18,656 views 14 条评论 »

文字还是图标?

五月 8th, 2006

在软件设计中,使用文字链接还是使用图标?
使用文字恐怕是目前为止最准确的表达方式了。但文字却并不总是最好的方式,比如:在Micirosoft Word中的文字居中对齐功能可以使用文字表述:“居中”,也可以使用图标:
uploads/200605/08_181918_wordcenter.gif
Word软件的设计师使用了图标,并在鼠标经过时显示文字:“居中”。

关于这个问题,在《About Face 2.0》中有详尽的分析,分析得出的结论是:使用图标能提高中间级用户的使用效率;而使用文字,对于新手用户更合适。这里所说的“新手用户”是针对某个特定界面而言的,并不是指缺乏电脑使用经验的用户。中间级用户也是如此。
阅读全文 »

浏览量:115,823 views 49 条评论 »

中文按什么顺序排列?

四月 8th, 2006

按拼音首字母排列的中文列表:

在英文网站中,一个文字列表可以简单直观的按首字母顺序排列,而中文网站中的文字列表应该按什么顺序排列呢?

目前,中文列表排序最常用的方法是按拼音的首字母。然而,汉字必定是汉字,视觉表现上始终不是字母。也许看到“中国”这两个字你很快就能反映出它们的拼音是“zhongguo”,但是,在界面中却从未出现过任何一个字母。无论用户对中文文字与拼音之间的对应多么熟悉,按拼音首字母顺序排列始终是间接的。

在一个中国各省、市、自治区的列表中,用户要想找到“湖南”,需要先想到“hunan”。然后,有选择性的在头脑中拼写其它若干个条目的拼音“guangdong、guizhou、hubei…”以确定“hunan”的位置。当然,前提是用户要知道26个字母的排列顺序。还好,全部的省、市、自治区加起来只有30多个……与之对比,一个英文用户,查找美国50个州中查找“Minnesota(明尼苏达州)”:

……
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
……
阅读全文 »

浏览量:118,543 views 37 条评论 »

网易部落后台管理评测

三月 2nd, 2006

说明:

“网易部落(bulo.163.com)”是网易为用户提供的blog服务。本文是受约为“网易部落”后台管理部分做的评测。据说,网易部落近期要改版,希望我的拙见能起一点儿参考作用。

评测的内容主要是用户的blog后台管理界面,在必要的时候会涉及到相应的前台显示界面。

这个评测中不包含:

1. 用户登录问题。网易部落是网易提供的众多服务之一,这些服务彼此交错,要评测登录问题,需要对网易的全部产品有一个整体的了解。目前,我对网易产品的了解十分有限,所以,没法分析清楚,更提不出有建设性的意见。

2. 技术问题。类似“搜索结果不准确”这类的问题,我相信网易的同行比我了解的更清楚,也正在努力的去改善。我这里就不再喋喋不休的了。

3. 可访问性问题。因为,页面底部已经注明了“请使用IE5.5以上版本的浏览器访问”,所以…也就没什么可说的了。只是…这样的要求实在不合理。Blog是web2.0的先锋,web2.0的目标之一就是为了提高可访问性。希望在改版中能更多的考虑可访问性的问题。

当然,还不包括很多别的,我暂时还没想到。
阅读全文 »

浏览量:117,912 views 40 条评论 »

引导用户创建心理模型

二月 28th, 2006

在IE7 beta版中新添加了一项重要的功能---页面缩放。在窗口的右下角以一个下拉菜单显示百分比。此功能的快捷操作是按住ctrl键,然后滚动鼠标滚轮,滚轮向上滚则放大页面,向下滚则缩小页面。在IE6的windows版中,只提供了“文字大小”功能,用来改变页面中相对字号的大小。快捷操作是按住ctrl键,向下滚动鼠标滚轮则文字放大,向上滚动滚轮则文字减小。在IE7 beta中,这个快捷操作让给了“页面缩放”功能。不过,鼠标滚轮的滚动方向却是相反的。

在IE6中,当向下滚动滚轮时,则页面被“拖拽”长了。用户会很容易记住滚轮滚动方向与页面变化之间的关系。在IE7 btea中,当用户向下拖滚轮的时候,页面的显示比例变小,页面向上运动,缩小了。即使不考虑老IE用户的使用习惯,这个操作至少也不容易让用户正确的记住滚轮滚动方向与页面变化的对应关系。

一个构造复杂的工具,没有必要向用户完全解释清楚内部的工作原理,而用户在使用过程中却往往需要在某种程度上理解这个工具,以便更好的驾驭。此时,用户往往会以自己的方式来理解这个产品。有可能用户的理解与产品实际的工作原理完全不符,但用户却可以通过自己的理解正确预测产品的使用效果。我父亲称这种做法为“琢磨规律”,在交互设计中成之为建立用户的心理模型。
阅读全文 »

浏览量:110,753 views 10 条评论 »

中华英才网职位搜索部分启发式评估

二月 20th, 2006

说明:

本文是应约为ChinaHR新开发的职位搜索部分( http://searchjob.chinahr.com )进行的启发性评估。内容包括一级栏目“找工作”下的“找工作”、“高级搜索”和“分类搜索”。

由于启发式评估通常需要多人分别进行,所以,这里我的评估只能作为一部分不足够客观和准确的意见加以参考。

在进行启发式评估时,测试者采取“角色扮演”的方法,模拟典型用户使用产品的情形,从中找出潜在的问题。我将在整个测试中以一个求职者的身份分别通过ChinaHR提供的“搜索引擎”和“分类搜索”查找“网页设计师”一职。

关于启发式评估的更多介绍请参见:《如何开展一个启发式评估》( http://www.fjunicity.cn/blog/article.asp?id=89

我将对我所遇到的违反可用性原则的设计进行概括并提供相应的解释,并对部分问题进行适度的分析。

下面正式开始:

在“找工作”中:
http://searchjob.chinahr.com/Index.aspx
阅读全文 »

浏览量:112,799 views 8 条评论 »

浏览器能弥补宋体缺陷?

二月 14th, 2006

曾经在《文字,你到底能多大?—分析网页文字的字号》一文中分析了绝对字号的大小;在《用外国人的手写中国字》一文中讨论了相对字号的应用。本文将讨论中文绝对字号在浏览器的缩放显示过程中的显示效果。

先来说一下宋体中文的显示效果。宋体文字显示成12px、13px、14px、15px、16px、18px以及25px+的时候,效果是比较理想的。

下图是宋体不同字号文字在浏览器(IE7 beta除外)中显示的效果:
uploads/200603/07_025356_1226.gif
从图中可以看到,当宋体显示为17px、19px-24px时,易出现锯齿、笔画不均的现象。显示为25px以上时,文字边界被平滑处理,但是明显不如12px或14px时显示的那样清晰。
阅读全文 »

浏览量:111,752 views 8 条评论 »

“网上购物?我没这个习惯。”

一月 31st, 2006

现在,在互联网上,可以买图书、光盘,可以买服装、鞋帽,可以买手机、相机,可以定机票、酒店,也可以买一些不好意思直接去商店买的东西。

网上购物有很多好处。不必受奔波之苦,也不容易被奸商忽悠。男士不必担心误入女士内衣专区的尴尬,女士不必害怕心有余而力不足。不去商场,自然也不必担心手机、钱包不翼而飞。

尽管有这么多优点,也许你还是不在网上购物。

也许你终日网聊,
也许你整天在“网游”中血雨腥风,
也许你能对“互联网英雄”如数家珍,
也许你在“坛子”里灌水不辍,
也许你为了写自己的blog通宵达旦,
但是你却未必会去网上购物。

为什么?不在网上购物的人通常会说:“没有上网购物这个习惯。”
阅读全文 »

浏览量:115,484 views 22 条评论 »

用外国人的手写中国字

一月 23rd, 2006

英文网站与中文网站的区别不仅仅是使用中文与使用英文的差别。由于中文字形复杂,并且电脑上的中文字体设计相对落后,这使得设计中文网页要比英文网页更困难。不顾及中文字体的特殊性,简单的照搬英文网页的设计方法,经常会降低中文网页的易读性(英文中称作readability)。下面列举三个使用英文设计方法设计中文网页引发的易读性问题:

一.相对大小的字号

在英文页面中,固定字号被称为“ frozen font sizes”,使用固定大小的字号是一个明显的错误,很多交互设计的专家都对此做过研究。使用相对字号是那么的正确,于是,中文网页的文字也被设计成了相对字号。这种做法主要集中在英文网站的中文版的设计中。然而对于中文,相对字号却不如预想的那么好。

很多的字号的中文是不能清晰显示的。比如,10px的Arial字体显示英文是清晰的,但是10px的宋体中文就变成一个黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就会出现明显的锯齿,笔画粗细不均。我曾经在《文字,你到底能多大?》一文中对中文字号进行过讨论,12px、14px、16px(或18px)显示中文是比较理想的。实际上12px-16px大小的宋体显示的效果都是不错的。
阅读全文 »

浏览量:19,638 views 2 条评论 »