网站的界面设计

发布：2018-10-17 16:37:03 浏览：3822

浏览者需要感知他们在信息组织中所处位置的环境。在纸质文档中，有关“你在哪”的感觉是一个混合产物，它由图书图形设计、文字编排以及图书整体所具备的物理感观提供的图形和编辑编排线索组成。电子文档不会提供任何我们在评定信息时认为是必需的物理线索。当我们看到页面上的Web超文本链接时，便会得知几个信息:我们将被带向何处，链接的那一端有多少信息，以及准确地说有多少链接信息与当前页面相关。实际上，个人Web页面的查看对于很多用户而言都是受限的。很多Web页面并不能百分百地与标准的办公显示器相匹配，通常，还有一小部分页面对用户是不可见。小屏幕移动设备用户的视口更为有限，对于屏幕阅读用户而言，web页面大幅视图不能进行一次性读取，一次只能读取页面上的一个元素。因为任何时候，用户都只能看到站点的一小部分，因此页面需要为用户提供关于网站环境和网站组织的清晰线索。

1.清晰的导航帮助

很多用户与网页的交互都包括文档之间的导航超文本链接。Web站点的主要界面问题是无法让你感知位于局部信息组织中的何处。清晰且一致的图标，图形标识方案，页面标题以及基于图形和文字的概述和总结，都可以帮助加强用户在不浪费时间的前提下找到自己的所需的信息。

用户通常都可以轻松地返回到主页面以及站点中其他主要的导航点。每个页面上都会有基本的链接，并且链接都会位于页面上的固定位置。标题会提供基础的导航链接并且创建一个告知用户正位于站点区域内的标识。

2.没有尽头的页面

Web顶面的显示通常不会出问题，用户可以直接制作或者单击连接到网站深层子顶面的链接。他们可能从未见过你的主页或者其他介绍性的网站信息。如果你的子顶不能链接回主页或者局部菜单页面，用户就不可能访问网站的其他页面，如确认网站的所有顶面都至少有一个返回主页的链接，不过更好的是，同时拥有主页链接和那些链接到网站其他主要区域的链接。对于搜索引擎可视性而言，除了用户界面这个考虑因素以外，这些链接也至关重要

3.直接访问

用户想以尽可能最少的步骤获取信息。这意味着你必须设计一个有效的信息层级来最小化通过菜单页面的步骤。研究表明用户倾向于使用那些至少显示5~7个链接的菜单，他们倾向于使用少量配有精心编排的、“面向过于简化的菜单页面的众多层次”的选择顶面。设计网站层级，使用户只需要一两次单击便可以从网站的主菜单页进入到有效内容页。

4.单一性及一致性

用户不会对那些看起来没有必要的复杂性留有印象，尤其是那些依赖于网站即时、精确的信息的用户。你的界面具象特征应该简单、常见且有逻辑一一如果你需要一个关于信息收集的图示，可以选择一个大家都熟悉的风格，例如，文件夹。不寻常或者奇怪的“创新性”导航和主页图示通常都不会成功，这是因为它们会为用户带来一种不熟悉且不可预知的界面负担。古怪的主页会让用户感到困惑，他们会快速地单击“后退”按钮或者进入Google搜索结果页面中的其他页面，而你将会丢失一个潜在的读者或者顾客。让内容变得精彩的同时请保持界面朴实。Opera是平衡粗体内容与高可用性精简界面的高手。

最好的信息设计从不被人注意。一且你知道标准链接位于页面标题图形的何处，那么界面就尽乎可见了。导航很简单，从来不会喧宾夺主，不会分散用户对内容的关注。若要将功能性和易理解性最大化，则需要基于某个一致的模块单元模型进行页面和网站设计，这些模块单元共享相同的基本布局网格、图形主题、编辑惯例以及组织层级。目标是一致、可预见:用户在访问你的网站时会感到很舒适，并且确信他们可以找到自己所需。Web站点中一系列页面的图形标识为信息的连续性提供了可视化线索。Capgemini网站每页的标题菜单构建出了一致的用户界面以及公司标识。

与主页或者相关页面相连的导航链接”的布局方式都会增强用户身处网站的感觉。为了保留“无缝”页面体系的效果，你可能希望将重要信息置入网站并且对它应用页面布局，而不是使用链接将浏览者送离网站(但是要确保拷贝到你网站的信息没有版权限制)。

5.设计完整性和稳定性

为了让用户相信你所提供的内容都是准确、可信的，你需要像制作其他类型的企业通信那样仔细地设计网站，使用同样高的编辑和设计标准。一个看起来粗制滥造的网站，视觉设计效果差，编辑标准低，是不会激发用户的兴趣与信任的。

所有Web设计中的功能稳定性都指的是确保网站的交互元素能可靠地工作。功能稳定性有两个要素:在设计网站时，第一时间让一切就绪，接着让所有事物的功能在后续保持平稳。好的网站本身就具有交互性，站点里不但有很多与Web中其他网站相连的链接，还拥有大量与本地页面相连的链接。在设计的进程中，需要频繁地检测所有链接是否能正常工作。Web上的信息更改迅速，不但你网站中的如此，其他人的网站亦是如此。在网站创建好后，还需要检査所有的链接，确认它们仍旧正常，并且它们指向的内容仍旧与之相关。

6.反馈及对话

web设计应该通过图形设计、导航链接以及一致摆放的超文本链接为用户的行踪以及选项提供固定可视化确认和功能确认。反馈也意味着时刻准备对用户的询问和评论做出回应。设计良好的Web网站均会提供与网站编辑或负责运作网站的管理员直接联系的链接。对于企业的长期兴旺而言，为了网站的发展，认真规划与用户的联系至关重要。

7.宽带与交互

用户绝不会忍受太长的延迟。研究表明，对于绝大多数计算任务，受挫的极限时间约为10秒。与典型用户网络访向速度不是十分“谐调的”Web页面设计只会让用户产生挫败感。査看Web站点日志的确保你了解典型用户所在的位置以及其使用的网络连接。如果你有很多国际用户，那么在页面中使用大图时就需要更加谨慎了。

类似于GoogleAnalytics之类的Web流量分析程序是个信息宝库，它们收集了诸如谁使用了你的网站以及他们的技术能力如何之类的信息。同时还要留意网站中可能存在的慢速动态内容部分，例如RSS反馈，来自内容管理系统的文字，或者其他会减缓Web页面加载的数据源。

理想情况下，你公司的网站建设管理员应该能提供与典型用户和他们需求相关的报告和信息。如果你无法从企业的Web服务器日志中轻松地读取该信息，那么你可以使用类似于GoogleAnalytics之类的免费服务来加深对用户的了解。