行业关键字
UI设计UI理论和资料 → 正文
导航设计-UI博客精选(22)
作者: 优势可用性博客 来源: 视觉同盟 时间: 2006年10月25日

这是一个老话题了,不过导航设计不管是对于网站还是软件开发都十分重要。虽然目前的设计基本上不是跟从微软的规范就是跟从苹果的规范,但是我们需要保持一点清醒,那就是他们的规范不是唯一的,更不是完美的。跟从他们的主要目的是界面的一致性和开发成本的减少,而并非是因为他们已经好到没办法超越,不然我们也不会总听到看到他们不断推出新的设计了。

导航设计不仅仅是菜单的摆放和组织问题,有三条原则是需要注意的。

导航设计是为用户设计的。

这不是显而易见的吗?是的!但是还是有不少的设计人员会不小心忘记这一点。导航设计不是提供一个能够遍历所有屏幕(或者网页)的解决方案,而是提供从一个屏幕到另一个屏幕的自然过渡途径。如何在众多页面之间建立合理的关联路径并不总是轻而易举的,尤其需要考虑到显示面积是有限的时候。如何调整屏幕显示上的层级关联又不破坏它们内容上的自然联系就离不开对用户的理解了。

导航设计需要一个系统模型。

为什么需要一个模型呢?一个模型对于小的网站或者简单的软件来说确实未必能带来多少不同,但是对于大型网站或者软件而言,模型是至关重要的,没有一个模型就如同是一盘散沙。门户网站通常都使用图书馆作为导航模型,信息按主题分门别类,层层深入。零售网站通常会使用商店模型,库存商品分类存放,首页就像橱窗一样陈列部分商品,摆放促销广告。至于Windows采用的是档案柜和文件夹模型。恰当的模型让用户很容易理解系统的组织方式,在浏览的时候就很容易理解需要遵从的路径。

导航设计需要一个移动模型。

以网页浏览器为例子,它的移动模型很简单,只有三个元件:回到主页,后退到前一页,和一个进入到链接指向的页面。Windows的文件夹所采用的移动模型则不同,它包含左侧指向某些常用的文件夹的快捷链接,顶部的后退到历史中前一个文件夹的按钮,同样是顶部的一个到达上一级文件夹(目录)的按钮,以及通过鼠标双击操作实现的进入一个文件夹的功能。网页浏览器的移动模型给用户带来的是一个线性的序列化组织形式,文件夹的移动模型则体现了一个树状等级式排列的组织形式。好的移动模型可以帮助用户形成更准确的系统模型,从而能够更准确地预测系统行为。移动不仅仅是完成一个屏幕切换,移动可以做的其实很多。在这个切换过程中,设计者可以通过添加适当的元素(例如动画效果,声音效果)来加强两个屏幕之间的关系,这在于GPS导航系统的设计是至关重要的,因为让用户清楚每一个时刻所在的位置是用户的核心任务。

iPod的成功固然离不开它的外形设计,它的导航设计也是重要的因素之一。iPod的导航方式显然不是最有效率和最容易学习的,但是它采用了简化的导航设计与外形的简约设计相融合,让用户接受需要花费时间学会,一些功能需要在计算机上进行的现实。导航设计不是简单的设计,我期望有一天能够看到真正中国设计的导航方式。

原文地址:http://www.understandusability.com/blog/?p=100

更多UI博客精选

(责任编辑: vincent

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2025 视觉同盟 visionUnion.com)
Copyright © 2004-2025 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版