WebDesign Usability CheckList (WEB可用性检查单)中的名词解释

面包屑型结构(WEB网页)

在童话故事“汉泽尔和格雷特尔”中,当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。

虽然这只是一个孩子们的童话故事,但它却蕴涵了多种含义。实际上,网站设计者亦可从中受到启发:在结构上纵深的网站应该采用这种“面包屑型”结构,以足迹的方式呈现用户走过的路径,或者说以层层渐进方式呈现该网页在整个网站架构中所处的位置,从而为用户提供清晰分明的网站导览。

“面包屑型”架构让用户对他们所访问的此页与彼页在层次结构上的关系一目了然。这种网站结构的其中一个最明显的特性体现莫过于返回导览功能。

返回导览不仅可改善网站的实用性,同时亦可提高网站对搜索引擎的友好性。网站的实用性对所有网站来说都是一个非常重要的因素。但遗憾的是,却并不是所有网站设计者都能够明白这一点。而一旦这一点无法在网站设计中得以贯彻和体现,那么网站的整体性能就不能不让人堪忧了。试想一下,无论访问者是通过搜索引擎还是别的什么链接进入了某个购物的网页,而这个网页中又没有提供我们所说的“面包屑型”返回导览,当使用者想回到上一层页面寻找其它类似产品时,只能通过浏览器里的Back功能原路返回。 但是如果有了“面包屑型”返回导览,情况就会变得大大不同。例如上述的购物网页,当使用者发现东西不够满意,他就可以快速回到上一层或直接进入产品目录去寻找其它的类似页面或产品。 这一点对搜索引擎来说也不例外。提供良好的返回导航连接可帮助搜索引擎更好地检索整个网站。此外,“面包屑型”导航连接中的链接文字还可以增进链接页的搜索引擎排名。

成功的网站是将主控制权交给对网站的使用者,而不是抓着不放,企图控制使用者浏览的自由。若非如此,则网站显然丧失了对使用者的友好性。我就见过这样的网站,只有主页上有产品的内部页面链接,所以无论进入哪一个内部页,若想进入别的页面则必须先回到主页。象这样的一个站点,又如何指望使用者来买他的产品或成为潜在客户呢?

网站的导航结构极之重要。应保证使用者能够通过主站点导航到达网站的每个主要页面, 而次要一些的页面又可以通过访问这些主要的页面来进入,并提供返回上层页面功能。但没必把在每个页面上都放上网站的每个链接。这些规则虽则简单,但却不仅能为网站的实际访问者,同时还会为搜索引擎提供更好的体验。

除此之外,良好的网站导航还应对使用者“透明”,即使用者能够在网站中来去自如,但又无须经过层层的固定顺序。换言之,可使用平行或互动方式辅助网站导航的线性流程安排。

LONGDESC 属性(Img标签)

longdesc属性是用来指出了指向媒体对像详细描述的一个链接,简单地在alt属性不够描述的时候会使用.但由于有些文字形态的浏览器无法辨别longdesc属性,因此为了达到长篇替代文字说明的目的,网页在使用longdesc属性作替换边接时,可以考虑再提供另一个独立的替代文字说明的超链接,做为替代文字说明判读的选择.

  1. <img id="compman" longdesc="compman_description.htm" src="http://www.keephelp.com/wp-admin/compman.gif" alt="Computerman" />
  2. <script type="text/javascript"><!--
  3. var x=document.getElementById("compman");document.write("Description for image: ");document.write('<a href="' + x.longDesc + '" mce_href="http://www.keephelp.com/wp-admin/' + x.longDesc + '">Description</a>');
  4. // --></script>

这一段代码可以让id为”compman”的图片下面增加一行对图片的描述的链接,这个链接可以直接进入到一个专门的页面,这个页面是详细的对这个图片的描述。

当然LONGDESC属性可以直接使用一些长的文本,此外这个属性还可以当成SEO的一种方法呵。

有衬线字体与无衬线字体(serif vs sans serif)

在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和 Serif,打字机体虽然也属于 Sans Serif,但由于是等宽字体,所以另外独立出 Monospace 这一种类,例如在Web中,表示代码时常常要使用等宽字体。

Serif的意思是,在字的笔画开始及結束的地方有额外的装饰,而且笔画的粗细会因直橫的不同而有不同。相反的,Sans Serif则沒有这些额外的装饰,笔画粗细大致差不多。

衬线字体无衬线字体(serif vs sans serif)

可以看出,我们平时所用的Georgia、Times New Roman等就属于Serif字体,而Arial、Tahoma、Verdana等则属于Sans Serif字体。对中文而言,同样存在这两大种类,很明显,宋体、细明体(繁体中常用)等就属于Serif,而黑体、幼圆等则属于Sans Serif。

Serif 和 Sans Serif 的一般比较
1、Serif的字体容易辨认,因此易读性较高。反之Sans Serif 则较醒目,但在行文阅读的情況下,Sans Serif 容易造成字母辨认的困扰,常会有来回重读及上下行错乱的情形。
2、Serif 强调了字母笔画的开始及结束,因此较易前后连续性的辨识。
3、Serif 强调一个word,而非单一的字母,反之Sans Serif则强调个别字母。
4、在小字体的场合,通常Sans Serif比Serif更清晰。
适用用途:
通常文章的內文、正文使用的是易读性较佳的 Serif 字体,这可增加易读性,而且长时间阅读下因为会以word为单位来阅读,较不容易疲倦。而标题、表格內用字则采用较醒目的Sans Serif字体,它需要显著、醒目,但不必长时间盯著这些字来阅读。

像宣传品、海报类,为求醒目,它的短篇的段落也会采用Sans Serif字体。但在书籍、报刊杂志,正文有相当篇幅的情形下,则应采用Serif字体来减轻读者阅读上的负担。

中文的情况
在中文的情形也是有相当于 serif 的字体,例如宋体就是 serif 的,他通常是和 Times Roman 字体来搭配的。而黑体、幼圆等就相当于是 sans serif 的字体。
在中文直排的情況,比较不容易区分 serif/sans serif 之间的差异性,但是在目前中文橫排普遍的情形下,以上所谈到的易读性、醒目性也是适用于中文的。

有衬线字体与无衬线字体(serif vs sans serif) 有衬线字体与无衬线字体(serif vs sans serif)

经常看到中文出版的书籍、杂志,内容中间使用了不易阅读,但却很醒目的黑体或者幼圆等字体,这对读者来说,在长期阅读之下很容易就引起眼睛不舒服,似乎是应该尽量避免才是。在Web设计及浏览器设置中也应遵循此原则为是。

如果你是第一次来这儿,欢迎订阅 feedsky RSS feed。 第一时间看到更多精彩内容,谢谢你的访问!
原文地址:http://www.keephelp.com/ued-web/web-ued-dexplanation/
转载请注明出处,非常感谢!
xddxz on 04月 15th, 2008 | File Under WEB可用性 | -