接受伪按钮

九月 24th, 2006

这是一篇关于文字链接与按钮的分析。这里所说的“文字链接”是指那些点击后能打开一个界面的文字,他们只能打开一个界面,没有起其它功能。“按钮”是指具有表单提交、下载等功能的可点击的元素。实际上,这样的定义本身就是区分文字链接与按钮的一种观点。也是window图形用户界面的设计标准。而在网页上,这样的区分并不总是合适的。

在网页的设计中,经常会遇到这样的问题:“这是一个很重要的文字链接,我们是不是应该把它做成一个按钮,这样会更突出……”

关于按钮的问题,我曾经写了一篇《谁是按钮?它在干嘛?》,先简单复述一下:目前网页上普遍的有一些按钮并不是真正意义上的按钮,只是一个文字链接,我称他们为“伪按钮”。伪按钮不应该使用按钮的表现形式。

那篇文章里并没有给出一个更好的方法来表现伪按钮,现在,我不得不说,或许伪按钮还是要用按钮的形式来表现。
阅读全文 »

浏览量:128,721 views 39 条评论 »

是“你”?是“我”?

八月 27th, 2006

在网页上直接与用户对话时,使用第二人称:你,这是再正常不过的了。当然,中文里有更尊敬的词—您。

一个网站中,提供给用户自己管理的个性化空间通常叫做:“我的XXX”,比如:我的音乐站、我的博客、我的节目、我的收藏、我的信箱、我的订阅、我的好友、我的小组、我的主页、我的豆瓣……或许这些都是源于第一代互联网中类似“My Yahoo!”这样的称谓。早期的网站功能简单,与用户的交流也相对较少。现在的网站动不动就得跟用户互动一下,尤其是所谓的web2.0,强调的个人信息发布、分享,网站社区化……这些都使得“我的XXX”越来越多了。“我的XXX”,称呼用户为:您,这两个字之间的矛盾也越来越突出了,比如:
uploads/200608/27_144251_6rooms.gif

是“你”?是“我”?似乎只是一个字眼儿上的小问题,但在实际的网页设计中,却会造成不小的麻烦。
阅读全文 »

浏览量:110,298 views 33 条评论 »

麦当劳两则

七月 16th, 2006

工业产品的设计从上个世纪初(甚至可以说是上上个世纪末)就开始了,经历了百年。工业设计中的很多经验对于现在的互联网设计都是很有启发的。

最近经常回家很晚,常去门口的麦当劳吃晚饭。在那里注意到两个很有意思的设计。

第一则:厕所的门
uploads/200607/16_185600_outsidedoor.jpg
这是在麦当劳厕所外面拍摄的。可以看到,所谓的门把手就是钉在门上的一个金属板。这个门要怎么打开?没法往外拉,没法横向推拉,只能往里推。
阅读全文 »

浏览量:129,773 views 21 条评论 »

无限,有限

七月 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,946 views 33 条评论 »

信息交流模型

六月 5th, 2006

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

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

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

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

文字还是图标?

五月 8th, 2006

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

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

浏览量:115,915 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,653 views 37 条评论 »

网易部落后台管理评测

三月 2nd, 2006

说明:

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

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

这个评测中不包含:

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

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

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

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

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

引导用户创建心理模型

二月 28th, 2006

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

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

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

浏览量:110,822 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,912 views 8 条评论 »