`
dawnzhang
  • 浏览: 44600 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

专业主页设计原则

阅读更多
在任何Web站点上,主页是最重要的页面,会比其他页面有更大的访问量。主页对公司收入的影响要比简

单的商务增收方法大的多:主页使公司对外的脸面。在做任何生意之前,越来越多的潜在客户将查看公司

在网上的形象——而不考虑公司是否在网上有真正的商务活动。

    主页最重要的作用在于它能够表现出公司的概貌,能够显示出与竞争对手相比或与物理世界相比的优

势,并能将所提供的产品或服务展示给访问主页的用户。我们的设计既要能够使用户访问到各种功能,有

不至于将这些功能都塞在主页上,而令经验不足的用户感到困惑,重点突出而一目了然,又要充分理解用

户的目的,这些都是主页设计的关键。

    网站要容易使用,并遵循一些设计惯例——因为用户在访问一个个网站时,难以记住任何特殊的交互

诀窍,于是会把更多的时间花在更容易使用的网站上。当您设计公司的主页时,遵循这些原则显得尤为重

要。因为您如果不按照这些原则,下的赌注未免太大了。主页经常是第一个(也有可能是最后一个)吸引

并留住客户的机会,在这点上主页和报纸的头版非常相像。所有的主页都应该像报纸的头版那样着重对待

,并有编辑来决定登载重要内容和保证风格的一致性、连续性。

    当然,这些只是指导原则,而不是放之四海而皆准的公理。凡是皆有例外,虽然按照这些原则能大大

提高主页的作用,但还需要和具体用户进行交流,学习相关领域的知识,并进行实际用户测试,把不断反

馈的信息融入到开发周期中。如果您的决定和这些原则和这些设计原则不同,您的决定应该建立在用户的

具体反馈之上。

日期时间和数字:

    用户需要了解他们看到的信息是当前的,但他们不需要查看每个条目的日期和时间。
1,仅对时间敏感的信息显示日期和时间。
不要对没有时间敏感的信息显示时间和日期,不必显示星期几。
2,显示最后更新的时间,而不是计算机生成的时间。
3,日期的书写
不要只用数字表示日期,比如“01/02/03”,它可能是2月1日,也可能是1月2日,因为有些国家的习惯不

同。
4,当显示一列数字时,要对齐小数点。
在主页上微小的优化工作,都能减少主页的混乱程度。


繁荣社区:

    在主页上,繁荣社区的最好方法是揭示网站有什么能将人们联系在一起的东西。
1,如果网站支持用户社区,例如提供聊天室或其他谈论工具,不要将它们作为一般的链接。
相反,要在主页上列出实际的谈论主题,并提供任何有关日程表。
2,在商业网站上不要提供“留言薄”。
这使得网站看起来很业余,而且不能给客户带来任何好处。当然,个人站点不在此例。

收集用户信息:

    很多站点,开始在主页上就向用户索要信息,比如用户的电子邮件地址等。绝大多数网站并不向用户

解释为什么用户应该这样做。在通常情况下,很多用户(更不用说有经验的用户了)都直接放弃了填写他

们的个人信息,因为他们知道满足了这些要求后,经常会收到一大堆不期而至的电子邮件,将收件箱塞的

满满当当。
1,在主页上不要直接提供注册链接,而是要解释用户注册的好处。
用户访问网站不是为了注册,但如果理由很充分,他们或许会这样做。但是很多网站在主页上提供注册链

接时,对用户为什么要注册没有任何解释。
2,敏感信息的收集不要过于固执。
诚然,业务需要可能会要求用户填写身份证、工作单位、家庭电话之类的敏感信息。大多数用户对这样的

要求是很抗拒的。因此除了解释为什么有必要收集这类信息,不能要求用户一定填写这些信息。(除非必

要)

个性化:

    个性化的主页如果不要求用户做很多的设置或者根本不要求用户做出任何设置操作,就能给用户带来

价值,它的效果就相当好。如果主页能根据用户过去在网站上的行为就做出智能判断或提出相关建议,或

者能根据他们的地理位置提供特殊内容,用户将受益匪浅。
但是,不要让用户定制主页基本外观的各种特性,比如颜色模式。集中精力推出未来方便最大多数的用户

阅读的更好的设计界面,是更好的方式。最好能尊重用户的浏览器设置,比如字体尺寸要用相对大小,而

不要用绝对大小。
站点的荣誉:

    用户访问网站是来看内容的,要避免在主页上塞满了有关网站的无用的赞美信息,或告诉用户您的网

站是多么的伟大。
1,不要浪费宝贵的空间夸赞网站的搜索引擎、设计公司、喜爱浏览的公司或者界面背后的技术。
用户其实不关心这些,这样的条目,您每增加一条,就会增加网页的整体复杂性,并减弱用户对真正内容

的注意程度。如果这些条目链接到其它的网站,还会使用户在这些网站中迷失方向。
2,要控制显示网站获得的赞誉的内容。
绝大多数用户并不关心您的网站已经入选某些人选出的“今日热门站点”之类的内容。但同时,独立的权

威机构发表的赞誉、认证和优秀站点的评价也是一条提高网站可信度的途径。对建立信任度来说,产品质

量或服务的奖项比网站本身的奖项通常更有帮助。在任何情况下,都不要过分强调这些奖项的内容,以至

于让用户反感。而且,过分强调去年获得的奖项也会降低信誉度,因为它们说明最近网站还没有做出什么

令人称道的事情。


突发事件处理:

    有时网站会出问题,或者公司受到突发事件的影响。当这些事故发生后,用用户需要的相关信息及时

更新主页是很重要的。
1,如果网站瘫痪了,或者网站的某个重要部分不能用了,要在主页上明确说明。
要讲明大概要经过多长时间才能修复故障,而不是仅显示“稍候重试”、“try again later”之类的话

。在网站瘫痪期间,还要通知用户可以做其他的事情,例如:“我们的客户服务部门随时为您服务,电话

:0371-6342791”。要将这些信息作为关键信息保留在网站上,而不要给用户显示网站的某些部分“正在

建设中”之类的信息。
2,有一个应付突发事件的计划。
比如事先准备好主页的备份版本,它有一个主要区域,告诉用户现在是非常时刻。

广告:

    警告:用户已经对网站上的广告相当有经验了,他们已经学会了怎样忽视广告。不幸的是,他们经常

会忽视任何和广告类似的东西,或者和广告相邻的内容。如果您在网站中使用了公司外的广告设计,必须

保证网站内容和风格的一致性。失去客户的代价也许会远远超过广告带来的收益。
1,将公司的广告放在页面的边缘。
绝对不要把广告放在最重要的条目的旁边,他们会使这些条目被用户忽视。
2,为其它公司做的广告要慎重采用,要尽量小,并尽量和主页的核心内容相关。
3,最好给广告加上标签,说明他们是广告不是网站内容。
如果将广告放在页面上方的标准广告区域,就不用加标签。
4,避免用广告的惯用方式显示网站的常见特性。
内容越像广告就越没有人看。


欢迎词:

    很多网站似乎很想在主页上包含欢迎词。在主页上显示友好的“欢迎”、“welcome”等词汇时因特

网早期剩下的残羹冷炙,那时能在有限的网站上见到一个实在是值得庆贺的事情,可是现在人们已经习以

为常了。
不要将主页上最重要的区域用于向用户打招呼。
对用户最好的欢迎是让用户知道他们能在网站上具体做什么。本原则的一个例外是:在网站确认注册用户

的身份后使用欢迎词是很不错的。
一般来说最好立即显示站点内容。引导页面几乎没有必要使用,并且它使用户远离主站点的内容。
1,当用户键入主页网址时,或在别的页面上点击到站点的链接时,要将他们带到真正的主页上。
必须取消纷纷弹出的窗口。但如果网站含有对少数人不合适的内容,甚至会冒犯一些用户,最好有一个弹

出窗口对相关内容发出警告。
2,尽量避免弹出式窗口。
大量的弹出式广告早已使用户深恶痛绝,现在用户已经形成了一个共识:弹出窗口通常是广告。即使您的

弹出式窗口包含有用信息也是这样,有时用户等不及它打开就将它关掉了。同时,弹出式窗口在用户关掉

后一般不会再次出现,这样就为想找某些信息的用户造成了困难,甚至不能如愿。因此,在主页上突出关

键内容通常是最好的办法。
3,如果网站只有一种主要的语言版本,就不要用引导页面。
如果站点有一种主导语言和其他语言,要将用户直接带到主导页面的主页上,并在主页上包含一个到其他

语言版本的链接。最好不要用下拉菜单,因为当菜单太长时会给用户选择造成不便,可以考虑放置一个到

“网站的国际化版本”的链接。反面的例子请看郑州电专的主页(www.zepc.edu.cn),只有一种主导语言

(中文),却专门放置一个引导页面,而英文版几乎没有内容,并且常年没有更新。
为了更有效的在主页上发布新闻,需要用心雕琢标题和新闻概要,这对发布网站所属公司的信息和其他新

闻同样适用。标题和内容要直接切入正体,而不是仅仅在引诱用户点击后才能看到真正的信息。帮助用户

使他们不用去点击那些他们不感兴趣的内容是很重要的,否则经过多次无意义的点击之后用户最终会放弃

您的网站。
1,标题应该简洁,应该用叙述语言,用尽量少的文字表达尽量多的信息。
例如,标题“xx的身体正在恢复”比“xx身体恢复状况的医学报告”的字少,但包含更多的信息。标题和

它下面的内容提要的相关程度应该高于和整篇文章的相关程度。
2,精心编辑在主页上重点突出的新闻内容提要。
不要只是照抄或改写文章的第一段,因为第一段往往不适合作为一个单独的部分。要给用户一个真正的内

容——而不仅仅是对用户后面内容的描述。要用尽量具体的内容来吸引用户的点击并阅读全文。
3,不必要在新闻提要中列出日期和时间,除非它确实是一条爆炸新闻并且经常更新。
如果主页经常更新的话,主页上的时间以足以说明新闻内容是现在的了。但是,在一篇文章的显著位置显

示日期是很重要的,因为很久以后可能还要查找文章内容,如果不标明一个包括年份的完整日期,老新闻

可能会被当作当前发生的新闻。
网址:

    尽可能使主页的网址简单记忆是非常重要的。不仅要让用户记住他们访问过的网址,而且是他们能快

速猜到公司的域名,这是人们必须经常做的。一旦用户锁定某个网站,简单的网址能让他们明白是否在正

确的网站上,而复杂的网址就是用户不敢断定。
1,商业网站得主页应该具有“www.公司名.com”或“www.公司名.com.cn”这样的域名。
不要在域名后面加复杂的代码甚至“index.htm”之类的内容,几乎没有用户愿意输入一长串令人恐怖的

网址。
2,如果条件允许,要为站点注册不同的拼写、缩写或常见的拼写错误域名。
如果域名有不同的拼写方法,选择一个作为正式版本,将用其他拼写的网址重新定向到此网址上。


窗口标题:
    每一个主页都有一个简单直接的窗口标题。虽然很多人在上网时或许不会留意窗口标题,它仍然在给

窗口加标签和用搜索引擎查找网站时起关键作用。当用户把网站假如收藏夹时,窗口标题是默认的标签。

这样当用户浏览书签列表来访问网站时,标题应该以最能将用户和网站联系起来的词作为开头。与之类似

,搜索引擎在搜索结果中显示窗口标题,用户据此决定搜索内容和搜索项的关联程度,所以在一长串搜索

结果列表中,标题必须方便浏览,内容独特。为方便浏览,窗口标题应以尽量短的句子表达尽量多的内容


1,用最能传达信息的词语作为窗口标题开头——通常是公司的名字。
用户经常浏览而不是阅读屏幕上的文字,所以如果不能用最初几个词语吸引住顾客的话,可能就不会在引

起他们的注意。如果没有用公司名称中最重要的词作为窗口标题的开头,公司名就不会在书签列表和搜索

结果中出现。很多网站以“欢迎”、“主页”开头,独立的看这也很不错,但在首先出现的词中并未表示

出任何此网站的独特信息。
2,不要在窗口标题中包括顶级域名,如“.com”。
除非它确实是公司名的组成部分。诸如“.com”的后缀对窗口标题是不必要的,并且会使公司形象在网上

和网下不一致。当用户进入网站时,他们早知道是在网上,所以不需要加“.com”。
3,在窗口标题中包括对网站的简短描述。
这段描述对尚未广为人知的网站尤为重要,即使用户早已将网站加入收藏夹,或者在搜索列表中查看,就

能轻易记住或理解网站的用途。可以考虑采用网站标签行的内容(如果网战有标签行的话)。
4,标题不要太长。
多长的标题不容易阅读,尤其在书签列表中更是如此。

控件:

    诸如下拉菜单、选择列表和文字框等用户界面上的小控件,总会引起用户的注意。但是不要经常使用

它们,只有在为完成任务必须使用时,再使用这些控件。
1,如果不让用户点击,决不要将控件作为屏幕的一部分。
注意,控件是可点击的。例如如果在文字后面紧跟着使用图形化链接,要保证它们是可点击的,就像文字

链接一样。在无数的研究中,我们早已看到用户会小心谨慎的试图点击图形化链接;如果图形处于不可点

击状态,用户就会认为整行都不是链接,甚至在链接文字可点击时也这样认为。
2,尽量少用下拉菜单,尤其是当其中的项目本身不能说明自身意思的情况下。
他们能吸引用户,但经常是最无效的导航工具。如果下拉菜单列表中只有很少几个项目,将他们直接列在

主页中效果更好。与之类似,要避免使用过长的下拉菜单—— 它们将使用户难以有效的操作,并且用户

经常要将精力花在区分列表中的各项上。将用户带到一个单独的选择页面上通常是一个较好的办法,在这

个页面上可以解释不同的条目,至少可以将他们组成比单个列表更有意义的多个类别。


版面设计:

    图形设计应该有助于将用户的注意力吸引到页面的重要元素上,但在主页上最好不要以图形设计作为

起始点。
1,在页面上要限制字体的样式和其他文本格式例如文字大小、颜色等。
因为繁多的文字样式容易分散用户对文字本身的注意力。如果文本样式看起来过于图形化,用户会把它当

作广告而忽略。
2,使用高对比度的文字颜色和背景颜色,是文字尽量清晰。
3,在800*600的分辨率下避免水平滚屏。
水平滚屏不可避免的导致使用问题——最大的问题是用户有时候不会注意滚动条,从而忽略其中的信息。
4,页面并非越长越好。
如果您有兴趣看一下世界前500强的主页,您就会发现它们都致力于将主页控制在一个半版面之内。如果

您的主页超过了用户通常使用的满屏高度的四倍的话,或许应该简化主页,将一部分内容移到次级页面上

。另一方面,也不一定要将所有的东西都塞在一个屏幕范围之内,只要页面上部得能反映最重要特性的内

容可以显示出来就行了。
5,最好使用动态页面设置,使主页大小可根据屏幕分辨率来调整。
6,慎重使用标志图案。
除了站点本身的标志图案外,仅在用户能了解它们的意思时,才能使用它们以吸引用户的注意。因为其他

的标志图案更像是广告,而不是链接。
用图形有意识的表现内容,可以大大提高主页的表现力。但另一方面,图形会增加页面的混乱程度并增加

页面的下载时间。与之类似,动画尤其如此。
1,用图形表现真正的内容,而不是主页的装饰。
使用和内容有关的照片,人们会被图片吸引,但是和内容无关的图片,却分散了用户的注意力。
2,如果图形或图片在上下文中意义并不明确,应简短的解释他们。
例如在关于电影节的文章里显示了一部电影的静态图片,就要清楚的说明这幅图片是那部电影的,以及它

和电影节上的范围更广泛的电影有什么联系。另一方面,如果夸张的图片以帮助读者快速浏览页面时了解

故事内容,或许不需要解释它的意思。
3,以适当的尺寸编辑图片,并加上ALt文本。
数量过多的图片并不会传递过多的信息,反而会使页面看起来更加混乱。避免使用带水印的图片,它会使

页面更加混乱,经常会减弱视觉效果。即使这些图片和内容相关并且有吸引力,用户也不能清楚地看到它

,而如果不是这样,用户也没有看到它的必要。
4,在主页上,不要仅为吸引用户注意力而是使用动画,因为它会减弱用户对其他元素的注意程度。
5,不要用动画表示关键内容,比如公司的标志,提示行或主标题。
这些看起来像广告的动画区域不仅不容易阅读,而且用户更容易忽视。
搜索:

    搜索是用户能轻松找到所需资料的主要方法。关于在主页上设置搜索引擎,我们的建议很简单:让它

可以直接看到,使用简单并查找范围广泛。
1,最好在主页上就设置搜索引擎。
如果在主页上找不到,用户会经常认为网站没有搜索功能。
2,搜索引擎放置
放置位置最好在页面的上方,最好在最右面或最左面的角部位置。
搜索引擎用搜索框表示,根据用户的习惯,搜索框的颜色最好是白色。
输入框的宽度应足够宽,以使能看到和编辑标准的查询。输入框应至少能输入18个字符。
3,高级搜索
如果网站有高级搜索但并不常用,就不要在主页上包含一个指向它的链接,而是当显示查找结果时,再向

用户提
供高级查询的选项。
4,主页的搜索功能应默认的是整个网站。
如果要限制用户要查找,绝对不要对用户隐藏查找范围。用户总是以为查找的是整个网站,当找不到时就

会以为网站没有他们要找的功能,除非您告诉谈们并非如此。


导航:

    主页设计的初衷就是使网上访问其他内容更加方便,所以使用户能方便的找到适当的导航区域是很重

要的。您的站点要是用户能够区分多个链接,并对链接下的内容有很好的认识,而不是当他们点击链接以

后才知道具体内容。所以导航区域应该显示站点最重要的内容,以使用户查看顶级类别时就对内容有很好

的感觉。
1,在显著位置放置主导航区域。
要避免在页面的顶端放置导航区域,因为用户经常把屏幕顶端的条形区域当作广告而忽略。并且已经在大

量的测试中得到验证。比如微软网站顶部的导航区域,就是一个导致很多用户易忽视导航区域的例子。
2,在导航区域将链接条目分组,不要有多个导航区域指向同一类型链接。
分组能帮助用户区别相识和有关联的类别,从而容易查看您提供的全部产品或内容。但是,分组太细会使

界面复杂并显得支离破碎,给用户有条理的理解和掌握界面带来困难。
3,在主页不要包含指向该主页的动态链接。
例如,如果将“主页”作为导航条的一部分,在该主页上它应该处于不可点击的状态。否则肯定有用户点

击它,得来的结果不过是页面重载了一次,用户会有一种上当的感觉。当然,其他页面应当有一个回到主

页的链接。
4,导航区域的词应该简单明了。
类别名应能明显区分开,如果您在导航区使用了自造词或业内术语,用户就不可能区分,这恐怕不是您所

希望的。
链接:

    链接不仅仅在主页上有,但由于主页是网站的门户,应该比一般的页面有更多的链接,所以下面关于

主页链接的设计原则对吸引用户尤为重要。
1,尽量使链接更容易阅读。
用带更多信息的文字作链接的开头,因为用户经常只浏览链接的头一两个词以决定是否阅读,所以要精心

处理链接文字,使他们言简意赅,不要在每个链接开头都包含冗余信息——无区别的文字只能使用户寻找

关键词时更加困难。例如,如果在发布公司新闻的时候,每条新闻都用公司名开头,通过浏览器快速找到

每条新闻的主旨就不太容易,如“FedEx Express”、“FedEx Ground”、“FedEx Home Delivery”等,

以这种形式列出来,会呈现给用户一大堆相同的词(“FedEx”),从而给阅读造成不便。
尽量用带下划线的文字便是链接,除非是公认的链接区域。越来越多的网站热衷于将链接的下划线去掉,

从而使用户不知道哪些是链接,哪些不是,有时候只能靠将鼠标移上去看是否变成一个小手指来判断。这

样做的后果是很多链接失去作用。
2,注意链接名称。
不要用普通的指令作为链接名称,如“点击”、“Click”等,而要用有意义的名称,比如“点击下载”


不要再普通列表后使用诸如“更多---”“more---”,而要告诉用户点击将得到什么东西,比如“更多新

闻”、“更多软件”等。
3,用不同的颜色来表示链接状态。
用容易区分的、不太饱和的颜色表示访问过的链接。虽然很多网站用灰色表示访问过的链接,但是灰色一

般不容易阅读,而且灰色通常是控件不可用的标志,所以我们不建议这样做。并且已访问的链接颜色也不

要和正文颜色相同,因为这样使用户难以找到他们曾访问过的链接。
4,如果链接的作用不是打开另一个Web页面,而是诸如链接到一个PDF文件、打开一段声音或视频、打开

应用程序等,注意要明确说明点击链接以后要发生什么,比如用小图标来说明。


过期数据:

    经常会用到这样的情况:老用户访问网站是对过去的内容感兴趣,或者新用户对公司过去做的事情感

兴趣,所以,要建立一份包含最近从主页上移走内容文档很有必要。
1,要保证很容易的访问最近在主页上已经重点介绍的内容。例如,在最近两个星期或一个月内的内容,

可提供一个最近重点介绍的内容列表,并把近期的条目放到永久文档中保存。

举例说明:

    在主页上举例说明站点内容能在很多方面给用户以帮助。首先,例子能说明网站是干什么的,用户就

能明白网站是否能满足他们的需要;第二,例子能解释网站提供的产品或服务的丰富程度;第三,具体实

力比一般性的原则描述更有趣,可以通过具体事例引起用户的兴趣,而不必阅读抽象的类别名称;最后,

或许是最重要的,例子能帮助用户成功的导航,因为他们看到了抽象类别名下面到底是什么。例子可以区

分各个类别,是用户不必再点击以查看该类别是什么,从而节省用户的时间。
1,用例子解释网站的内容,而不仅仅是抽象的描述。
精心挑选的例子可以比文字本身产生更多的信息。例如,一个叫“超级新闻”并带有查看今天所有的“头

条新闻”说明的类别,不如显示头五条新闻标题和连接着所有超级新闻的一个链接更有吸引力。或者在一

个电子商务站点上,一个叫“销售项目”的简单类别不如让人们看到一些实际销售产品及价格更有吸引力

。在很多情况下,描述或说明一个类别要比显示类别的一些具体内容和链接用更多的文字和空间。在百货

店里,顾客依赖于具体事例指引他们找到所需的物品,与此相似,主页应该在每个部分显示一些产品的小

图片或其他内容,这样用户就能快速浏览页面,看看他们是否在页面适当的位置。例子还能帮助不能流利

阅读文字的用户。
2,在例子后面直接加一个到例子所属类别的详细内容的链接,而不是链接到一个通用父类的页面上。
用户是最重要的,不要增加用户寻找他们感兴趣的条目的负担,让他们还要点击一次鼠标才能在下一个页

面找到所需内容。比如,如果主页对电影节作了新闻特写报道,并显示了一部电影的照片和标题,则和此

电影相关的条目应直接和这条信息链接起来,而不是后面跟一个关于该电影节的一般页面。当然也有例外

,比日例子的内容很少,并且没有更深入的相关信息。
3,在特定例子后面提供一个到更广泛的类别的链接。如果您在主页上着重突出了某一具体产品、服务或

内容的链接(除非公司只有一种产品),因为人们有时相信公司的主要产品、服务或内容都在这里了。例

如,如果一个发布工作岗位的网站重点突出了在医学领域的三项工作,但却没有“其它行业的工作列表”

之类的链接紧跟其后,用户会很容易认为此网站只发布和医学相关的工作。
4,要明确显示哪个链接指向例子的相关信息,哪个链接指向例子所属类别的一般信息。
要做到这一点,既要靠文字本身说明,也要放好链接的位置。指向例子相关信息的链接应该直接放在例子

后面,而指向例子所属类别的链接应该放得稍微远点,留一些间隔。例如,如果在亚马逊网上书店的主页

上重点宣传一本玄幻小说,就应该在小说描写的末尾加上一个对此小说“完全描写和评论”的链接,在稍

微靠下的位置,再放一个“玄幻小说完全列表”之类的链接。


主页内容:

    写出令人深刻的内容是所有的Web页面设计最重要的方法之一。绝大多数用户只会大致浏览一下标题

内容,而不会仔细阅读,所以必须优化内容,用尽量少的词语表达尽量多的信息,使之适合快速阅读。主

页是必须用尽量少的空间表达尽量多的标题的地方。

1,使用用户关注的词语。类别和科目的划分要按照用户的取向划分,而不要按照公司的划分。例如,在

一个热门的石油网站,您怎样为一个家庭能源的类别起名呢?在某个网站它被称为“消费者信息”,这个

词语完全是基于燃料公司看待用户(是消费者,而不是交易者)的态度。相反,如果我们从另一方面考虑

问题,想想用户看到诸如“家庭能源”这样的标题有什么反应。要了解用户在需要这样的信息是会找什么

样的标题,从而使用他们希望的词语。

2,避免冗余内容。
为了强调某些条目(例如类别或链接)的重要性而不断在主页上重复它们,反而会减少它们受关注的程度

。而且冗余的条目使页面更加拥挤,导致所有的条目都不再引人注目,因为它们在互相竞争。为了突出某

些显著的东西,应将它放在一个清晰的位置。另一方面,如果在多个类别中包含相同条目或者包含文字标

题不同但实际上指向同一页面的链接,只要标题文字用的是用户使用的语言,冗余内容还是有帮助的。

3,不要使用成语、行话,否则用户很难明白您在说什么。
例如在一个旅行网站上,用“梦想、计划、行动”类别名,对一个市场营销的人员来说听起来相当不错,

但它不如“假日计划”直截了当。记住,当您令用户看到模糊或充满术语的语句时,您就冒着远离甚至失

去客户的危险。当用户必须靠点击链接以后查看具体内容才能明白链接文字的意思时,他们很快会失去耐

心。当然,不是说主页上的文字必须是干巴巴的白话,它必须包含丰富的信息,而且不能模棱两可。

4,如果页面上的某个区域中的内容已经有效的说明自身作用,就不需要给这个定义明确的区域贴上标签

命名。
一般来说,不必给主要新闻标题再贴上标签,因为他的大小和位置已经说明它的作用。与之类似,如果您

有一个要突出某产品的矩形区域,大概不必要再给它加上个诸如“特色产品”的标题,这样的标题通常是

画蛇添足,意味着浪费空间。

5,尽量少用命令式语言。
除非在法定或约定俗成的工作时,或作适当强调时,才使用诸如“输入城市或邮政编码”等命令语言。例

如您可以说:“输入城市以查看天气情况”。在页面上,人们会很自然的被告诉他们做什么的文字所吸引

,尤其是当文字后面是一个熟悉的控件时,例如时一个输入框或下拉菜单时,而且经常会忠实的按照指令

去做,因为他们认为他们必须按照指令说的那样做。

6,避免使用感叹号。
感叹号是文本通常会遇到的符号,但不应该在主页上出现。感叹号看起来像是在向用户喊叫。因为主页上

的所有条目都是重要的,如果您第一次违反了这条原则,有时候您就不得不在主页上不停的使用感叹号。

7,为强调效果,要避免不恰当的使用空格和停顿。
例如,“周 公 制 作”或“周.公.制.作.”,看起来也许很有趣,但会让用“周公”作为关键词查找的

用户找不到此项,同时也会减慢用户的阅读速度。

公司信息:

    除了主页上的标签行外,所有商业Web站点都需要提供查找公司信息的清晰方法。无论公司大小,产

品或服务是单一还是广泛,都应该如此。人们愿意知道他们是在和谁做生意,有关公司的详细信息可增加

网站的可信度。对一些网站来说,例如大集团公司的网站,有时候人们访问他的唯一目的或许想获取公司

信息。即使是提供单一产品或服务的网站,很多用户仍然想知道是谁在提供产品或服务。
下面这些原则也适用于政府网站和其他非盈利机构的网站,虽然他们在具体内容上千差万别。例如,某一

政府部门的主页不一定需要建立和投资上的连接。在主页上提供不恰当信息是个普遍的错误,尤其是政府

部门的主页此类问题更严重。人们访问政府部门的主页,是希望了解政府的组织机构和工作方式,而不是

需要一个把内部机构和宣传部门首脑作为重点,从而牺牲了公民快速访问所需信息或服务的页面。

1,在一个独立的区域组织好公司的信息。
给内容分类,是用户能够明确知道去哪里找相关信息,使不关心这类信息的用户只需关注页面上的其他内

容。

2在主页上建立一个“关于我们”的链接,给用户一个公司的大致印象。
还要建立公司产品、服务、公司价值、商业观点、管理团队等相关的详细链接。建议这个链接叫做“关于

(公司名)”。

3,如果想要发布公司新闻,可在主页上放置一个专门的链接。
当报刊记者想报道某个公司时,会很喜欢并依赖这部分内容。

4,提供统一的表达方式,让用户在网站上觉得是和公司而不是和页面本身打交道。当提到公司的网战时

,不要使用“公司名.com”,将网站从公司中独立出来,而要直接使用公司名。这样顾客会感觉到他们是

在何一个不可分割的、紧密联系的公司打交道。

5,在主页上放置一个“联系我们的链接”,指向一个包含公司所有联系信息的页面。如果您想鼓励网站

访问者直接和公司联系,应该在主页中直接放置公司的联系信息,例如地址 、电话、E-mail等,这样用

户就不用在网站中寻找了。

6,不要在公司的网站上包含公司内部的信息(这种信息针对的是雇员,应该是在公司的内部网上发布)

。这些内部信息不仅使公共站点更加拥挤,而且如果用户认为这些信息是针对他们的时候,就会误导用户


招聘信息是公司的焦点内容之一,在内部网和因特网上都颇受关注,因为他们针对的是潜在的雇员,而不

是当前的员工。

7,如果网站要搜索用户的信息,应该在主页上放置一个隐私策略的链接。

8,如果网站的盈利模式并不明显,应解释网站是怎样赢利的。
大家都知道天下没有免费的午餐。如果用户不能轻易看出公司或网站的商业模式(例如靠销售或广告赢利

),他们对网站的信任度就会降低。因为他们害怕在网站中有某种隐藏的攫取他们财富的方法。

网站特色:

    当走进一家商店却不能立即明白那里提供什么商品或服务时,您一定会感到莫名其妙。同样的道理,

您的主页必须能在很短的时间内能让用户了解公司是做什么的,他能在您得网站上做什么。如果网站不能

做到这些,那您犯的几乎是不可弥补的错误。如果用户不知道能做什么,他们为什么要做任何事呢?回过

头来看一下,您的网站能让用户满意吗?为了做到这些,主页必须强调商标、品牌和公司最重要的目标。

主页还必须具有独特的、令人印象深刻的外观,以便从网站中转来转去的用户能认出它就诗词斩的起始页

面。

1,在显著的位置,以适当的大小显示公司名称或标志。
此标志区域不需要很大,但应该比周围条目更大更显著,以便引起用户的注意。根据用户的习惯,页面的

左上角通常是放此标志的最佳位置。但也有些站点例外,比如雅虎的主页,标志就在上方居中。

2,有一个简单的标签行 。
此标签行必须简单、短小并一语中的。其内容可以直截了当地概括出站点提供什么服务或商品。模糊或过

于专业术语化的标签行只能让用户更加茫然。例如,福特公司的主页www.ford.com的标签行是“努力使世

界变得更加美好”,看起来充满了理想主义的勇气,但并没有对福特公司的汽车业务做出任何描述。
有两种情况不在此例:a、公司名称能说明公司本身是做什么的时候,标签行是不必要的。比如:“中科

院化学院”、“郑州大学法学院”。
b、公司极其有名时,标签行也不必要。比如:“Microsoft(微软)”、“IBM”。
当公司有很多子站点,主站点的标签行应能概括出总体的业务,并且子站点应该有自己的标签行,以说明

此站点的特殊目的或服务。
然而,国内的网站有标签行的极少,可能是这个好习惯还没有被国人吸收,也可能国内的网站大都不在此

例。

3,从用户观点出发,强调站点的价值,以及公司和主要竞争对手的区别。
如果能简洁表达的话,标签行是很好的地方。一个点出公司特色的简单标签行,可以让用户对公司产生与

众不同的感觉,以及明白站点能提供什么。

4,强调最重要的任务或工作,以便用户对主页有清晰的第一印象。
既然要强调就应该把这些工作或任务放在显要位置,例如页面的中上方,并且不要排列太多信息。换句话

说,如果你什么都想强调,则任何事情都不会引起重视。所以,要限制核心工作的数量,一般应该在4个

以内,他们的周边不要有干扰信息。如果您在重要的内容旁放上广告,很多用户也会把这些内容当作广告

对待。
这个原则最大的挑战是,你必须从用户的要求决定什么是最重要的任务或工作。所以在决定之前你必须对

用户的需求有深入的了解。在设计主页之前,通过各种细节了解您的目标客户想要什么。

5,为每一个网站明确设计一个主页
在网站内要限制“主页”“首页”等术语得使用范围,他们仅指主站点的首页面。如果到分部门或子站点

的首页时,要用不同的词语表达。如果让用户面对连接到其他子网站的多个“主页”按钮或链接,用户肯

定会感到迷茫。当然,如果您的公司是个大集团公司,主站点的主页上应该由到其他单独的、和母公司分

离的站点的链接。

6,“网站”这个此仅代表公司在因特网上的全体站点,而不要有别的意思。
如果“网站”这的是整个站点群的一部分而不是整体,就会使用户感到迷惑,他们会很自然的认为网站群

中别的独立站点属于另外的公司。
如果您在多个分离的站点上提供服务,一些用户或许会直接登录到一个Web服务站点,而不再通过公司的

主页来访问。这对那些特殊的子站点来说当然效果不错,但从总公司的角度来看,在主页上将子站点分门

别类更好,使他们作为整体的一部分展示给用户,而不是各个单独的部分。

7,设计主页时,要是主页和站点上所有其它页面有明显的区别,可以考虑使用一个稍微不同的外表设计

(仍要和整个网站的视觉风格保持一致),或者在导航部分,有一个显著的位置指示器。界面上的差别和

导航标志可保证用户在探索了部分子站点并返回后,还能认识站点的起始位置。
分享到:
评论

相关推荐

    触摸屏界面通用设计原则.pdf

    发现了在触摸屏界面设计上存在的问题,深感触摸屏界面可用性的重要性以及在设计中人力物力投资的重复性,从而得出了为触摸屏界面提供一套通用的设计原则的必要性。   文章开篇第一章首先说明了一下研究背景...

    专业文学网站设计原则与趋势-网站设计-设计.pdf

    专业文学网站设计原则与趋势 本文探讨了专业文学网站设计原则与趋势,涵盖了色彩设计原则、文字和排版设计原则、网页图形的优化和应用原则等方面的内容。 一、色彩设计原则 在文学网站设计中,色彩设计原则是非常...

    网页设计的原则

    网页设计的原则:构建高效、美观与功能兼备的网络空间 ...通过遵循上述设计原则,结合具体项目的需求和目标,才能创作出既美观又实用的网页,为用户提供愉悦的浏览体验,同时助力企业实现商业价值的最大化。

    机械设计基本原则

    机械设计是工程技术领域中的核心部分,它涉及到产品的构思、结构设计、材料...设计师不仅要掌握扎实的专业知识,还需要具备市场敏感度、创新能力、经济意识以及对人性的理解,才能创造出既实用又具有竞争力的机械产品。

    人民防空专业队工程设计标准.pdf

    人民防空专业队工程设计标准的总则部分规定了人民防空专业队工程设计的基本原则和要求,包括设计的目的、范围、原则和依据等。人民防空专业队工程设计应当遵守相关的国家标准和行业标准,并且应根据实际情况进行设计...

    面向对象设计原则解析

    面向对象设计原则是软件开发中的一种核心思想,它为创建可维护、可扩展且易于理解的代码提供了指导方针。在本文中,我们将深入探讨这些原则,帮助你更好地理解和应用它们。 1. **单一职责原则(Single ...

    网站规划设计原则ppt课件.ppt

    网站规划设计原则包括目标明确、实际情况和用户需求、结构合理、企业专业特性介绍、网站版式设计、实用性功能服务等。 在网站规划设计原则中,目标明确是网站规划的根本原则。目标明确原则要求网站的目标要明确、...

    android框架设计模式和设计原则

    在Android开发领域,深入理解框架设计模式和设计原则是提升专业技能的关键步骤。设计模式是软件工程中的经验总结,它们是解决常见问题的有效方案。设计原则则是指导我们编写高质量、可维护代码的准则。以下是对这些...

    Android_图标设计标准与原则

    此外,统一且专业的图标设计还能提高产品的整体品质感,增强用户对品牌的信任度。 #### 三、Android图标设计的基本原则 1. **统一性**:确保图标风格与Android系统的整体风格相一致,为用户提供连贯的使用体验。 2...

    SOA原则:服务设计

    SOA的设计原则和实践对于实现灵活、高效的企业级系统至关重要。 #### 二、SOA的关键概念 - **服务**: SOA的核心是服务,它是指一个能够被其他组件调用的功能单元。 - **服务接口**: 指定了如何访问服务的协议和...

    网站设计的一些主要原则

    以下是一些核心的设计原则: 1. **明确内容**:网站设计的首要任务是确定内容及其目标。这包括理解网站的功能,以及用户期望获取的信息。设计时应以用户需求为导向,确保所有元素服务于内容。 2. **抓住用户**:...

    moldflow设计原则

    moldflow设计原则,方便实用,言简意赅,专业人员必备。

    应用程序界面设计原则与技巧.pdf

    根据给定的文件信息,以下是对“应用程序界面设计原则与技巧”的详细解析: ### 一、界面设计原则 #### 1.1 一致性原则 在应用程序界面设计中,一致性原则至关重要。它涉及到多个方面,包括但不限于窗体的大小、...

    常用电路模块设计原则.pdf

    以下是根据给出的文件信息总结的电路模块设计原则。 首先,设计开始前的第一步是下载芯片的数据手册(datasheet),这是至关重要的一步,因为datasheet中包含了芯片的详细电气特性、封装形式、引脚定义以及推荐的...

    解决信号完整性问题的100条通用设计原则

    美国电子行业专家Eric Bogatin,凭借其四十年的研究经验,提出了一系列旨在最小化信号完整性问题的设计原则。本篇将详细解读这些原则,并通过深入的分析,帮助理解和应用这些设计原则来解决信号完整性问题。 一、...

    PCB设计资料设计规范PCB板布局原则高速PCB设计技术讲座布局原则布线技巧layout资料(70个).zip

    PCB设计资料设计规范PCB板布局原则高速PCB设计技术讲座布局原则布线技巧layout资料(70个): PCB layout中的走線策略.pdf pcb 可测性设计.pdf PCB(印制电路板)布局布线技巧100问.pdf PCBstandard.pdf PCB_LAYOUT(台湾...

    机电类各专业毕业设计指导

    《机电类各专业毕业设计指导》是一份专为即将毕业并面临毕业设计挑战的学生准备的宝贵资源。这个压缩包中的核心文件是“毕业设计指导书.pdf”,它详细阐述了机电电气类专业毕业设计的全过程,旨在帮助学生们理清思路...

    PLC控制系统设计的基本原则

    由于控制系统直接关系到生产效率和产品质量,其设计原则至关重要。以下是对PLC控制系统设计原则的详细解读: 首先,PLC控制系统设计的首要原则是最大限度地满足被控对象的控制要求。这需要设计人员在设计前充分了解...

    大型企业门户网站设计开发一般性原则和建议

    5. **网页设计原则**: - **速度第一**:优化网页加载速度,遵循“三秒原则”。 - **页面大小**:减小页面大小,减少图片和不必要的代码。 - **CSS使用**:统一网站样式,减少HTML代码。 - **限制Flash和大型...

Global site tag (gtag.js) - Google Analytics