zoukankan      html  css  js  c++  java
  • GUI设计禁忌 之四 ——将用户引入歧途

    一、让用户偏离正确道路的按钮或者链接

        这个错误集中体现在各大软件下载站。比如下面这几个网站:

        

        进入这样的页面,首先就被那些大大的“立即下载”按钮吸引过去了。但是它们都不是我们想要的软件的下载链接。真正的链接字体比较小,要找一找才能发现。

        当然,这几个软件下载站,都是为了广告费才这么做的,但是我们在做系统时,一定要避免这种错误。

    二、自身链接

        自身链接是不应该存在的。点击这样的链接,只会重新加载页面。它有一些危害:

    • 如果用户是在页面下方遇到了该页面的自身链接,而用户本身是从其他页面通过该页面的锚点进来的,根本不知道这个页面最上面的样子,那他一定会在一段时间后才知道原来是同一个页面
    • 如果页面头部有变化的图片或者flash,也会让用户误以为这是两个页面,但是一段时间后发现其实是一个
    • 如果用户正在输入一个表单,却点了自身链接,那么一切都要重来。

        自身链接根据存在的位置,有以下几种:

    • 导航栏中的自身链接。很多人为了方便,导航栏的所有项都是活动链接,这样直接复制或者用一份代码就可以了。如果对当前页面在导航栏取消链接,那可是一个不小的工作量。可是,开发人员自己方便了,却让千万个用户不方便了。
    • 子站点的首页和主站的首页,到底谁是谁的首页。这个错误在博客园体现的淋漓尽致。下图中有9个红框,到底点了它们会进入什么界面,大家自己慢慢去试吧。

    • 面包屑导航中的自身链接。正确的做法是面包屑导航中最后表示当前页面的那一项,不应该是活动的。
    • 页面正文中的自身链接。这个经常出现在大公司的在线技术文档中。

    三、对话框层次太多

        对话框层次不能超过两层。如果超过两层,用户就会忘记自己本来的工作,而且屏幕上多个“确定”和“取消”按钮,让人无所适从。这条规则有两点需要详细解释一下。

    • 此规则只适用于对话框。任何应用程序都由主窗口,几个基本窗口和一些对话框组成。一般来说,用户首先见到主窗口,通过点击一些导航或者菜单,会出现一些基本窗口。这些基本窗口会比较长时间的存在于用户视野中,用户也将长时间在这些基本窗口上进行操作。而对话框是一种瞬态窗口,它用于为某个功能指定参数,或者对消息进行确认。用户不需要它长时间停留在屏幕上。对话框层次不能超过两层,是说除了主窗口和基本窗口之外的对话框,不能超过两层。在web应用中,对话框不仅仅指普通的弹出式对话框,也包括带有“确定”和“取消”按钮的独立页面和独立浏览器窗口。下面这个例子中,对话框的层次就有些多:

             

    • 某些类型的对话框不在考虑范围内。这些对话框包括文件选择对话框,颜色选择对话框,日期选择对话框,以及用于提示信息或者报告错误的简单对话框。这几类对话框可以出现在第三层上,但是它们后面不能再出现新的对话框。如果一个用于提示信息的对话框上还可以点开一个对话框,那么这个提示信息的对话框不能出现在第三层上。

        为了确定对话框的层次是否超过两层,可以将整个应用程序中的对话框层次以树型的方式表示出来。如果有某个功能的对话框超过两层,可以通过细节隐藏的方式或者用菜单取代对话框的方式取消多出来的对话框。

  • 相关阅读:
    使用python自带的http server共享文件
    vim常用快捷键与快捷操作
    wordpress 安装中文插件提示:To perform the requested action, WordPress needs to access your web server. Please enter your FTP cr
    python async异步编程,await后接task(三)
    虚拟机下ubuntu使用df命令查看磁盘空间小于实际空间
    python线程池
    使用Redis连接错误处理It was not possible to connect to the redis server(s);to create a disconnected multiple
    Sqlite数据库设置密码小工具
    [转]netcore一键部署到linux服务器以服务方式后台运行
    C#3种常见的定时器(多线程)
  • 原文地址:https://www.cnblogs.com/yuepeng/p/1954685.html
Copyright © 2011-2022 走看看