点石成金 访客至上的网页设计秘笈(2)

第五章:省略不必要的文字,不要在web上写作的艺术

去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。----Krug可用性第三定律

两种特别的文字:欢迎词和指示说明。

去掉没有人会看的文字有几个好处:①可以降低页面的噪声。②让有用的内容更加突出。③让页面更简短,让用户在每个页面上一眼就能看见更多的内容,而不必滚动屏幕。

必须正确处理的几个方面

第六章:街头指示牌和面包屑,设计导航

如果在网站上找不到方向,人们不会使用你的网站。

1、网络导航101法则:①我们通常是为了寻找某个目标;②我们会决定先询问还是先浏览;③如果选择先浏览,我们将通过标志的引导在层次结构中穿行;④最后,找不到想要的东西,我们离开。

对于任何人来说,先搜索还是先浏览取决于他们的打算、匆忙程度,以及网站是否有良好的导航机制。

2、无法承受的浏览之轻:感觉不到大小、感觉不到方向、感觉不到位置。

链接标记:访问过的链接标记成另外一种颜色,给用户一些已经访问过多少内容直观的感觉

书签:存储的个人捷径。主页:固定的空间,“北极星”。

导航:从一个地方到另外一个地方,还有得知你当前所在的位置。

“web导航”让我们“得知我们当前的位置”。当我们置身网络时,本来就是迷路的,web导航通过具体化网站的层次结构营造出某种位置的感觉。

导航不是网站的一个特性,他就是网站。

3、被忽视了的导航用途

导航的两个显而易见的用途:帮助我们找到想要的任何东西和告诉我们现在身在何处。

导航的第三个用途:①它给了我们一些固定的感觉。②它告诉我们当前的位置。③它告诉我们如何使用网站。④它给了我们对网站建设者的信心。

持久导航:5个元素(站点ID、栏目、回主页的方式、搜索的方式、实用工具)

每个地方都一样的规则之外:主页和表单。

4、导航的元素内容

站点ID或标志logo:通常是在左上角,至少应靠近左上角。

要让站点ID出现在页面可视层次的首要位置,可采取两种方式:让它成为本页最显眼的内容,或者让它涵盖页面所有其他的元素。

栏目:主导航条(primary navigation),是到达站点主要栏目的链接,即站点层次结构的最顶层。一般持久导航也包含二级导航的显示位置。

实用工具:utility,是到达网站中不属于内容层次的重要元素的链接。

实用工具要么能帮助我们使用站点(例如帮助、站点地图或购物车等),要么提供网站发布者的信息(例如关于我们,联系我们等),不同类型的网站,实用工具不同。通常,持久导航上只能放置4~5个实用工具。

返回主页:持久导航中最重要的元素之一是把我们送回主页的按钮或链接。

在栏目或实用工具清单中包含一个回到主页的链接;在主页之外的站点ID上加上返回主页的功能。

提供搜索:一个输入框,一个按钮,还有“搜索”两个字。要避免花哨的用词;指示说明;选项。如果打算提供选项,要保证这些选项确实有用。

多级导航:用户在底层页面上花的时间通常和花在顶层页面的时间相同。

5、页面名称,需要注意以下四点

①每个页面都需要一个名称;②页面名称要出现在合适的位置;③名称要引人注目;④名称要和点击的链接一致(如果不一致,也要保证:尽可能匹配和不匹配的原因很明显)。

6、你在这里指示器:突出,采用多种视觉区别,比如使用不同的颜色加上粗体。

7、面包屑:告诉用户所在的当前位置。主页到当前位置的路径。最佳面包屑实践:把它们放在最顶端;使用“>”对层级进行分隔;使用小字体;使用了文字“你在这里”;将最后一个元素加粗;没有把他们用作页面的名称。

8、使用标签作为导航

标签是大型网站导航的上佳选择,因为:它们不言而喻;它们很难错过;它们很灵活;她们按时了一个物理的空间。

9、使用标签作为导航的三个要点:正确绘制;颜色编码;当进入网站时,有一个标签已经被选中。

10、后备箱测试:

如果一个网站页面设计良好,当我们在这个网站的任何页面时,应该能理解回答以下几个问题:①这是什么网站?(站点ID)②我在哪个页面上?(网页名称)③这个网站的主要栏目有哪些?(栏目清单)④在这个层次上我有哪些选择?(本页导航)⑤我在导航系统的什么位置?(你在这里的指示器)⑥我怎么搜索

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容