网络编程
位置:首页>> 网络编程>> 网页设计>> 让复杂导航设计变得简单

让复杂导航设计变得简单

作者:奇遇 来源:UCDChina.com 发布时间:2008-01-07 11:50:00 

标签:导航,设计,用户体验

导航设计是结构层面设计中的主要工作之一,在软件中,导航设计的好坏,直接关系到用户使用是否能够流畅。面对较复杂的导航,我们第一反应是将其简化。所以在一些复杂的企业级管理软件中(如SAP、金蝶ERP、浪潮ERP等),提供用户直接通达某位置的快速入口;有些软件则提供收藏夹,让用户把常用的地址收藏;有些则从导航交互的方式上寻求解决办法。

1、在路径层面上提供辅助导航

提起辅助导航,我们会马上想到搜索框、快捷入口、收藏夹等等,之所以会马上想到这些,是因为这些形式让我们的使用更便捷。

图 1-1 SAP界面上的快速入口

SAP上的快速入口,为较熟的用户提供便捷的入口,因为SAP是一个很复杂的企业管理软件,有财务管理、人事管理、生产管理等等,覆盖企业中的各行业,但通常单个用户一般只用其中的一个,比如你是会计师,那么你通常只用到财务管理模块,这时候你只是想打开软件就进入财务模块,快捷入口无疑解除你使用导航树的痛苦。


图 1-2 卓越网(电子商城)上的搜索框

电子商城网站是内容较多的网站类型,如果单纯从导航去寻找某个产品,会令我们花费较多的时间,而搜索框,可以便捷的通过关键字来检索,相信大家已经体验到它的便捷了。

从以上例子我们可以看出,新手可以通过“分类页、导航树和检索”的形式找到自己想要的东西,由于“地形”不熟,不可能有快捷的需求;大部分用户还是喜欢用“简洁导航、收藏夹”之类的形式,这样我可以挑选我想要的进去;如果有一定的自主权,可以直接“搜索框和快捷入口”,我直接跳到我想要的地方,很迫切!不想浪费更多的时间。

2、组织形式也会带给我们好的体验

导航的组织形式很多很多,在软件里,vista系统的路径条曾给我眼前一亮的感觉,我们通常都被系统传统的做法束缚了,vista系统突破了这个的思维,也很值得我们借鉴,不但在组织形式上,在思维上也值得我们借鉴。下图是我截取的一个例子。


图 1-3 vista系统的路径条

0
投稿

猜你喜欢

  • 一般开发,SQL Server的数据库所有者为dbo.但是为了安全,有时候可能把它换成其它的名称,所有者变换不是很方便.这里列出两种供参考
  • 作用:用ASP程序将页面中的电话号码生成图片格式。 代码如下:<% Call Com_CreatValidCode
  • 一、原因:今天在尝试初始化一个WEB应用的时候,发现其连接不上MySQL,从Traceback看到使用的默认密码为‘YES’。没辙,居然尝试
  •  我们可用如下代码进行监控:函数中使用了fso对象来读取文件属性。Function File_GetLastModifi
  • 如果你正在负责一个基于SQL Server的项目,或者你刚刚接触SQL Server,你都有可能要面临一些数据库性能的问题,这篇文章会为你提
  • 前几天在“CSS那些事儿”的群中,一位读者朋友(小土豆)问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了,为什么呢,
  • 受<! #include file="filename.asp" --> 宏限制必须存在该文件并且会预先编译
  • 本XML系列教程将分三部分发布,到最后一期我们将拥有一个功能全面,更加友好的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。大家都
  • 要开发一个基于数据库的应用系统,其中最关键的一步就是整个系统所依据的数据库的建模设计,从逻辑的到物理的,一个环节疏于设计,整个的应用系统便似
  • CSS3 + HTML5是未来的Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了5个CSS3技巧,可以帮你
  • 说明:通过随机产生密码,然后将密码EMail给注册用户,你可以确认用户的EMail填写是否正确。自动产生的密码往往安全性更高,同时,你可以过
  • 这几年来,我们这个行业一直都在谈用户体验,以用户为中心的设计。“用户体验”是指用户访问网站的界面、功能、相关信息的可读性、操作的方便性,交互
  • 什么是MySql数据库?通常意义上,数据库也就是数据的集合,具体到计算机上数据库可以是存储器上一些文件的集合或者一些内存数据的集合。我们通常
  • IIf 函数   根据表达式的值,来返回两部分中的其中一个。语法IIf(expr, truepart, fal
  • 随着现在宽屏显示器的流行,Flash的全屏模式下,越来越需要考虑到普屏显示器与宽屏显示器的差别。Flash全屏模式有以下特点:窗口最大化,且
  • 说绘画语言,西方的油画是人类视觉语言里怎么也不能忽略的浓烈一笔。14~15世纪,蛋彩画——油画前身的发明,绘画可以使用均匀过渡的色彩渐变,并
  • 一:文字加粗 倾斜的代码文字加粗的代码是: <b>你好</b>文字倾斜的代码是: <i>你好!</
  • 假如一个页面中的文本采用的都是同样的字体、同样的字号、同样的颜色,做为读者的你能轻易的区分出哪里是标题,哪里是正文内容吗?所以通常情况下,设
  • 在程序的开发过程中,处理分页是大家接触比较频繁的事件,因为现在软件基本上都是与数据库进行挂钓的。但效率又是我们所追求的,如果是像原来那样把所
  • 10月15日,Adobe公司正式面向全球公布了第10个版本的Flash播放器,这一版本播放器的昵称是大家已经所熟知的“宇宙”。这是一款增加了
手机版 网络编程 asp之家 www.aspxhome.com