zoukankan      html  css  js  c++  java
  • GUI设计禁忌 之三 ——没有指示用户当前所在位置

        导航是一个很重要的问题,用户需要知道自己处于什么位置,曾经到过哪里,他们还能去向哪里。不幸的是,导航的复杂性让很多软件,尤其是很多Web网站做的很差。虽然我在使用博客园,但是不得不说,博客园的导航做的相当的...(此处略去一个字,大家都懂的)。本文主要介绍一下导航错误中的第一类,即没有指示用户当前位置。

    一、未标识窗口或者页面

        有些应用程序的窗口或者网站的页面,没有提供当前用户所在位置的任何信息。窗口没有标题,或者标题不是该窗口本身的标题,而是里面某一个选项卡的标签,都是这种情况。所以对于应用程序的每一个窗口,都要设置标题。

        对于web页面来说,情况并不那么简单。有些人认为在通过html的<title>标记设置了标题就可以了,这种想法是错误的。很少有人在面对浏览器时,会首先想到到标题栏里看看这是什么页面。大多数人希望从页面上就能看出该页面是什么。因为标题栏相对页面内容来说太窄了,不容易引起注意,而且文字比页面上的标题或者导航要小得多。正确的做法是,在站点的导航栏中通过高亮等形式,标记当前页面的位置,或者在页面的明显位置,明确的标记当前页面的位置。比如下面的几个例子,都是正确的做法:

        

        

    在第一幅图中,是通过高亮显示导航栏中某一项,提示用户当前在看哪一个页面,而第二幅图虽然在左侧导航栏中没有高亮显示,但是右侧内容最上方告诉我们现在是在“软件工程”这一类中浏览。

    二、不同窗口/页面用了相同的标题

        出现这种错误的原因很多:

    • 所有的窗口(页面)都显示的是应用程序(网站)的名字,比如windows xp的“计算器”界面以及它的帮助窗口。

        

    • 程序员复制了代码,却没有改标题。
    • 程序员不知道这个标题已经被使用了。避免这种情况发生的最好方法就是建立字典。
    • 程序员认为这个标题对多个窗口都适用。很多时候,这是不成立的,总有一个窗口更适合这个标题,另外的那些都不是那么适合。假如真的觉得两个窗口都适合同一个标题,或许这两个窗口该合并成一个。

        有一些情况比较特殊,比如一个监控软件,它有四路线路,如果打开其中的线路1和线路2进行监控,这两个线路分别有一个窗口,那么这个窗口的名字,应该是它本身的名字和要处理的线路名组合起来决定的。文档编辑器也是这样的。

        一定要保证系统中每个页面或者窗口,都有唯一的标题。

    三、窗口标题与打开它的命令或者链接不符

        应用程序的错误示例来自Xshell 3.0。在下面左侧图上鼠标停留的位置点击菜单,会弹出右侧界面显示的窗口。

             

        菜单项的文本是“Properties  ”,而弹出的窗口标题是“Default Session Properties ”。这种不一致并不是无关紧要的。很多时候,用户会想,这个窗口到底是不是我想要的那个窗口。我想打开Xshell的属性窗口,怎么出现的属性窗口里,又有Default,又有Session?尤其是对于那些不以英语为母语的人,可能更是如此。

        当然,博客园有一个更严重的问题,是中英文混合引起的。点击了下面左图中的“编辑分类”链接,得到的页面竟然是英文的:

              

    遇到一个不会英文的人,他肯定不清楚自己是不是得到了自己想要的界面。

        并不是要非常苛刻的要求所有的窗口都要和打开它的命令或链接完全一致,但是一定要保证不让用户误解,有时候为了用户更好地理解,也可以保持不一致。总之,要从用户的角度来考虑这个问题,而不是从开发人员的角度来说。

  • 相关阅读:
    谋哥:这个时代没有比程序员更适合创业
    《人人都可以创业》连载1:创业很简单,从心开始
    谋哥:悟马道长第一句话之“不要赚屌丝的钱”
    谋哥:App开发者的苦逼不值得怜悯!
    我们都傻不啦叽为《围住神经猫》免费推广!
    谋哥:转型之痒与App推广之痛
    学习IOS开发项目篇--如何让程序在后台保持挂起状态
    学习IOS开发项目篇--SDWebImage基本使用
    学习IOS开发网络多线程篇--NSThread/GCD/
    学习IOS开发UI篇--UICollectionViewController的基本使用
  • 原文地址:https://www.cnblogs.com/yuepeng/p/1954616.html
Copyright © 2011-2022 走看看