建站常识
网站设计和图形用户界面(GUI)设计的不同
2006-01-06 21:55:00
网站设计和传统的软件用户界面设计是有区别的。大体上说,设计师必须放弃对界面的完全控制,让用户和他们的客户端软/硬件来决定一部分。
当然,网站设计和?车挠没Ы缑嫔杓?UI Design)还是有很多相似之处的:最基本一点,他们都是交互式系统,都属于软件设计范畴而不是物理设计范畴。
设备的多样性
在传统GUI设计里,你能够控制每一个像素:你制作一个对话框的时候,你可以确定它在用户屏幕上的真实尺寸。你知道你在为什么系统设计,你知道那里安装了什么字体。你知道典型的显示器尺寸有多大,操作系统的作者告诉你给窗口做装饰的规则。
在网站方面,所有的上述设想都土崩瓦解。用户可能通过一台传统的计算机访问网站,也可能在用一个WebTV,可用笔点击的手持式设备,或者是Nokia移动电话,甚至他们的汽车就是一个Internet设备。在传统设计里,笔记本电脑和高端工作站屏幕的区别可能只有六种。在网上,我们必须应付手持的设备和工作站的屏幕区别可能有上百种,Modem和T-3专线之间的区别可能有上千种。
任何一个网站设计在不同的设备上看起来都大不一样:显然,所见即所得已经不灵了,看上去不同是一个特点,而不是个毛病,因为最佳的用户经验是需要根据设备的不同特征予以适当得调节。很特别的或者很低端的设备,都严格的要求网站内容适应特定的平台。达到这一目标的唯一道路就是放弃对界面的完全控制,让他们的网页展现取决于页面描述、特殊设置和客户端设备特性的相互影响。
为每个不同的平台设计一个抽象的UI描述比听起来困难的多。基本的HTML法则可以给设计师提供一个实现他们创意的好方法,但是不能提供给他们所有的方法。一般都提倡把内容和描述分离,使用Style Sheets定义描述,但是这样做更利于信息内容本身而非交互操作。
用户控制导航
在传统的GUI设计中,设计师可以控制用户什么时候可以去哪儿。你不想让某个菜单项工作,你可以让他变灰。你可以扔出一个对话框中止计算机的运行,直到用户回答了你的问题。
在网上,用户从根本上控制了他或她自己的使用网页的行为。用户可以抄小路而不受设计师的任何影响:比如,用户可以从搜索引擎直接进入网站内部,而不必经过首页。用户还可以控制他们自己的书签菜单,并利用它建立起一个网站的个人化接口。
网站设计师需要配合并支持这种用户可控制的使用方式。有时你可以强制用户使用特定的路径,阻止他们链接某些页面,可这么做的网站就显得过分的专制、独裁。最好设计的可自由移动一些,比如,在每一页放一个链接到首页的图标,给那些直接进入该页的人提供一个返回首页的导航。
整体的一部分
传统的应用程序是一种封闭式的用户经验:尽管Windows系统允许应用程序相互切换并且可以同时运行多个程序,但是在任一时刻,用户其实是处于一个单一的应用程序之中,而且只有针对这个程序的命令和一些动作起作用。在每一个程序上用户都花过很长时间,并且在逐渐熟悉他们的特征和设计。
在网上,用户在不同的网站之间,不同的设计(也就是网站)之间跑来跑去,具有相当的流动性。很少有人见一个网站就花上几分钟去看。他们经常通过超链接从这个站跳到那个站。这种情况下,对于用户的感觉,所有的网站是一个整体,而不是某个特定的网站:也就是说,用户需要每一个网站的使用习惯都是一样的,都是他们对整个网络的使用习惯的一部分,而不是每个网站都有它不同的习惯。在可用性研究中,用户经常抱怨那些用法离谱的网站不好使。换句话说,网络已经变成了一个整体的概念,每一个网站都是这个概念的一部分。
当然,传统GUI也是某个整体的一部分,遵循(操作系统)厂商的设计规则是比较明智的。关键一点就是在网站设计各方面,个性化设计与整体设计之间的天平倾向了整体。但是我们没有已确立的网站设计规则,没人告诉你应该如何运用界面元素建立一个符合整体概念的网站。我积极拥护建议搞一套正式的网站设计约定出来。我对网站设计师的忠告就是,你的网站不是别人世界的中心:用户还要在网站跳来跳去,我们应该让他们用任何一个新网站的时候都感到方便。
当然,网站设计和?车挠没Ы缑嫔杓?UI Design)还是有很多相似之处的:最基本一点,他们都是交互式系统,都属于软件设计范畴而不是物理设计范畴。
设备的多样性
在传统GUI设计里,你能够控制每一个像素:你制作一个对话框的时候,你可以确定它在用户屏幕上的真实尺寸。你知道你在为什么系统设计,你知道那里安装了什么字体。你知道典型的显示器尺寸有多大,操作系统的作者告诉你给窗口做装饰的规则。
在网站方面,所有的上述设想都土崩瓦解。用户可能通过一台传统的计算机访问网站,也可能在用一个WebTV,可用笔点击的手持式设备,或者是Nokia移动电话,甚至他们的汽车就是一个Internet设备。在传统设计里,笔记本电脑和高端工作站屏幕的区别可能只有六种。在网上,我们必须应付手持的设备和工作站的屏幕区别可能有上百种,Modem和T-3专线之间的区别可能有上千种。
任何一个网站设计在不同的设备上看起来都大不一样:显然,所见即所得已经不灵了,看上去不同是一个特点,而不是个毛病,因为最佳的用户经验是需要根据设备的不同特征予以适当得调节。很特别的或者很低端的设备,都严格的要求网站内容适应特定的平台。达到这一目标的唯一道路就是放弃对界面的完全控制,让他们的网页展现取决于页面描述、特殊设置和客户端设备特性的相互影响。
为每个不同的平台设计一个抽象的UI描述比听起来困难的多。基本的HTML法则可以给设计师提供一个实现他们创意的好方法,但是不能提供给他们所有的方法。一般都提倡把内容和描述分离,使用Style Sheets定义描述,但是这样做更利于信息内容本身而非交互操作。
用户控制导航
在传统的GUI设计中,设计师可以控制用户什么时候可以去哪儿。你不想让某个菜单项工作,你可以让他变灰。你可以扔出一个对话框中止计算机的运行,直到用户回答了你的问题。
在网上,用户从根本上控制了他或她自己的使用网页的行为。用户可以抄小路而不受设计师的任何影响:比如,用户可以从搜索引擎直接进入网站内部,而不必经过首页。用户还可以控制他们自己的书签菜单,并利用它建立起一个网站的个人化接口。
网站设计师需要配合并支持这种用户可控制的使用方式。有时你可以强制用户使用特定的路径,阻止他们链接某些页面,可这么做的网站就显得过分的专制、独裁。最好设计的可自由移动一些,比如,在每一页放一个链接到首页的图标,给那些直接进入该页的人提供一个返回首页的导航。
整体的一部分
传统的应用程序是一种封闭式的用户经验:尽管Windows系统允许应用程序相互切换并且可以同时运行多个程序,但是在任一时刻,用户其实是处于一个单一的应用程序之中,而且只有针对这个程序的命令和一些动作起作用。在每一个程序上用户都花过很长时间,并且在逐渐熟悉他们的特征和设计。
在网上,用户在不同的网站之间,不同的设计(也就是网站)之间跑来跑去,具有相当的流动性。很少有人见一个网站就花上几分钟去看。他们经常通过超链接从这个站跳到那个站。这种情况下,对于用户的感觉,所有的网站是一个整体,而不是某个特定的网站:也就是说,用户需要每一个网站的使用习惯都是一样的,都是他们对整个网络的使用习惯的一部分,而不是每个网站都有它不同的习惯。在可用性研究中,用户经常抱怨那些用法离谱的网站不好使。换句话说,网络已经变成了一个整体的概念,每一个网站都是这个概念的一部分。
当然,传统GUI也是某个整体的一部分,遵循(操作系统)厂商的设计规则是比较明智的。关键一点就是在网站设计各方面,个性化设计与整体设计之间的天平倾向了整体。但是我们没有已确立的网站设计规则,没人告诉你应该如何运用界面元素建立一个符合整体概念的网站。我积极拥护建议搞一套正式的网站设计约定出来。我对网站设计师的忠告就是,你的网站不是别人世界的中心:用户还要在网站跳来跳去,我们应该让他们用任何一个新网站的时候都感到方便。
下一篇:对传统文化的视觉取舍
近期更新
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 高端网站定制与模板化网站应该怎么选择?
- [2022-04-22 16:00:41] 现在高端的网站设计都有哪些新的趋势?
延伸阅读
- [2006-08-31 16:50:00] 谈谈网站建设过程中的策划与准备
- [2014-07-15 22:48:47] 国外优秀的网站设计欣赏
- [2009-07-21 07:53:00] 搜索结果页(SERP)之:个性化如何影响用户行为
- [2020-11-27 13:54:50] 网站建设时,设计首页时务必要重视的几点
- [2006-01-08 20:53:00] 谈谈在网站建设中的引用学问
- [2016-08-01 11:18:12] 青岛力图数字科技,分享百度优化影响网站权重的因素
- [2010-06-25 08:10:00] 信息构架的若干原则 (第二部分)
- [2009-11-16 08:29:00] 关于“用户问题”的严重程度定义
- [2009-05-27 14:10:00] 你的网站使用了微格式了么?
- [2006-11-05 17:28:00] 网页UI设计95%是排版
- [2007-06-22 12:26:00] 非设计师谈设计之Apple改版
- [2006-05-23 09:59:00] web标准下的web开发流程思考