快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

悦博体育靠谱吗_酒文化网进入



前言

在本篇文章中,我们将考察The Dung Beatles乐队网站的内容,以懂得好的Web站点和网页必要包孕些什么要素。

你们尚不必要去钻研网站和网页的根基代码,而只需考察不合的网页,思虑此中应该包括哪些要素,并思虑一些关键性的问题,犹如等悦博体育靠谱吗性、可用性和可造访性。本篇文章的目录如下:

主页

对我们的网站来说,这意味着什么?

导航

网站上的其他一些通用元素

高低文关系异常紧张

相关内容

标题

可用性

可造访性

总结

演习题

主页

很多人倾向于觉得“让我们从多半用户首先造访的页面-主页开始,这相符逻辑吧?”

这听起来相符逻辑,但着实并不是这样的。过分着重于主页,是一小我们常犯的差错。网站的主页常成为一个大年夜杂烩,试图概括网站的所有内容,无所不包。

让我们看一个此类主页的实例吧,那便是 MSN 网站的主页(见图1)。这个主页列举了过多的内容和链接,从旅游到电视,从交友约会到指示,从小配件到绿化产品的信息,十分繁芜,都试图引起你的留意。

图1:MSN网站的主页—列举的链接太多!

这种“将统统想获得的器械都放在上面”的主页,可能得当那些大年夜型网站,但假如我们这个乐队网站的主页也这样的话,无疑是不恰当的,会流掉很多原先可以吸引到的用户。

还有一个普遍的误解便是,主页必然是造访网站的人所看到的第一个页面。假如这些网站造访者已懂得到乐队的网址,或是从广告传单、招贴画或是乐队徽章上看到乐队的网址,然后在浏览器中键入乐队的网址,确凿有可能首先看到的便是网站的首页。

然则更可能呈现悦博体育靠谱吗的环境是,网站造访者是基于搜索结果来造访网站的。假如他们搜索乐队的名称,很可能(但不必然)看到的最靠前的搜索结果是乐队网站的主页。不过在其他环境下,例如他们搜索“仿照Beatles乐队的音乐会”,看到的第一个搜索结果可能是“巡演日期”网页;再比如他们搜索“摩斯乔市的乐队”,看到的第一个搜索结果就可能是“关于TDB乐队”网页,这是由于该网页提到了乐队是来自摩斯乔市的,而主页里就没有提到这一点。

《纽约时报》的网站在一篇关于抉择竣事向造访旧内容的用户收费的文章中提到,他们网站的造访者的行径已近发生改变,到底是什么样的改变呢,文中写道:

…越来越多的读者都是经由过程搜索引擎和其他网站上的链接来造访我们网站的,而不再是直接造访NYTimes.com。以这种间接要领造访网站的读者,就无法造访那些必要付费才能看到的文章,他们与那些直接造访网站的忠厚用户比拟,乐意支付订阅费的可能性就要小一些。取消对造访旧内容的收费,是一个让用户可以造访更多的网页并前进网站广告收入的时机。

对我们的网站来说,这意味着什么?

这意味着你必要将内容进行瓜分,放在单个的网页内。你应该思虑网站的造访者将若何找到他们真正在探求的内容和信息,或者说,一旦他们开始在网站周游,他们想造访的下一个网页是什么。

只管很多人都试图在主页上放置过多的内容,但实际上更好的做法是把主页用作凸起显示网站其他网页的内容及导向造访这些网页的一个页面。将主页和网站其他页面一样处置惩罚,并付与它一个确定的目的(即显示更新,供给一个网站概不雅,仅简要先容乐队,让造访者继承造访其他页面,等等)。主页还必要有指向其他页面的导航栏,并显示网站的品牌。

下面我们将更深入地进修这些内容。

导航

若何对一个网站进行导航,是网站设计中最关键的身分之一(以致可能是最关键的)。你该当确定网站的主要栏目页,并在主导航栏中显示。

关于网站导航同样存在一个普遍的差错不雅念(你们可能已据说过),那便是让造访者在获守信息时不要跨越三次点击。恰是这种差错不雅念的广泛传播,使得一些网站上呈现最糟糕和最繁杂的导航。作为实例,你们可以去看看很多购物或价格对照网站,他们老是倾向于在页面上放置尽可能多的链接,试图应用户在购买什么之前,只管即便削减点击次数,以免他们脱离并去造访竞争对手的网站。但这种做法导致的结果很可能便是:列举的信息过多,反倒应用户不能有效地获取和应用这些信息。太多的选择和太少的选择一样都邑让人无所适从。

着实只要有从一个链接通向下一个页面的明确路径,显示用户正在通向终极要造访的页面的正常历程之中,用户是会继承深入造访网站的。

基于上一篇文章中讲述的信息架构,TDB乐队网站的主导航栏该当包括指向以下部分/页面的链接,“Store(市廛)”页面、“About(关于我们)”页面、“Contact(与我们联系)”页面、“The Music(音乐)”页面、“Band News(乐队新闻)”页面,以及一个“返回主页”的链接,并不必要包孕指向如“Tour Dates(巡演日期)”、“Lyrics(歌词)”等页面的链接。指向这些页面的链策该当仅放在响应的网页内,也便是说,任何必要从某一个歌词页面直接跳转到“Tour Dates(巡演日期)”页面的造访者,都将可以被导航到“Band News(乐队新闻)”页面,然后再链接到“Tour Dates(巡演日期)”页面。

要想创建出成功的网站导航栏,一个最关键的方面是“同等性”。看下面图2所示的页面,在页面上方悦博体育靠谱吗的导航栏中显示了一些链接如指向“Home(主页)”, “Articles(文章)”, “Forums(论坛)”等页面的链接。在dev.opera 这个站点的其他页面,显示的导航栏都是一样的。导航指向显示你今朝在网站的哪个位置,并供给指向该栏目内详细内容的链接。举例来说,点击导航栏上的 “Articles(文章)”标签,将带你到“文章”栏目的主页面,此中包孕一些指向近来颁发的文章的链接,以及一系列指向分栏目如 “Accessibility(可造访性)”、“CSS” 、“Mobile(移动设备)”等的链接(见图2)。

图2: The dev.opera.com的导航栏在网站所有页面内都维持了同等性。

网站上的其他一些通用元素

除导航栏外,平日还有其他一些通用元素要在网站的各个页面内都显示。

绝大年夜多半网站都有一些标示所有权的品牌图像、网站标识或标头。例如,Yahoo!网站中险些每一个页面,在其左上方都有一个网站标识,此中附加有你正在造访的页面所属的大年夜栏目的名称,如“Travel(旅游)”、“Movies(片子)”、“Autos(汽车)”等等。

页面的顶部标题部分(横跨页面顶部)可以不仅仅包孕网站标识,还可以包孕或附加上主导航栏。此外,加上搜索框也并不少见,这可以让用户直接搜索网站的内容和信息,而不用经由过程应用菜单和链接来导航。你应该在你的网站的每个页面,都包括所有或大年夜部分这些通用元素。

页脚部分(页面最下真个部分)应包孕一些额外的信息,如版权声明,以及指向有用的帮助页面(如“About This Site(关于本网站)”、“Terms & Conditions(应用条目和前提)”、“Contact Us(联系我们)”)的链接等。

配色、页面结构、图形和图标的应用、版面设置和图像,创造出作为网站有机组成部分的一个网页的整体形象,这里“同等性”是关键。让网页的外不雅和部署维持同等性,有助于维持网站的一体性,并创造出一种认识感。这样你就知道你正在造访的页面与此前造访的该网站的网页是互相联系的,都是网站的有机组成部分,由于这些页面出现出的视觉形象便是互相联系的。当你在设计网站时,该当切记这点,不要让网站内的各个页面看起来就不同等。

在我们的TDB乐队网站内,页面的顶部标题部分将包括乐队的标识和名称,以强化造访者对乐队的认知度,让他们在造访各个页面时,都意识到是在涉猎关于乐队的各类信息。页脚部分将包括网站及网站内歌词、图片、试听歌曲等的版权信息,以及指向“联系我们”、“预订演唱会门票”等页面的链接。

高低文关系异常紧张

每个页面,只管包孕所有这些通用元素,本身照样应该是环球无双的。一个好的网页应该有效地实行一个或少数几个专门的功能。

相关内容

要制作出异常优秀的网页,一个关键身分便是既要将内容瓜分,又要让他们彼此相关。各项内容既必须分手放置在各个不合的页面(这些页面具有各不相同的URL地址),又必须有逻辑性地前后联系(在网站内和页面内都是如斯),这样才能便于被找到。

以乐队将举行的演唱会信息为例,只管可以在每个页面上都放置一个“将举行的演唱会”模块,但照样该当将该项信息放在一个自力的页面中。一个简单的,链接到“巡演日期”页面的“下一场演唱会”模块,也可以有效地鼓吹该项信息,而不用场处都复制信息内容(这样可能把用户和搜索引擎都搞糊涂)。

标题

下一次你们读报时,请仔细看看报纸的内容和版式设计。分外留意有一些报道篇幅更长,配有凸起显示的字体和图片,标题也更夺目。这样做的目的是,假如你光阴很紧而只想懂得重大年夜新闻的话,就可以急速发明哪些是重大年夜新闻。

这一原则同样适用于网页悦博体育靠谱吗。一个页面内每部分的内容都应有一个标题,以显示这部分内容在页面内的相对紧张性(这部分内容是从属于上一部分呢,照样是与之一致紧张?)

举例来说,在本篇文章的这个部分有两个段落标题“相关内容”和“标题”,它们都位于“高低文关系&r悦博体育靠谱吗dquo;这个大年夜标题之下,显示它们都是从属于大年夜标题之下的小标题。

可用性

可用性是指一个网站能被用户以可以预期到的合理要领所应用。

设想一下以下几种环境:在你上一个新闻门户网站涉猎一篇新闻时,在涉猎前必须要在该网站注册;在你在网上预订飞机票或火车票时,还必要花两分钟经由过程电话向订票职员解释你的行程;在你输入一个邮件地址或信用卡号码时,网站只是奉告你输进款式差错;搜索发送回的结果中没有有用的条款,或是一个网站在其首页没有一个搜索对象。

以上都是网站可用性不好的例子,这源于没有斟酌网站用户的必要。而在你构建和设计网站时,假如把网站用户的必要放在中间位置,就很有可能创建出令用户知足的好网站。

创建可用性好的网站并不是一件轻易的事,这方面的很多常识都只能得之于履历。你可以记下其他网站可用性不好的地方,以避免重蹈覆辙。测试网站可用性最好的法子照样察看用户的实际应用体验。一旦你创建好一个网站,请从以下多个方面察看用户的应用体验:

用户能找到他们探求的网页吗?

对用户输入的搜索主题词,搜索对象给出了精确的结果吗?

图像/音频/视频能在用户应用的浏览器中正常运行吗?

用户是否有对可用性不知足的地方?

用户认为知足和痛快的地方又在哪里?

专业公司对由其承担进行的网站可用性测试会收取很高的用度,但你可以选择非正式的测试要领,如让你的同伙和家人奉告你他们应用你创建的网站的体验,这样也可以让你很好地懂得到一些你尚未留意到的网站存在的问题。这便是所谓当局者迷,旁不雅者清的事理。

可造访性

对网站可造访性最常见的误解便是仅将其理解为“让盲人能造访网站”,着实可造访性是一个对更多的人都有影响的问题。

“帮助技巧”这一术语用于描述任何赞助人们与其应用的谋略机更为有效地互动的帮助设备或硬件。你们可能顿时会想到供盲人应用的屏幕涉猎器,或是供无法应用鼠标或键盘的人应用的语音输入设备。然则眼镜呢?着实对近视的人来说,所戴的眼镜也是一种“帮助技巧”,然则他们中绝大年夜部分人不会觉得自己是残疾人。

意识到很多应用互联网用户可能面临的问题,对制作出好的网页是异常紧张的。不要想当然地就做出很多假定,如网站用户就必然有鼠标,就必然可以看到你应用的图像,就都安装了Flash播放器等。

在斟酌网站的可造访性时,除要斟酌那些必要应用“帮助技巧”的人外,还要斟酌其他一些人如用手机上网的用户。现在的手机还不能很好地支持 Flash(纵然有Flash功能),例如苹果公司的iPhone 就不具有支持Flash的功能(大概今后也不会有),虽然在其他方面用iPhone浏览网页的效果和在苹果谋略机上用桌面版本的Safari浏览器浏览网页的效果差不多(Opera手机浏览器也不支持Flash)。一些新技巧如Opeara Mini手机浏览器,可以为上网的低电量手机重写网页,使网页体积变得更小,对绝大年夜部分用户来说,网页中的图像在手机浏览器中也会被显示得小得多,这意味着用户可能无法获取网页中任何依附于奥妙的细节的内容。

在我们这个乐队网站的例子中,你应该意识到假如应用了很多图像(乐队照片),则必须描述图像的内容。假如你在页面中应用了Flash音乐播放器,以让人们可以听到乐队的歌曲,你同时也应该创建直接指向歌曲的链接,以让那些未安装Flash播放器的人也可以以他们选择的要领听到这些歌曲。

总结

在本篇文章中,我讲述了你们在开始实际创作网页时,必要切记的一些紧张观点,以使网页具有更好的可用性,能为更多的人造访,并能更为顺畅地运行。在今后的课程中,我们将具体讲述所有这些在本文中已提到的紧张观点。

演习题

在做本篇文章所附的演习题时,你只需上网浏览一些你最喜好的网站,试着以从本篇文章中学到的常识检视这些网站,并回答以下这些问题:

这些网站具有同等的页面顶端部分、页脚部分和导航栏吗?

察看你在网站各页面浏览时,导航是若何变更的。

留意去发明网站是否有让你认为不便应用或让你迷惑的地方,假如有,请提出你的办理法子。

假如可能的话,请关闭你应用的浏览器支持图像显示或支持JavaScript的功能,或是应用手机上网造访一个网站,与你应用谋略机造访同一网站的体验做一个对照。

作者简介

Mark Norman Francis 早在万维网出生前,就在从事互联网领域的事情了,不停持续到现在。今朝他是举世最大年夜网站Yahoo! 的前端设计师,认真拟订Web开拓的最佳习气、代码标准和质量标准。

在加入Yahoo!前,他先后在Formula One Management(F-1治理公司)、Purple Interactive (紫色互动公司)、伦敦城市大年夜学从事过多种事情,包括Web开拓、后端CGI编程和系统架构等。他的博客地址为:http://marknormanfrancis.com/。

原文地址:http://kb.operachina.com/node/22

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: