让复杂导航设计变得简单(2)
作者:奇遇 来源:UCDChina.com 发布时间:2008-01-07 11:50:00
标签:导航,设计,用户体验
3、鱼眼菜单给我的思考
词典的导航,我们通常都是通过搜索,然后根据搜索来查找某单词的释意,但当我们只记得前一、二字母,完全不记得单词的时候,查找是很麻烦的事情,无论是翻书本字典,还是电子字典。这样如此繁多的检索型导航,看下面金山词霸的表现形式。
图 1-4金山词霸主界面
滚动条的拖动,或者翻动书页,都会让你浪费较多时间。Fisheye menus是HCIL(人机交互实验室,UMIACS的下属实验室之一)的研究成果之一,为了浏览者更加方便快捷地使用内容较多的菜单提出的一种解决方案。但一定程度上可以作为词典类导航设计的借鉴。下图为他们的鱼眼菜单:
图 1-5 鱼眼菜单
随鼠标的点击做大幅度的导航,而三角号为微调的工具,相信如此设计,使用起来会顺畅好多,在也不用去拖动那个难用的滚动条。针对内容较多的检索导航,相信我们会有收获。
试想,如果为你的电子词典设计一个这样的检索形式,很容易能在一个不大的区域里,方便的检索到某个单词,况且还可以配合搜索框使用。相信一个简单的思路,会改变用户痛苦的体验。
4、小结,认知的有限性和导航设计
人类的认知是极其有限的,只能很容易的搞清楚简单的问题。我们在设计导航时,也遵循人类的认知法则,尽量让用户一目了然。如果你设计的导航,让用户很费劲或者花费较长时间才能搞清楚,无疑是失败的体验(除非设计目的就是这样)。
没错!“关注你的用户就好了”。设计导航,就是要符合所对应用户的认知度。
0
投稿
猜你喜欢
- 如果我们想对一个表的每一行做出比较复杂的操作,大多会想到用游标,本文中,我们将换一种思路,用SQL Server 2005中的新函数ROW_
- 很多时候,我们都需要获取windows消息提示框的文本内容,例如系统异常信息,软件错误提示等。。。但是如何获取提示信息呢?通常我们的印象中,
- 本章的前面讨论如何使用SQL向一个表中插入数据。但是,如果你需要向一个表中添加许多条记录,使用SQL语句输入数据是很不方便的。幸运的是,My
- 请问如何在Oracle Setver端检测ODBC是否连接好了?首先,在SQLPLUS安装时勾选oracle open client ada
- Index.asp:程序代码<html><head><meta http-equiv="Conten
- 1、可以控制左横向滚动还是右横向滚动。2、鼠标悬停上时暂停滚动,移开后恢复滚动。3、间歇时间按需调整,但不要低于容器向左/右移动的时间。JA
- 无聊,写了一个图片后加载的东东,感谢asfman帮忙<!DOCTYPE html PUBLIC "-//W3C//DTD X
- 在学校修管理学的时候,有讲过一个管理激励的理论。管理激励是基于行为和认知科学的研究,来发现人们的需要、动机、目标和行为四者之间关系的核心理论
- 在一群里有朋友发问,有时间,也就看看了,不多说了,看图了:用一般的 select .... order 排序出来,就如下图了,是
- 作者:Henny Swan / co-lead of WaSP ILG译者:JunChen / member of WaSP ILG原文:h
- 下面是滚动条css代码参数介绍:scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highl
- 相信大家都知道html和css,知道html结构和css表现分离,知道html语义化,这些都是这几年的热门关键字。语义化的html在国内也是
- 之前看到很多人一直都问CSS 中DIV垂直居中的问题,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。因为在 CSS 中
- Union 与 Union ALL 的作用都是合并 SELECT 的查询结果集,那么它们有什么不同呢? Union 将查询到的结果集合并后进
- ..:: 巧用CSS制作艺术字 ::..如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位
- 数据库的使用过程中由于程序方面的问题有时候会碰到重复数据,重复数据导致了数据库部分设置不能正确设置……方法一以下为引用的内容:declare
- 简洁的隐藏垂直菜单在hover时将内容展开。这样的效果在JS里有很多个版本,但这个可以说是绝无仅有的CSS版本。此菜单可以在IE5.5,IE
- c shell perl php下的日期时间转换: 秒数与人类可读日期 scalar localtime 与 seconds since `
- domainname.asp<form method="POST"> &nb
- px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px,所以10px=0.