asp学习网: 首页 >> 杂项 >> 减少网站设计中的冲突 性问题

减少网站设计中的冲突 性问题

 我们可以使用其它关键要素来减轻网络环境中存在的冲突和不便。

《不必说 是从某网站复制过来的 他们的问题在于没有写老外的名字 连翻译者的名字也没有 所以我也不告诉大家这是从哪里来的》

另外需要特别指出的事,当为您的中国客户创建一个企业网站时,请将这些美国人的观点放到一边去。

转载的时候就写 来自www.aspxuexi.com  吧

我们可以通过各种方法来制作简洁明了的网页,从而增加它的浏览效率。
页面效果包含下面几个重要因素:
文化敏感性
用户访问该页面的方法和途径
连接速度
客户端和服务器端的时间延迟
字体的变化
颜色的变化

文化敏感性:我不懂你,你也不懂我。(要点:网页中倡导的文化必须是每个人都能理解和接受的)

因为互联网是真正意义上的全球性网络,因此,这里将会有形形色色,并带有不同文化、风俗和信仰的人群访问你的网站。
.......这个问题有意思
同时,因为你不清楚这些用户是通过什么途径进入你的网站的(毕竟是茫茫人海啊),因此,用户对你的公司以及你提供的服务和产品的总体印象你也将一无所知。
那么,碰到上述这样的问题,我们能做些什么呢?
尽量使用国际通用的网络文化和惯例,避免使用某一方或某一国家所特有的网络惯例
最好能够使用精简通俗的多语言版本,帮助那些与你的母语不同的用户阅读网站内容
不要事先假设用户对你的品牌有多么的信任,因为他们现在仅仅是访问你的网站而已。请善待你的每一个用户,因为你需要博得他们更多的信任和尊敬。
你并不了解用户是通过什么方法或途径访问你的网站的

通常情况下,你不能够确定用户是通过什么方法或途径访问你的网站的。


那么,碰到上述这样的问题,我们能做些什么呢?

简明的阐述网站内容,告诉你的用户:现在位于网站中的哪个位置,该页面包含了什么信息,还能在其它的哪个地方寻找到类似信息。


连接速度

用户访问你站点的速度可能很慢,如果是用移动电话访问的话,可能只有0.5KB/S。这里要强调的是:用户的实际传输速率远远比名义最大访问速率小。典型的例子是:55.6KB/S的Moden在一般状态下的传输速率大概只有3-4KB/S,如果是“网络高峰期”,大概还会更少。一个“高承载”的服务器可能会遇到传输瓶颈。因此,减少页面的尺寸不仅仅能够改进页面的可用性,并且还能提高用户的浏览速度。

那么,碰到上述这样的问题,我们能做些什么呢?
尽量在多个页面加载同一张/系列的影像,削减背景影像的尺寸
尽量使用样式表(通常可以减少下载量)中的样式属性来创建背景色、边框和滚动效果

创建清爽、简明的HTML代码
客户端和服务器端的时间延迟问题

无论用户的连接速度有多快,网络服务器和浏览器之间的交互通常会出现延迟现象。一般超过1/10秒的延迟,人们就会有所感觉。那么,浏览器向服务器发出的请求时间越长,用户就更有可能放弃尝试连接该网站。如果一个人能够等待响应超过十秒钟,那么他已经是非常有耐心的人了(这样的人很少)。因此,响应时间对于网站的成功起到至关重要的作用。

那么,碰到上述这样的问题,我们能做些什么呢?
尽可能的使用CSS。因为用Table[表格]将会延长递归时间

尽可能地分散网页内容,将相关的内容放在一个区域里; 尽量避免在一个大的Table[表格]中嵌套整张网页

尽量减少内容中各类影像、图像的使用量

网页中的重要栏目尽量基于text/css创建,而不是图片。重要栏目中通常包括下面几个方面的内容:告诉用户现在位于网站中哪个位置,他们可以在这做些什么;网站中是否还有其它相关的网页可以浏览。如果到了那张网页内,他们又可以做些什么。 (www.aspxuexi.com 最直接的办法是使用高质量的主机)

字体差异

不用的电脑和设备使用不同的字体。Macintoshes[(Mac)麦金托什机:苹果公司于1984年推出的一种系列微机],他拥有比普通个人计算机更多的字体。其中的许多字体我们都假定它是通用的,但事实并不是这样,举个例子来说,一直以来,MS Office对该类字体的显示都是xxxx[即:不能显示该字体]。

案例:如今,Windows PC 中使用的最广泛的英文字体是Verdana,因为它是“宽螺距、无衬线[衬线:字母主线端的短细线,如在M 的顶部和底部的细线]”的字体。但是Macs[苹果机]却不支持该字体。

那么,碰到上述这样的问题,我们能做些什么呢?


尽量使用所有电脑都通用的字体来创建和设计网页,最大限度的使用无衬线字体。我认为最好使用下面这个字体样式:
font-family:verdana,helvetica,arial,sans-serif;

旨在迫切需要提高可读性的情况下使用其它类别的字体,但要降低它的优先级别。例如:在header[页首]中使用“大尺寸含衬线”字体;在代码片断中使用“固定螺距”字体(如:Courier字体);其它的部分,使用“无衬线”字体。请记住:一定要在每个页面中体现出你的创造性精神。

颜色差异

少数的老版本电脑只能用256色显示。这些颜色在PC机上和Mac[苹果]机上是存在差别的,但是,其中的216色是相同的。因此,便形成了216色web-safe[网络通用]调色板。我的建议是:尽量在所有的页面上使用216色web-safe[网络通用]调色板上的颜色,从而保证每个不同的访问者[来自于不同的电脑]所看到的颜色是相同的。这也是建站中需要注意的一点。

那么,碰到上述这样的问题,我们能做些什么呢?

页面中所使用的颜色数量要尽可能的少,并且所使用的颜色之间要相互匹配,最好按照一套具体的配色计划进行设计

尽可能全部使用216色web-safe[网络通用]色中的颜色

使用白色作为内容背景色

少数人青睐于丰满的配色方案,因此,在制定配色方案中,除了尽可能少的使用不同颜色外,还要同时注意,如何利用这些少量的颜色体现出丰满的效果

Support for HTML/CSS/JavaScript/Flash
对HTML/CSS/JavaScript/Flash的支持

并不是所有的浏览器都支持最新版本的HTML或CSS,有些人甚至还不允许安装Flash插件;极少数浏览器也不允许运行JavaScript,但是,大多数浏览器还是支持运行这些插件和脚本程序的。

那么,碰到上述这样的问题,我们能做些什么呢?

这段时间,如果你侥幸希望你的目标客户在flash中或是DHTML(动态HTML)网页中查看内容,那么,我要告诫你的是:你必须要考虑到你的目标市场,千万不要幻想存在那么多理想客户,要保证他们能够方便、及时地获取所需的信息。还有一点,当你使用特定的格式时,必定会有一部分人会排斥这种格式,所以,你还必须得想办法把这些人留住。
便利访问性

那么,碰到上述这样的问题,我们能做些什么呢?

尽量使用纯文本而非影像图片。CSS可以很容易地丰富按钮背景,并制作内置的鼠标经过效果

所有文字尽量不要使用固定的尺寸,最好是能根据显示器和分辨率的不同自动调整。因为,视力不好的人不喜欢阅读小文字,他们更偏爱于大字体

尽量在每张图片的“alt”属性中写上有助于理解这张图片的文字,旨在增加用户浏览器的可读性。注意:这些描述性文字必须要言简意赅。

from:asp学习网/title:减少网站设计中的冲突 性问题/ time:2007-11-3 16:43:36

本文主题设计

网站主页设计:目标导向型可取么

设计师十大法则

网页设计:细节决定成败

SQL Server查询设计:避免10个错误

43个你应当避免的Web设计错误[带英文原文]

确定网站的整体风格和创意设计

设计师之诫

为 ADO 程序员设计的 ADO.NET !

asp教程 ©2006-2007 aspxuexi.com | 关于站点 | 版权隐私 | 站内搜索
复制或者翻版 请于夜间进行