浏览器能弥补宋体缺陷?

二月 14th, 2006

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

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

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

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

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

一月 31st, 2006

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

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

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

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

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

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

用外国人的手写中国字

一月 23rd, 2006

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

一.相对大小的字号

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

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

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

以人为中心的设计是有害的?

一月 5th, 2006

这是一篇对《以人为中心的设计是有害的》—uigarden 的文章评论。

在uigarden上看到Don Norman的《以人为中心的设计是有害的》,标题骇人听闻。我们刚刚知道了UCD(或者HCD)是个啥,人家又说这是不对的。

为了验证是不是中文翻译过程中将标题有意或无意的进行了曲解,我去Norman的网站(www.jnd.org)上找到了这篇文章:《Human-Centered Design Considered Harmful 》,翻译上还是贴切的,看来外国人还是敢说啊,骂总统都随便,何况写这样的文章呢。
阅读全文 »

浏览量:19,663 views 5 条评论 »

Gmail,我只找到4个问题

一月 3rd, 2006

“Gmail是个有意思的邮箱…”“Gmail真有个性…”“Gmail不俗…”Gmail确实是个不错的邮件系统,至少远比大多数国内的邮件系统设计的要好。不过对Gmail的评价似乎总是不能摆脱人们对于google的美好印象。

Gmail也有自己的问题:

1.“撰写新信邮件”中,发信人地址没法选择;
当用户在“收件人”的文本框中键入字母后,Gmail会将“通讯录”中符合键入字母的mail地址列出来,供用户选择。精彩的设计。但是Gmail却没有为收件人输入框提供导入mail地址的功能,如果发件人完全不记得收件人的mail地址了怎么办呢?当mail地址与收件人的真实姓名没有直接联系时,忘掉收件人的mail地址是比较常见的。比如要给“张三”发信,但是他的mail地址是“eugene1234@gmail.com ”。当用户需要发邮件时,点击“撰写新邮件”是很正常的,也是设计者所希望的,但是当用户撰写完了正文和标题,突然发现自己想不起收件人的地址了,这可就糟了,“通讯录”的页面甚至不允许在新窗口中打开。经过艰苦的寻找,发现页面右上角有个图标,是“在新窗口中撰写”的功能,不过没有alt提示,谁能猜到它的作用呢?这个功能正是为现在这种情况预备的。点击页面右上角的这个图标,新打开的窗口中将保留用户已经撰写的内容,同时原页面跳转至“通讯录”中用户最近一次打开过的收件人地址。这似乎是对忘掉收件人地址这一错误的补救方式,然而对于发件人来说,这原本就不是一个错误。如果不记得收件人的地址,发件人最好先进入“通讯录”去选收件人的mail地址,然后在“撰写”。如果记得地址,则应该直接进入“撰写新邮件”。同样是发信却需要不同的操作。
阅读全文 »

浏览量:112,179 views 15 条评论 »

幽默的声音

一月 3rd, 2006

声音是交互设计中的一个组成部分,windows系统在启动的时候会有声音;当用户按下数码相机的快门时会有“咔”的快门声;有电话拨入时手机会有铃声…根据不同的应用,声音的设计也各有特色。软件弹出的错误操作提示窗口的声音是不那么让人愉快的,IM软件的新消息提示音通常是比较欢快的—“有好朋友跟你说话了!”声音也可以是幽默的,比如手机铃声,crazyfog就是一个精彩的例子,当然还有更幽默的,它是一个淋浴热水器的提示音。

关于西宁邮政宾馆的热水器,之前我曾经说起过—《西宁邮政宾馆与博客网》。这里所说的提示音还是这个这个热水器的,呵呵,这个热水器的故事还真多啊。

在西宁邮政宾馆里,服务员告诉我,合上电闸,热水器开始加热,加热完成后,会自动发出声音,提示我,我应该去拉开电闸,然后就可以洗澡了。下面是我录下的一段视频,当时就是那样。

Media 点击播放媒体

http://www.56.com/n_v21_/c9_/6_/0_/chouyuchouyu_/1172756883_93_/28317_/0_/12505339.swf

阅读全文 »

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

2005年即将过去,交互设计的革命仍在无力的进行

十二月 30th, 2005

现实生活中有那么多不如意:我们被粗鲁的对待;面对突如其来的状况不知所措;感受不到关怀……

于是我们上网,寻找精神的家园,然而互联网让我们感受到的是更加粗鲁的对待,更多的不知所措,更大的冷漠。

“谁让它是个机器呢,一个愚蠢的机器……”,“还好不是在大庭广众之下,凑活了吧……”我们只能默默接受。

终于有一天,勇敢的人站出来,高声说:“互联网应该设计的让我们满意!”我们这才意识到,自己原本就应该是那个“永远正确的上帝”。于是我们揭竿而起,开始了这场虚拟世界中的虚拟革命。

互联网用户的这场革命也许注定只是理想主义者脑细胞中的肥皂泡。“现在互联网这免费而粗糙的服务不是也挺好嘛。”

至少让我们向着那无人喝彩的胜利迈上一小步吧,因为那可能是我们渺小的一生中最有价值的努力了。

浏览量:18,618 views 1 条评论 »

不要拦着我,我要找工作!—人才招聘类网站的站内搜索

十二月 26th, 2005

人才招聘类网站主要面对的一类用户是求职者,求职者访问人才招聘网站的目的就是找到自己感兴趣的招聘信息,因此,对于求职者来说,职位搜索功能是非常有用的。网站开发者为站内搜索设计了各种各样的辅助选项,而在实际的使用中,求职者却总是会被站内搜索中这些丰富的选项“绊住”,辅助选项不仅没有恰当的帮助求职者,反而成了“绊马索”(人才经常被称作“千里马”的)。

在这里,仅以三家规模较大的人才招聘的专业网站为例,分析人才招聘网站的站内搜索功能(位于各地频道首页中),它们分别是:

uploads/200603/07_012327_hr1.gif
智联招聘网(www.zhaopin.com)

uploads/200603/07_012346_hr2.gif
中华英才网(www.chinahr.com)

uploads/200603/07_012403_hr3.gif
前程无忧网(www.51job.com)

如前所述,人才招聘网站的站内搜索主要的使用者是求职者,因此,在下面的讨论中,“用户”这个称呼专指“求职者”。
阅读全文 »

浏览量:110,378 views 9 条评论 »

西宁邮政宾馆与博客网—不清楚结果且不可撤销的设计

十二月 18th, 2005

今年的十月中旬,我独自去青海湖玩儿,去过青海的人都知道,西宁是必经之地,去青海湖也不例外。于是,我先落脚西宁,去之前就在网上看到了不少介绍,据说“西宁邮政宾馆”是个性价比很不错的地方,于是径直入住。服务员带我进入房间后就给我介绍了淋浴的热水器,“要洗澡,先要先合上电闸,热水器就通了电,加热了。水热后,热水器会自己唱歌,一定把拉开电闸,啊,要拉开电闸,就可以洗澡了,一定不能通着电洗。要调节出水的大小呢,就拧喷头中间的这个旋钮。”服务员交代清楚后,把电闸合上,让水加热,离开了房间。我斜靠在床上,心猿意马的摆弄着电视遥控器,等待着热水器的歌声。

大约一个小时后,“我从天上来,带着兰花草…”的乐曲声突然从热水器的电子小喇叭中传出,我从床上兴奋的跃起,冲进卫生间,拉开电闸。我在青藏高原上的第一次淋浴即将实现了!我以迅雷不及掩耳盗铃的速度脱掉衣服,其速度决不亚于A片中的主人公。进入卫生间,按刚才服务员的介绍,拧中间的旋钮,“还怪紧的…”哎呀我的妈呀!水是出来了,可是,可是这水热的完全可以涮羊肉啊。就这一个钮,也没地方能调节水温,刚才光想着赶紧洗了,也没打听清楚。赶紧关上吧,这可难了,开关旋钮在喷头的正中间,把手伸到中间去拧开关,却对是自取残废啊。最终,我用毛巾包着手在无限痛苦中总算是节流了。我真想马上跃出门外好好问问服务员,当然还是理智战胜了冲动,我还是先去穿衣服了。
阅读全文 »

浏览量:116,538 views 11 条评论 »

在新窗口中 vs 在同一窗口中

十二月 17th, 2005

是在新浏览器窗口中打开链接?还是在原有窗口中打开链接?目前有三种做法:
1.始终在新窗口中打开
2.始终在同一窗口中打开
3.索引页之间在同一窗口中打开,具体的信息页在新窗口中显示。

第一种和第二种做法比较容易使用户建立起正确的心理模型,也就是说,用户很容易理解,但是这两种做法都存在一定缺陷。

第一种做法的缺陷:只要点击就会打开一个新的浏览器窗口,一种类似于病毒的行为方式,浏览这样的网站,很快用户电脑的任务栏上就会充斥大量的任务标签,标签过多,使得标签上无法显示文字,无法识别。使用这样的网站,用户需要时常关闭一些已经浏览过的窗口。

第二种做法是一些可用性大师所倡导的,比如Jakob Nielsen在他的很多文章里都提到这个问题,他的建议是“除去PDF之类的“non-Web documents”,所有的链接都应当在同一浏览器窗口中打开。”在他所进行的调查中,网页设计者将链接设置为在新窗口中打开的理由是:这样做可以留住用户(Designers open new browser windows on the theory that it keeps users on their site.)。
阅读全文 »

浏览量:19,631 views 3 条评论 »