网站建设规范

大家一贯坚持，网站是一个工具，是给浏览者用的，网站的所有都需要围绕浏览者来展开，所有以用户为中心。只有浏览者感觉好，用得好，体验得好，那才是一个好网站。一个运营型的行业门户网站，大家会对四个方面进行客户体验的策划及设计：
1、浏览体验：即网站的栏目和内容的体验，包含：页面导航、页面速度、页面容量、页面结构、内容安排、内容更新、内容形式、内容呈现方法和路径记录这9个方面；2、视觉体验：即网站给用户在视觉上的体验，包含：整体风格、网站LOGO、页面布局、页面色彩、页面大小、动画成效、图片展示、图标用、广告设置和声音设置这10个方面；3、互动体验：即网站各功能给用户操作上的体验，包含：会员申请、会员注册、表单填写、点击提示、错误提示、在线问答、在线搜索、页面成效、新开窗口和路径设计这10个方面；4、信赖体验：如何通过细节提高用户的信赖体验，包含：友情链接、底部信息、关于大家、联系方法、帮助中心、网站备案、内容格式、内容订阅、网站地图、加入珍藏、用户登录和平台人气这12个细节；下面，大家来具体说明一下，大家在制作网站时，对这四类体验的理解和制作的规范。1、关于信赖体验
信赖体验，重在细节斟酌，强调稳定性。1、底部信息：网站底部信息内容是网站中每一个页面都一同的内容，底部信息为浏览者提供了不少打造信赖体验的内容，比如网站的打造时间、是不是备案、是不是经营性网站、是不是有网警标示、隐私声明、网站的归属关系（如：xx旗下的网站）这部分是细节的内容，容易忽略，但它们又是最为标准化和常见的内容，需要留神设计。2、友情链接：用户对网站信赖的判断不只打造在对网站建设的和功能体验的基础上，而且还有一个对相同种类或者其他有关网站的评估上。友情链接的价值不只在于搜索优化上，也是一个网站用户定位的要紧体现，假如网站链接的都是不知名的小网站，用户对它的评级也不会太高。在首页上做友情链接时，数目不适合过多，要特别重视这类链接的分量，就算是做些单向链接（知名行业网站、行业协会网站、有关政府类网站），也要显示我们的实力。3、联系方法：全方位、详细的联系方法及联系人，很容易给浏览者打造踏实、信赖的感觉，叫人感觉放心、有问题可以找到人。假如网站的最后目的是为了顾客打电话过来咨询，那样，需要将联系方法表现得愈加明显，愈加容易记住。4、关于大家：这是一个用户知道网站背景最直接渠道。也是网站经营者展示自己做局势度和风格的一个渠道。网站经营者需要原创一个自我介绍的内容，并对页面内容做特点规划和设计。5、网站备案：备案是最基本也是需要的一道程序，有了这个，才能证明大家网站是的合法的。网站的备案海量，不一样的网站，需要的备案也各不相同，经营者需要一一查询并进行申请，越健全的备案，越能杜绝意料之外的发生；6、帮助中心：网站技术日新月异，而浏览者对网站的认知程度不同，所以设置一个内容翔实的帮忙中心，或者FAQ栏目是很必要的。千万不要想当然的觉得浏览者对新东西一看就会，新东西总会有出问题的时候。除此之外，帮助中心的功能和内容丰富程度也是网站顾客服务意识的一种体现，值得看重。7、内容订阅：无论是用Feedsky、Rss、还是传统的邮件新闻列表，设置内容订阅，不止是为了提升用户的黏度，推进用户第三访问，而且也是大型网站和合法网站的要紧标示，只有那些有实力和细心的网站才会提供按期的资讯服务；除此之外，通过订阅功能，也能活跃肯定的注册用户。8、内容格式：内容的规范程度也是网站打造信赖体验的要紧方面，主要体目前资讯类内容标准化展示上。一方面每条信息是不是包括了来源、作者、编辑、发布时间、还有点击量和评论。全方位的辅助信息能提升该信息的可信度和权威性，进而提高网站的可信度。目前会把这几个方面完全列出来的网站愈加少了，缘由不少，但建议看重并健全；对于点击量，设置一些数值，打造氛围；热点的资讯，可以用些坎肩评论一下。其次就是个性化细节，比如设置页面颜色、设置字体大小、点击直接发送到邮箱，复制页面地址等，这类也是影响客户体验的要紧方面。9、平台人气：网站假如有平台，那样必须要打造人气非常旺的环境，多挂几个在线用户，设置多些热门内容，不然，浏览者比较容易直接就把整个网站否定掉了。因此，要么不做，做了，就要将人气带上去，就算用坎肩天天狂灌水。10、网站地图：对web2.0的网站，无论网站规模大小，必须要做个网站地图，一方面搜索引擎容易抓取到网站信息，而且浏览者用起来也会非常快获悉整站构造，又是细节，但非常重要。11、加入珍藏：加入珍藏和设为首页是传统网站建设中必有些功能，但目前，设为首页的意义基本没了，而加入珍藏还相当要紧的，一般是在网站的右上方，最好将加入珍藏的地方放在最前面，用显眼的颜色标注。2、关于互动体验
互动体验，重在路径设计，强调易用性。1、会员注册：web2.0网站最好设计多级注册方法，只填写注册名、邮箱、密码等就能完成第一层次注册，让后再进一步吸引用户补充内容，第一层主次，务必要步骤明确、简洁，为用户节省时间。更为重点的还在于后面，怎么样吸引用户补充全方位的信息？那就要让浏览者明确他们补充信息的价值在哪。除此之外，还应该注意提示用户信息的完整程度。2、会员申请：会员申请务必要贯穿在网站的每一个页面，将随机性用户转变成注册用户是提升网站流量和用户黏度的要紧一环，会员申请的按钮或者地方最好设计的显眼一些。除此之外，会员功能的核心是权限控制，网站势必要有一些只有注册用户或者是高级用户才能浏览到的内容，但还要保证展示给非注册用户的信息也具备肯定的吸引力，不然，浏览者如何会有动力去注册呢？在建设之前，大家就要考虑了解：用户为何要注册？用什么吸引用户注册？用什么稳定注册用户的按期访问？3、点击提示：点击浏览过的信息颜色需要显示为不一样的颜色，以区别于未阅读内容，防止重复阅读。对于图片，最好设置图片标注，鼠标滚动到图片时能显示图片标题。4、表单填写：表单填写有多种方法，选项也可以有不少，但要将必填的选项标明了解，而且分阶段（或分页）显示，防止让用户感觉填写是很麻烦的事情。提交成功后，感谢提示页面务必要精心设计，特别应该说明，注册后的用户下面要干什么，可以干什么？感谢页面在内容和形式上要设置得个性化一些。5、在线问答：在线问答现在有非常多种形式，依据需要选择，一般建议配合客服中心的容易见到问题F＆Q一块，由于有时候，大家不可以做到24小时在线回答提问，可以引导顾客先自己找答案，假如找不到答案，再联系或者留言（不在线的话）。在线问答除去解答疑问，还可以担当一个要紧的角色：采集各种信息。这需要设置在线问答步骤和说话的艺术，增加一些采集信息的问题，譬如网站评价、认可度询问、改进建议等。对于用户提出的新问题，要进行大全剖析，并将它补充到容易见到问题或F＆Q中。6、错误提示：必须要做一个错误提示页面，对发生错误的页面给予适合的引导。由于浏览者对于在网站上遇见了错误页面一定会很不爽，甚至会直接关闭网站。设计这个页面时，要充分考虑到用户当时的访问心理，要有真诚的讲解说明，适合的图片，非常重要的是，给出解决方法，最后，将浏览者重新引向网站。7、页面成效：web2.0在技术层的特点是不少最新的技术能便捷快捷地整理进去，并能非常快应用到网站上，特别是在页面层的应用最为明显，比如ajex，lightbox js等，大家互王结合本身就是技术研发中心的优势，时刻关注这类技术的应用，并不断开发一些新的，适合的功能，应用到网站上，一直带领时尚，紧跟时尚；8、在线搜索：第一是搜索条地方的设置，最容易见到的地方是在右上方，资讯类网站一般中上方显要地方；第二是搜索操作的设置，提供精准搜索和模糊搜索；精准搜索，是指先选择信息的分类，比如信息栏目、作者或者信息标题等（使用下拉菜单形式），然后输入关键词；模糊搜索就是直接输入关键词进行搜索；默觉得全文检索；最后还要考虑搜索结果的呈现方法；呈现方法有不少细节的地方，包含搜索结果数目、信息排列的规范及方法（标题、标题加简要内容）、关键字颜色等。9、路径设计：说到体验，最直接的就是用户在网站上产生的有效点击，每一次点击也意味着一个新体验的开始，而在海量点击之间，路径的设计和记录也体现了web2.0个性化服务的精神。每一个网民的访问习惯和浏览习惯都有所不同，第一要设计最直接有效的浏览路径；第二要记录网民的浏览路径，便于随时返回；第三，要试图探寻与网民浏览路径的匹配。10、新开窗口：目前用maxthon、firefox、TT等的多线程浏览器的浏览者愈加多，所以，在进入最后页面浏览时，多使用新窗口打开，便捷用户浏览信息，二期节省返回时间和第三查找的时间。3、关于视觉体验
视觉体验，重在UI设计，强调舒适性。
1、网站LOGO：LOGO的设计水平直接体现了网站制作者的审美水平。LOGO是网站整体风格的主导，也是网站对外传播的形象标示，对于明确的LOGO，设计师会仔细斟酌，将LOGO的特质融入到网站的风格中；假如没LOGO，需要重新设计，那样设计师会依据网站的定位和目的，结合行业的特点等，进行设计；一般简洁得体的LOGO比较受浏览者认可。2、整体风格：风格是指网站给浏览者的第一印象，主要体目前两方面，一是网站水平的权衡，浏览者首次看到网站后，第一会依据视觉的感受对网站有个上、中、下的心里评判，二是网站种类的归属，比如是行业资讯、品牌宣传、网上贸易等。因而网站在设计之前，大家的策划会先明确目的顾客群体，剖析目的顾客的审美预期和审美爱好，确定网站的种类归属，然后，设计师才有针对性地进行设计；3、页面色彩：六个规范:网站必有一个主题色；协调页面冷暖色调的搭配，不单一色调；严格把握主色调、辅助色的用法数目，不花俏；维持网站整体形象相统一；用渐变色，打造色彩层次感（从上到下，从左到右……）；调节色彩的明度和亮度；4、页面布局：布局第一是要突出重点，主次分明，图文并茂，声画全方位。网站的有效空间是有限的，网站的第一屏画面是大家设计规划的重点，在页面布局时还要考虑与网站推广目的的结合，将最能吸引用户的内容，通过适合的表现形式，放置在非常重要的地方。5、动画成效：第一考虑的是动画的放置地方，然后是呈现方法，第三是加载速度，最后也是最重要的是内容的表现形式。动画成效是为了在第一时间吸引用户的关注，但关注不是最后目的，而是要让用户同意动画所传达的内容。所以，在动画表现形式及内容设计时，大家重视内容与动画步伐的协调，以内容为中心制作动画成效。6、页面大小：主如果依据核心用户群来设置，这也是为何要做用户调查是什么原因之一，不一样的用户用习惯不同，譬如，据调查，30岁以上用户，还是用800*600的居多，假如网站的主要用户群是这种类型的人，那样就必需做调整。通常情况下，大小为1024*768，并设置成为自动适应的页面，假如没办法修正，页面主要内容以偏左设置，如此那些用800*600的用户，也便捷一些。7、图标用：图标的设计必须要与页面的整体风格统一，第二是简洁、明了、易懂、准确，最后可以尝试增加一些动态、3D成效，让图标更有动感。8、图片展示：第一大家考虑的是放置图片的地方，考虑与整体网站比率协调，是不是符合一般用户的浏览习惯；第二是选择图片的展示形式，目前图片的展示形式很多，可以使用flash、Lightbox成效等；最后还要考虑用的图片的大小，缩略图的比率，是不是符合网站的风格、是不是明确等。9、声音设置：网站的声音一般分为两种，一是背景音乐，是自动播放的声音，不断循环；二是点击音乐，需要鼠标移动或点击到特定的地方（多数用于导航）才会有声音出现；对于背景音乐，除非是形象推广类的主题网站，或者某些活动推广可以设置，一般都不主张设置，而且要设置独特的音乐而不是时尚的音乐。网站有设置背景音乐时，还要将开关按钮及音量控制放在显要地方，免的浏览者由于厌烦，又找不到控制按钮而立刻关掉页面。点击音乐，给人的感觉是灵动、活泼、时髦，大家也要依据实质的状况选择是不是使用，使用什么声音，在哪儿使用做合适；10、广告设置：第一还是要考虑广告位的选择和内容的展示方法。最起码不可以让广告影响了浏览，不可以让用户对广告产生反感。有的广告地方及表现形式是一般浏览者都认同的，比如页面中上方的banner条，页面两边的对联广告，页面右下方的文字广告等。4、关于浏览体验
浏览体验，重在合理规划，强调吸引性。1、页面速度：视频、动画、图片的很多应用，对网站的浏览速度也影响巨大。而网页的浏览速度，已经决定了浏览者对这个网站的认可度和第三浏览及几率。所以，除去选择一家稳定的服务器推广托管商外，还要考虑将来进步，譬如在浏览量不断增加后，如何应付高峰期，如何南北互通等；2、页面导航：网站导航好似楼房的地基，是整个网站基础和框架，所有内容和服务都是从导航中延伸出去。页面导航的有两个层次，一是形式层：即导航地方、表现形式（文字、图片、flash等）等，二是内容层：即内容的分类和概括。所以，在策划及设计导航时，大家强调动感、简洁及明确的表现形式；并会结合顾客行业的特点，规范、条理地分类各种信息；栏目名字尽可能简短、明晰，栏目层次也尽可能少，以内容为中心；3、页面结构：页面结构是指放置页面内容的框架。目前的网站愈加多，网站的页面结构也基本形成了一些浏览者惯用、熟知的模式。主如果同字型、司字型、三字型、F型等。大家在设计时会遵循这类基本模式，而且会在这类基础上做创意革新，但保证不打破用户的浏览预期。4、页面容量：主要指首页的页面容量，普通的公司网站，首页内容不主张超越两屏，让用户不需要滚动鼠标就能浏览到整个页面。页面的设计要考虑：1、页面文字和图片的搭配；2、不同字号、字体、颜色的搭配；3、网站内容与空白的搭配，防止页面导致视觉抵制（心理学家做过实验，人眼每秒摄入的有效字符最多只有20个，如果页面全是细密的文字，成效就不言而喻了）；5、内容更新：主要从内容来源、更新频率、更新数目、内容水平这几个方面来考虑。大家更多强调怎么样调动用户的积极性，让用户参与信息的更新，共享我们的信息；内容更新已经不止是对网站编辑者的考量，也是对网站用户价值的衡量；频率和数目依据实质状况来规划；对于内容水平，主如果从原创、转载、内容本身价值等方面权衡；6、内容安排：第一突出重点内容，用大标题，大图片塑造视觉冲击；第二是协调内容，每个栏目应确保足够的信息量，防止栏目无内容状况出现；然后是内容形式，兼顾视频、图片、文字的比率和页面协调。7、路径记录：记录用户的浏览路径，访问记录等，便捷用户随时返回和查找；对一些重点栏目和页面可以设置迅速链接或者设置页面底部导航，为用户提供明确的迅速入口。8、内容形式：将信息立体化，将视频、图片、文字、评论都在一个页面中展示，而且评论即时更新；对于文字部分，字体大小可以参考需要设置（一般是大中小三个选择），可以对信息内容进行关键词标注，给关键字设置链接等；信息页面一般低于两屏，较长的信息使用多页浏览；9、内容呈现方法：考虑更便捷、更健全的细节内容，包含新文章的标记、文章导读、有关内容的推荐、还有人推荐、打印页面、E-M人工智能L发送给好友、复制网址等。本文发布于北京网站制作公司http://www.sino-web.net/