关于网站导航设计的探讨

作者:evanchen 来源:薯片会 时间:2008-02-28 13:20:00 

许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕。本期薯片会我们尝试就网站导航交互做一些探讨。

首先对于WEB交互设计师来说,解决上面遇到的问题,使之简单的方法是设计一套完善的网页导航系统。

优化网站导航设计的目的

一个网站导航设计对提供丰富友好的用户体验有至关重要的地位,简单直观的导航不仅能提高网站易用性,而且在方便用户找到所要的信息后,可有助提高用户转化率。
如果把主页比作网站门面,那么导航就是通道,这些通道走向网站的每个角落,导航的设计是否合理对于一个网站是具有非常大意义的。

  1. 决定用户在网站中穿梭浏览的体验,这一点是最基本的。

  2. 网站导航设计合理,可以将网站的内容和服务最大面积的展现在用户面前。

  3. 合理的导航设计可以增加用户黏性,提高网站的浏览深度,从而提高网站PV值。

  4. 促进用户消费,提高网站盈利。引导用户消费,将用户真正需要的产品和服务展示在他面前,甚至用户想不到的服务你也呈现。

  5. 提高网站广告价值,增加网站广告收益。
     •••••••

网站导航的常见结构

雅虎的网页设计一直是国内众门户模仿的对象,我们首先来看看Yahoo网站现有的几种导航样式:

1)Yahoo首页 (最常用的栏目导航)

Yahoo首页左侧的导航列出了网站最常用(或访问最频繁,或网站运营最想让用户知道)的几个栏目。这种导航(也包括网页顶部横向结构)是目前互联网中使用最广泛的导航方式。

2)More Yahoo!Services (更多的导航信息的展现)

Yahoo作为一个全球大型综合门户网站,所提供的服务肯定不止首页左侧导航显示的那几个,那么更多的服务如何导航?同时又如何展现给用户呢?于是Yahoo的设计师们给我我们一种解决方案,如上图,点击从网页左侧展开一浮出层样式的服务导航页面。可以发现,这种导航也是多维度的(下面我们会专门探讨)

3)Tab 式位置导航变体

我们还可以在Yahoo!TV 等栏目上发现这样有趣的导航结构,我们暂且认为他是Tab 式结构加上一个下拉菜单的一种导航组合。

TV Home – Shows – American Idol – Overview 组成了一个单维度的导航
TV Home同时提供了下拉菜单方便用户快速的转到其二级栏目下。(这里我遇到一个困惑,在这里我不知道怎么TV Home上一级的目录是什么,也不知道如何返回。)

标签:导航,设计,网站
0
投稿

猜你喜欢

  • css实现图片倒影效果

    2007-11-05 18:29:00
  • 教你轻松掌握如何正确的修复Access数据库

    2008-11-28 16:21:00
  • 垂直对齐:vertical-align属性

    2008-07-11 20:55:00
  • Oracle 自增(auto increment) 或 标识字段的建立方法

    2009-03-06 11:15:00
  • 如何正确显示模式对话框showModalDialog中的中文?

    2010-06-28 18:24:00
  • MySQL优化之数据表的处理

    2008-12-22 14:45:00
  • 隐藏修改文件时间和文件属性的ASP脚本

    2011-03-17 11:15:00
  • Oracle 日期的一些简单使用

    2009-08-05 20:42:00
  • 用户分类浅谈

    2009-09-27 12:14:00
  • 扫盲大讲堂:SQL查询结果集对注入的影响及利用

    2009-09-05 09:49:00
  • Sql Server 2012 转换函数的比较(Cast、Convert和Parse)

    2012-08-21 10:21:40
  • 客户端和服务端的编码“陷阱”

    2007-12-21 19:19:00
  • 请问[\\u4E00-\\u9FA5]是什么正则表达式码

    2009-07-10 13:10:00
  • 学习 YUI3 中的沙箱机制

    2010-04-12 12:52:00
  • 几款优秀的中文字体设计

    2008-03-24 17:25:00
  • 自己写的一个PJBlog中可以双击输入验证码的修改

    2009-05-17 10:51:00
  • 一个统计当前在线用户的解决方案

    2007-10-13 19:27:00
  • 再说淘宝的评价和信用机制

    2008-07-10 12:43:00
  • 关于导航的探讨

    2008-03-21 12:04:00
  • 选择一个优秀正文字体的15个技巧

    2008-03-20 13:36:00
  • asp之家 网络编程 m.aspxhome.com