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

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

作者: 阿东咚咚咚 | 来源:发表于2014-08-18 17:02 被阅读141次

    第五章:省略不必要的文字,不要在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)②我在哪个页面上?(网页名称)③这个网站的主要栏目有哪些?(栏目清单)④在这个层次上我有哪些选择?(本页导航)⑤我在导航系统的什么位置?(你在这里的指示器)⑥我怎么搜索

    相关文章

      网友评论

        本文标题:点石成金 访客至上的网页设计秘笈(2)

        本文链接:https://www.haomeiwen.com/subject/rlwetttx.html