通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>站长club>>建站经验>>正文 新版上线![旧版]
注:打开慢时请稍等
专业主页设计原则(4)

http://www.iyit.net  日期:2006-5-8 14:37:27  来源:中国站长学院  点击:
参加讨论

搜索:

    搜索是用户能轻松找到所需资料的主要方法。关于在主页上设置搜索引擎,我们的建议很简单:让它可以直接看到,使用简单并查找范围广泛。
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,设计主页时,要是主页和站点上所有其它页面有明显的区别,可以考虑使用一个稍微不同的外表设计(仍要和整个网站的视觉风格保持一致),或者在导航部分,有一个显著的位置指示器。界面上的差别和导航标志可保证用户在探索了部分子站点并返回后,还能认识站点的起始位置。



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:专业主页设计原则(3)
下一篇:使用web标准建站第1天:选择什么样的doctype
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
网站设计的思考(5)——确定网站的整体
网站设计的思考(4)——确定网站的目录
网站设计的思考(3)——确定网站的栏目
网站设计的思考(2)——定位网站ci形象
网站设计的思考(1)——定位网站主题和
java数据类型转换
网站优化的十大奇招妙技
你的网站为什么不能帮你赚钱之二
网页应该怎样设计才能被百度有效收录
你的网站为什么不能帮你赚钱之一
新开放qq免费挂级网站
免费在qq上看在线电影电视听音乐
免费把qq炫铃设为本机qq的系统提示音
qq珊瑚虫外挂4.0版本发布!
腾讯qq调整升级条件不再诱发网民“通宵
优秀公益广告作品欣赏(8)
java数据类型转换
流金岁月!cpu历史上最难忘的十个第一
qq挂机的n种快速方法
asp自动解压rar文件
巧用photoshop图案工具
用photoshop制成浪漫的“珍珠项链”
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息