美文网首页
设计导航

设计导航

作者: 纵是风景美如画 | 来源:发表于2018-06-20 16:11 被阅读0次

    第六章 街头指示牌和面包屑

    记住一个事实:如果在网站上找不到方向,人们不会使用你的网站。

    网络导航101原则

    你通常是为了寻找某个目标

    你会决定先询问还是先浏览

    如果选择浏览,你将会通过标志的引导在层次结构中穿行

    最后,如果找不到想要的东西,你会离开

    无法承受的浏览之轻

    感觉不到大小;

    感觉不到方向;

    感觉不到位置

    后退按钮是浏览器上用的最多的按钮

    web导航

    通过具体化网站的层次结构补偿了网站缺失的空间感,营造出某种位置的感觉。

    导航的重要却易被忽视的功能:

    1、它告诉我们这里有些什么

    体现站点内容可能比引导我们或告诉我们位置更重要

    2、它告诉我们如何使用网站

    导航的职责,含蓄的告诉你该从哪里开始,你能进行哪些选择。

    3、它给了我们对网站建造者的信心

    清楚、规划得当的导航是网站给人留下好印象的机会。

    持久导航

    包括4个元素:站点ID、实用工具、栏目剧、搜索

    站点ID就像建筑物的名称,可以是一个回到主页的链接

    栏目有时也叫主导航条,是到达该站点主要项目的链接,即站点层次结构的最顶层

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

    提供搜索,喜欢搜索的用户比喜欢浏览的用户更多

    大多数用户到达一个新站点后,第一件事就是扫描页面,看有没有搜索按钮

    底层导航同样重要,用户在底层页面上画的时间与顶层页面相同。

    页面名称

    每个页面都需要一个名称

    页面名称需要出现在合适的位置

    名称要引人注目

    名称要和点击的链接一致。名称一样→感到安慰信任,不需要思考;名称不一样→感到挫折,信任感降低。

    “你在这里”标记当前位置

    要抵消网络固有的迷失感,其中一种导航方式是告诉我当前在什么位置。在Web上,这可以用突出我当前的位置来做到,不管是在页面的导航条、列表还是在菜单上。具体措施可将当前的位置在导航上面标粗\变色。保证他们突出的方式采用不止一种视觉区别——例如,使用不同的颜色并加上粗体。

    层级菜单——面包屑

    也会告诉你当前的位置。

    最佳实践方式:把它们放在最顶层;使用>对层级进行间隔;加粗最后一个元素(最后一个元素是当前界面的名称,让它变粗正好得到了应有的突出)

    相关文章

      网友评论

          本文标题:设计导航

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