总结网站导航怎么设计才好呢?

导航,路标和找路

     了解导航在互联网上很多分析的例子,但是讨论的焦点的目的都是一个——“不要迷路”。
从导航说起,一般都会联想到路标,因为用户要找路,就想到了标识!

网页常规的标识包含:
    页面和窗口标题
    网页标识(logo)
    其他有标记的设备
    Tab
    选择指示器

标识使用到的模式:
    全局导航
    颜色编码的栏目
    序列地图
    面包屑层级结构
    注释滚动条

如何找路呢?
    运用良好的标记
    环境线索
    地图

    Jenifer提到有清晰的入口点模式结合良好的标记及环境线索的例子——链接必须在页面上突出显示。一个有序的地图,使用总览加细节,形成一个空间显示地图。

    总结导航如何好呢——让距离保持简短,避免太多的跳转!

清晰的入口点

what:只在界面上显示几个入口;让它们面向任务,并具有自描述性。
Where:当你正在设计一个面向任务的应用,或者其他任何主要供新用户或不常访问的用户使用的应用时,可应用此模式。
Why:网站要清晰的展现给用户信息和结构,大量平铺的面板,毫不相关的信息(广告等)都不能使用工具条。提供清晰的目的去口。
How:运用大门的概念,入口处很清晰的几点重要的导航。标准例子就是google,首页上集中处理好一件事。用户很明确ta能做什么。

图例:http://home.ingdirect.com/

序列地图What:在一系列页面上的每一页上,显示一幅地图,把所有的页面按顺序排序在改地图,包括“你在这里”的位置指示器。
Where:用户访问的路径是线性的。按照顺序一页一页访问的。但是太多的层次就不能使用了,要使用面包屑了。(具体几个层次jenifer没有提到,个人觉得超过5-6步就要改了把!)
Why:用户在按步骤走的时候迷路的可能很小,最担心的反而是还要走多久才到头。接下来我还要做什么。
How:那就采用步骤地图方式设计,用颜色深浅标识当前所在,用箭头等标识标记下游的方向。例如很多注册流程是这样的。

图例:

时间: 2024-09-04 05:31:29

总结网站导航怎么设计才好呢?的相关文章

网站导航的分析:优化网站导航的设计

--让用户更容易地找到需要的信息3 之前已经介绍过为了让用户更容易地找到需要的信息,可以对网站的信息架构和站内搜索进行分析和优化,而另一个能对用户起到很好引导作用的就是网站的导航功能,所以这篇文章主要分析用户对网站导航功能的使用情况,并在此基础上合理地优化网站的导航设计. 网站导航的作用 网站导航的最终目的就是帮助用户找到他们需要的信息,如果说得详细点,那么可以概括为下面3个用处: 1. 引导用户完成网站各内容页面间的跳转.这个是最常见的,全局导航.局部导航和辅助导航等都是为了引导用户浏览相关的

网页设计参考:20个漂亮的网站导航菜单设计实例

在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容. 所以,一个网站独具特色,并注重可用性及导航内容组织明确的导航菜单设计是非常必要的. Mega Drop Down Menu Simple Underline Menu Red Tabs Menu Drop Line Tab Menus Glossy Menu Pink Block Menu Simple Dr

方便用户交互的网站导航完美设计

许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕.这篇文章,我们尝试就网站导航交互做一些探讨. 首先对于WEB交互设计师来说,解决上面遇到的问题,使之简单的方法是设计一套完善的网页导航系统. 优化网站导航设计的目的 一个网站导航设计对提供丰富友好的用户体验有至关重要的地位,简单直观的导航不仅能提高网站易用性,而且在方便用户找到所要的信息后,可有助提高用户转化率.本文是网页教学www.webjx.com收集整理或者原

浅淡网站导航栏设计趋势

导航是网站设计中最重要的元素.由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设置合理的导航栏能令访客浏览到更多感兴趣的内容. 这篇文章将展示关于网页导航栏设计最近的一些趋势和一些新潮的导航栏效果. 1.描述型导航栏 导航栏最重要的任务是明确指向网站各个部分的内容,但这些内容很难通过一两个关键字来表述清楚,因此采用描述行导航栏可以让访客在点击之前就了解到自己将能看到一些什么内容. 由于这种导航跟访客的感觉是:有一个向导在做现场解说,因此相对于只有关键字的"无声导航",有人

27 款漂亮的网站导航的设计

今天我们跟大家分享 27 个非常漂亮而且比较独特的网站导航菜单的设计: Handle With Love Neat and organized vertical navigation. Amazing pretty pictures and colors! Weightshift Cool 'menu based' navigation. The menu is very graceful. Don't throw Batteries   Graceful and neat menu. FA D

以seo角度浅谈网站导航需要考虑几点因素

网站导航作为网站设计中是不可缺少一个部分,如果没有了导航网站用户就无法快速找到用户想要的信息.网站的导航的存在的价值,不仅便利用户寻找信息更快的找到相关栏目下的内容,而切也有利搜索引擎的抓取,从而有效解决网站收录的问题.以下几点,是我在杭州SEO培训中心一些个人从SEO角度来谈网站导航在设计的时候,需要注意哪几点因素: 第一点:网站导航尽量用文字作为网站链接   上图是新浪首页的导航,对于重要的栏目可以加粗或用其他方式来显示,网站栏目多的时候,可以分层显示,排版布局合理,又不影响用户体验. 第二

30个风格出众的网页导航栏设计

  导航栏是一个网站的地图,访客可以通过导航纵观整个网站的概况,并且方便他们快速到达想要了解的地方. 举个栗子,优设的首页有两处导航,顶部导航分别是:首页.网址导航.设计讲座.设计师.招聘求职.设计服务.关于我们.同学们可以直接点击[招聘求职]找工作.另外,侧边栏的导航包括:热门下载.界面&图标设计.PS教程&设计文章.信息化视图.职场&规划.酷站推荐.图书推荐.如果有新入门的童鞋,可以方便地从[职场&规划]里学习前辈的职场经验,需要提高效率的神器,直接戳[热门下载]就行咯

网站导航之 “面包屑”导航

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站的导航栏在网站优化中占到非常高的比重,一个优秀的网站,浏览的主动权应该完全交给网民,由网民来决定浏览那些信息,跳过那些信息,必须保证让你的网站结构透明化,清晰化,简单化.清晰,系统的把网站结构简单化展现在网民面前.那么,要实现这个就不得不再次提起导航栏的重要性,一个简洁,准确,快捷的导航栏即可以引导Spider完整抓取你网站的每一个页面,

优化之让用户体验飞一会:网站导航篇

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 前面讲了关于用户体验的基本因素:访问速度篇.今天笔者接着来说让用户体验飞一会的网站导航篇的优化设置.导航的优化设置已经越来越受站长们的重点了,而且根据优化指南中的优化建议,导航使用文字形式比使用图片或FLASH.JS代码来的优化效果要好得多.不过对于导航单单使用了文字来显现还是不够的,毕竟导航中的优化设置是否良好都与关键词排名息息相关的,同时