行业关键字
UI设计UI理论和资料 → 正文
网站设计和图形用户界面(GUI)设计的不同
作者: jammy 来源: 视觉同盟 时间: 2011年1月25日

设备的多样性

  在传统GUI设计里,你能够控制每一个像素:你制作一个对话框的时候,你可以确定它在用户屏幕上的真实尺寸。你知道你在为什么系统设计,你知道那里安装了什么字体。你知道典型的显示器尺寸有多大,操作系统的作者告诉你给窗口做装饰的规则。

  在网站方面,所有的上述设想都土崩瓦解。用户可能通过一台传统的计算机访问网站,也可能在用一个WebTV,可用笔点击的手持式设备,或者是Nokia移动电话,甚至他们的汽车就是一个Internet设备。在传统设计里,笔记本电脑和高端工作站屏幕的区别可能只有六种。在网上,我们必须应付手持的设备和工作站的屏幕区别可能有上百种,Modem和T-3专线之间的区别可能有上千种。

  任何一个网站设计在不同的设备上看起来都大不一样:显然,所见即所得已经不灵了,看上去不同是一个特点,而不是个毛病,因为最佳的用户经验是需要根据设备的不同特征予以适当得调节。很特别的或者很低端的设备,都严格的要求网站内容适应特定的平台。达到这一目标的唯一道路就是放弃对界面的完全控制,让他们的网页展现取决于页面描述、特殊设置和客户端设备特性的相互影响。

  为每个不同的平台设计一个抽象的UI描述比听起来困难的多。基本的HTML法则可以给设计师提供一个实现他们创意的好方法,但是不能提供给他们所有的方法。一般都提倡把内容和描述分离,使用Style Sheets定义描述,但是这样做更利于信息内容本身而非交互操作。

用户控制导航

在传统的GUI设计中,设计师可以控制用户什么时候可以去哪儿。你不想让某个菜单项工作,你可以让他变灰。你可以扔出一个对话框中止计算机的运行,直到用户回答了你的问题。

在网上,用户从根本上控制了他或她自己的使用网页的行为。用户可以抄小路而不受设计师的任何影响:比如,用户可以从搜索引擎直接进入网站内部,而不必经过首页。用户还可以控制他们自己的书签菜单,并利用它建立起一个网站的个人化接口。

网站设计师需要配合并支持这种用户可控制的使用方式。有时你可以强制用户使用特定的路径,阻止他们链接某些页面,可这么做的网站就显得过分的专制、独裁。最好设计的可自由移动一些,比如,在每一页放一个链接到首页的图标,给那些直接进入该页的人提供一个返回首页的导航。

整体的一部分

传统的应用程序是一种封闭式的用户经验:尽管Windows系统允许应用程序相互切换并且可以同时运行多个程序,但是在任一时刻,用户其实是处于一个单一的应用程序之中,而且只有针对这个程序的命令和一些动作起作用。在每一个程序上用户都花过很长时间,并且在逐渐熟悉他们的特征和设计。

在网上,用户在不同的网站之间,不同的设计(也就是网站)之间跑来跑去,具有相当的流动性。很少有人见一个网站就花上几分钟去看。他们经常通过超链接从这个站跳到那个站。这种情况下,对于用户的感觉,所有的网站是一个整体,而不是某个特定的网站:也就是说,用户需要每一个网站的使用习惯都是一样的,都是他们对整个网络的使用习惯的一部分,而不是每个网站都有它不同的习惯。在可用性研究中,用户经常抱怨那些用法离谱的网站不好使。换句话说,网络已经变成了一个整体的概念,每一个网站都是这个概念的一部分。

当然,传统GUI也是某个整体的一部分,遵循(操作系统)厂商的设计规则是比较明智的。关键一点就是在网站设计各方面,个性化设计与整体设计之间的天平倾向了整体。但是我们没有已确立的网站设计规则,没人告诉你应该如何运用界面元素建立一个符合整体概念的网站。我积极拥护建议搞一套正式的网站设计约定出来。我对网站设计师的忠告就是,你的网站不是别人世界的中心:用户还要在网站跳来跳去,我们应该让他们用任何一个新网站的时候都感到方便。

(责任编辑: Change Key

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版