如何做好网站制作中导航的设计

来源:本站日期:2018-7-5

在你第一次使用某个网站应用产品时,熟悉它的关键在于是否能理解整个站点的内部结构。而最初的几个瞬间对于是否能形成美好的第一印象至关重要

在你第一次使用某个网站应用产品时,熟悉它的关键在于是否能理解整个站点的内部结构。而最初的几个瞬间对于是否能形成美好的第一印象至关重要。

令人迷惑的术语和拙劣的结构组织,将会在几秒钟内把我们从满怀希望和兴致勃勃带往灰心、失败和挫折。所以能很快在网站中找到方向的重要性是毋庸置疑的。

人们通常获得导向的方法是:粗略扫视一遍页面,看看ft己有哪些选择,并且快速过滤掉那些无关自己兴趣的内容。例如,在某个企业网站寻找该公司的信息时,我们会寻找诸如关于我们、公司简介、关于我们以及类似的超链接。如果看到那些不符合自己需要的链接,我们会直接忽略它们。而当某个符合需要的链接出现时,我们会更为仔细地查看与其毗邻的文字,以图确定其是否正是我们需要的选项。如果是,我们就单击。

换句话说,我们先浏览页面的各主要区域,找出相关的部分,然后在这些部分里的项目中找出关联性更强的,并且希望最终能发现那些我们确实一直在寻找的内容(或者,如果浏览没有什么特定目的,我们可能会发现更有趣的内容)。

这种推理的过程不仅能帮助我们首次浏览时找到方向,而且还能在我们使用过网站一段时间后,帮助我们进一步寻找某些信息,或者完成某些任务。出于这种原因,导航过程本身是否合理变得至关重要。它的意义不在于是否能反映了网站内部的结构,而是在于对我们用户是否合情合理。网站必须符合我们思考问题的方式。

我曾经参与过一个项目,需要重新设计一个面向网站建设者的“所见即所得(D”式的网站应用。这个程序有些类似GooglePageCreator?它让用户仅需操作可视化的编辑工具就能创建和编辑网页,而无需手写代码。

然而,与PageCreator小同,这个产品已经存在jT很长一段时间,经历过好几次大的改动。站点的功能越来越多,站点的导航也变得越来越繁冗。网站建设者只是随意地将新的网站元素添加到网页中,结果用户越来越难完成任务。

对于一个用户达好几万人的网站应用程序来说,这种状态可不乐观。

开发团队和我在一起工作了好几周,对该产品做了一次全面检修。导航功能只是其中的一小部分,但却又是非常重要的一部分。


当今流行的XHTML+CSS技术要求网站设计师使用规范的HTML代码。W3C组织建议HTML代码应当只起到单纯的语义作用,这表示页面布局应通过CSS来实现。严格意义上来说,表格只能用于表现表格数据,而不能被用来规划页面的布局结构。这对广大习惯于使用表格布局的设计师来说是一个很大的冲击,但亦是潮流趋势的必然。

屏幕阅读器的原理是“朗读”出页面中的文本文字。很明显它们无法朗读出m片的内容,但可以读出图片的ALT字符串。(HTML中为IMG标记添加的文本字符串,用于对网页中的图片进行描述。它允许使用纯文本浏览器或选择不下载阁像的用户了解图像的说明。
0
首页
报价
案例
联系