Web设计不同于传统的软件用户界面设计。主要是设计师必须这么做放弃完全控制并与用户及其客户端硬件/软件分担UI的责任。

当然也有相似之处在Web设计和传统UI设计之间:在最基本的层次上,两者都是交互系统,都是软件设计,而不是物理对象的设计。

设备的多样性

在传统的GUI设计中,您可以控制屏幕上的每个像素:当您布局一个对话框时,您可以放心它的外观完全在用户的屏幕上也是一样。你知道你设计的是什么系统,你知道它安装了什么字体,你知道屏幕通常会有多大,你有系统供应商的风格指南告诉你组合交互小部件的规则。

在网络上,所有这些假设都不成立。用户可以通过传统的计算机访问Web,但也可以很容易地使用网络电视机诺基亚手机,甚至他们的汽车也可以作为上网设备。在传统设计中,笔记本电脑和高端工作站的屏幕面积相差6倍。在网络上,我们目前需要在手持设备和工作站之间容纳100倍的屏幕面积,在调制解调器和T-3连接之间容纳1000倍的带宽。

任何给定的网页设计在各种各样的设备上看起来都会非常不同:很明显,所见即所得已经过时了。的确,看起来不同是一种特性,而不是缺陷,因为最佳的用户体验需要调整每个设备的特性。设备越专门化或越低端,Web内容转变为适合平台的内容的要求就越严格。实现这一点的唯一方法是让设计人员放弃完全控制,让页面的表示由页面规范、首选项设置和客户端设备的其他特征的相互作用决定。

为每个平台设计一个抽象的、以不同方式实例化的UI规范比听起来要困难得多。HTML的基本原则可以让设计师朝着理想的方向走很长一段路,但并不是全部。建议将意思、表示和使用分开样式表指定表示,但这样做对信息性内容比交互更有效。

用户控件导航

在传统的GUI设计中,设计师可以控制用户何时去哪里。您可以将当前状态下不适用的菜单选项变灰,并且您可以弹出一个模式对话框,直到用户回答问题为止。

在Web上,用户从根本上控制他或她在页面中的导航。用户可以采用设计者从未想过的路径:例如,他们可以直接从搜索引擎进入网站的内部,而无需浏览主页。用户还可以控制自己的书签菜单,并使用它来创建一个自定义的网站界面。

网页设计者需要适应和支持用户控制的导航。有时候,你可以强迫用户通过固定的路径,并阻止人们链接到特定的页面,但这样做的网站会让人觉得苛刻和霸道。更好的做法是为用户的行动自由而设计,例如,在每个页面上放一个徽标(链接到主页),为直接进入该页面的用户提供上下文和导航。

整体的一部分

传统的应用程序是一种封闭的用户界面体验:即使窗口系统允许应用程序切换并同时显示多个应用程序,用户在任何给定的时间基本上都处于一个应用程序中,只有该应用程序的命令和交互约定是活动的。用户在每个应用程序中花费相对较长的时间,熟悉其功能和设计。

在Web上,用户以非常快的速度在站点之间移动,不同设计(即站点)之间的边界是非常流动的。用户很少在一个给定的站点上花费超过几分钟的时间,用户的导航经常带他们从一个站点到另一个站点,因为他们遵循超链接。因为这种快速的移动,用户觉得他们是使用整个网络而不是任何特定的站点:用户不希望阅读任何单个站点的手册或帮助信息,而是要求能够在Web约定的基础上使用站点,这些约定是他们使用其他站点的经验的集合体。在可用性研究中,当用户接触到使用不同方式的网站时,他们会痛苦地抱怨。换句话说,网络作为一个整体已经成为一种体裁每个网站的解释都与体裁的规则相关。

当然,传统gui也是整体的一部分,建议遵循供应商的设计风格指南。重点是,个人设计和整体设计之间的平衡倾向于整体的Web设计。与此同时,我们还没有任何既定的Web设计风格指南来规定设计师应该如何使用他们的界面词汇来构建符合这一点的网站。我强烈支持建立一套官方的网页设计规范;只要我们还没有这样的网站,我对网页设计师的建议是,在设计时要融入其中,并承认你的网站不是用户世界的中心:他们要在不同地点之间移动,而我们让他们更容易地使用每个新网站。