您的位置: 首页 > 技术文档 > 网站建设 > 专业主页设计原则
谈网站内容组织 回到列表 网站推广技巧
 专业主页设计原则

作者:zhougong22 (周公) 时间: 2003-11-06 文档类型:转载 来自:CSDN

第 1 页 专业主页设计概述
第 2 页 日期时间和繁荣社区
第 3 页 收集用户信息和个性化
第 4 页 站点的荣誉和突发事件处理
第 5 页 广告和欢迎词
第 6 页 弹出窗口和引导页面
第 7 页 新闻和公告信息
第 8 页 网址和窗口标题
第 9 页 控件和版面设计
第 10 页 图形和动画
第 11 页 搜索和导航
第 12 页 链接和过期数据
第 13 页 举例说明和主页内容
第 14 页 公司信息和网站特色

举例说明:

    在主页上举例说明站点内容能在很多方面给用户以帮助。首先,例子能说明网站是干什么的,用户就能明白网站是否能满足他们的需要;第二,例子能解释网站提供的产品或服务的丰富程度;第三,具体实力比一般性的原则描述更有趣,可以通过具体事例引起用户的兴趣,而不必阅读抽象的类别名称;最后,或许是最重要的,例子能帮助用户成功的导航,因为他们看到了抽象类别名下面到底是什么。例子可以区分各个类别,是用户不必再点击以查看该类别是什么,从而节省用户的时间。
1,用例子解释网站的内容,而不仅仅是抽象的描述。
精心挑选的例子可以比文字本身产生更多的信息。例如,一个叫“超级新闻”并带有查看今天所有的“头条新闻”说明的类别,不如显示头五条新闻标题和连接着所有超级新闻的一个链接更有吸引力。或者在一个电子商务站点上,一个叫“销售项目”的简单类别不如让人们看到一些实际销售产品及价格更有吸引力。在很多情况下,描述或说明一个类别要比显示类别的一些具体内容和链接用更多的文字和空间。在百货店里,顾客依赖于具体事例指引他们找到所需的物品,与此相似,主页应该在每个部分显示一些产品的小图片或其他内容,这样用户就能快速浏览页面,看看他们是否在页面适当的位置。例子还能帮助不能流利阅读文字的用户。
2,在例子后面直接加一个到例子所属类别的详细内容的链接,而不是链接到一个通用父类的页面上。
用户是最重要的,不要增加用户寻找他们感兴趣的条目的负担,让他们还要点击一次鼠标才能在下一个页面找到所需内容。比如,如果主页对电影节作了新闻特写报道,并显示了一部电影的照片和标题,则和此电影相关的条目应直接和这条信息链接起来,而不是后面跟一个关于该电影节的一般页面。当然也有例外,比日例子的内容很少,并且没有更深入的相关信息。
3,在特定例子后面提供一个到更广泛的类别的链接。如果您在主页上着重突出了某一具体产品、服务或内容的链接(除非公司只有一种产品),因为人们有时相信公司的主要产品、服务或内容都在这里了。例如,如果一个发布工作岗位的网站重点突出了在医学领域的三项工作,但却没有“其它行业的工作列表”之类的链接紧跟其后,用户会很容易认为此网站只发布和医学相关的工作。
4,要明确显示哪个链接指向例子的相关信息,哪个链接指向例子所属类别的一般信息。
要做到这一点,既要靠文字本身说明,也要放好链接的位置。指向例子相关信息的链接应该直接放在例子后面,而指向例子所属类别的链接应该放得稍微远点,留一些间隔。例如,如果在亚马逊网上书店的主页上重点宣传一本玄幻小说,就应该在小说描写的末尾加上一个对此小说“完全描写和评论”的链接,在稍微靠下的位置,再放一个“玄幻小说完全列表”之类的链接。



主页内容:

    写出令人深刻的内容是所有的Web页面设计最重要的方法之一。绝大多数用户只会大致浏览一下标题内容,而不会仔细阅读,所以必须优化内容,用尽量少的词语表达尽量多的信息,使之适合快速阅读。主页是必须用尽量少的空间表达尽量多的标题的地方。

1,使用用户关注的词语。类别和科目的划分要按照用户的取向划分,而不要按照公司的划分。例如,在一个热门的石油网站,您怎样为一个家庭能源的类别起名呢?在某个网站它被称为“消费者信息”,这个词语完全是基于燃料公司看待用户(是消费者,而不是交易者)的态度。相反,如果我们从另一方面考虑问题,想想用户看到诸如“家庭能源”这样的标题有什么反应。要了解用户在需要这样的信息是会找什么样的标题,从而使用他们希望的词语。

2,避免冗余内容。
为了强调某些条目(例如类别或链接)的重要性而不断在主页上重复它们,反而会减少它们受关注的程度。而且冗余的条目使页面更加拥挤,导致所有的条目都不再引人注目,因为它们在互相竞争。为了突出某些显著的东西,应将它放在一个清晰的位置。另一方面,如果在多个类别中包含相同条目或者包含文字标题不同但实际上指向同一页面的链接,只要标题文字用的是用户使用的语言,冗余内容还是有帮助的。

3,不要使用成语、行话,否则用户很难明白您在说什么。
例如在一个旅行网站上,用“梦想、计划、行动”类别名,对一个市场营销的人员来说听起来相当不错,但它不如“假日计划”直截了当。记住,当您令用户看到模糊或充满术语的语句时,您就冒着远离甚至失去客户的危险。当用户必须靠点击链接以后查看具体内容才能明白链接文字的意思时,他们很快会失去耐心。当然,不是说主页上的文字必须是干巴巴的白话,它必须包含丰富的信息,而且不能模棱两可。

4,如果页面上的某个区域中的内容已经有效的说明自身作用,就不需要给这个定义明确的区域贴上标签命名。
一般来说,不必给主要新闻标题再贴上标签,因为他的大小和位置已经说明它的作用。与之类似,如果您有一个要突出某产品的矩形区域,大概不必要再给它加上个诸如“特色产品”的标题,这样的标题通常是画蛇添足,意味着浪费空间。

5,尽量少用命令式语言。
除非在法定或约定俗成的工作时,或作适当强调时,才使用诸如“输入城市或邮政编码”等命令语言。例如您可以说:“输入城市以查看天气情况”。在页面上,人们会很自然的被告诉他们做什么的文字所吸引,尤其是当文字后面是一个熟悉的控件时,例如时一个输入框或下拉菜单时,而且经常会忠实的按照指令去做,因为他们认为他们必须按照指令说的那样做。

6,避免使用感叹号。
感叹号是文本通常会遇到的符号,但不应该在主页上出现。感叹号看起来像是在向用户喊叫。因为主页上的所有条目都是重要的,如果您第一次违反了这条原则,有时候您就不得不在主页上不停的使用感叹号。

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

出处:CSDN
责任编辑:handmade

上一页 链接和过期数据 下一页 公司信息和网站特色

相关文章 更多相关链接
设计欣赏 苹果周边iGO和iLAP
ExpressionEngine模板设计大赛
网易壁纸设计大赛圆满结束
全球自行车设计比赛获奖作品赏析
黑白的CD版面设计感受
作者文章
专业主页设计原则
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
疯狂的程序员 第五十回
疯狂的程序员 第四十九回
疯狂的程序员 第四十八回
疯狂的程序员 第四十七回
疯狂的程序员 第四十六回
疯狂的程序员 第四十五回
疯狂的程序员 第四十四回
疯狂的程序员 第四十三回
疯狂的程序员 第四十二回
疯狂的程序员 第四十一回
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
>> 分页 首页 前页 后页 尾页 页次:13/141个记录/页 转到 页 共14个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 13 条评论,现在显示最新的 5 条。暂时没有人参与评分


蓝色 Publish at 2005-9-7 4:10:51
看文章发布时间
guairen Publish at 2005-9-6 8:16:11
责任编辑:handmade?

有谁用了他的ID吗?

好文,喜欢。
humaolin169 Publish at 2004-12-28 16:18:11
我是豪威友情数码印刷中心的,对相关的设计软件有一些了解,
不是很精通,但看到这个版块很高兴,因为这里有
这么多朋友在这里交流技术经验,能让我学到很多东西,当然也希望朋友们
能把一些印刷的活交给我来做。联系电话:81979541
218.19.211.232 Publish at 2004-3-27 19:51:03
你們這邊都是些概論,可否有主頁范例參考的呀?或者說有什么書籍呀?如果有的話,幫忙推荐一下,在下萬分感激!

在下的郵箱是: tuanpizhongsue@tom.com 或者 sltao@vip.163.com
219.238.242.162 Publish at 2003-12-23 10:00:54
怎么没有抄全啊?太过分了,其他的部分到哪里找啊?

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

旧作 杭州翔辉科技有限公司首页设计 还是结构速涂 快腿 纵横天下引导页 宁可飞 翡翠网站 cellphone