WEB设计中需要合理限制用户操作

2016-02-17 03:37 8 1 收藏

下面是个超简单的WEB设计中需要合理限制用户操作教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - 平面设计 】

煎一个鸡蛋,你需要哪些厨具?厨房里各种厨具都有,因为你可能下一餐要吃油焖大虾,红烧排骨。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

但是现在你只要煎个鸡蛋。

也许,你需要的也只有这些

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

榨汁机,电饭煲,菜刀没有这些,我们不能榨果汁,煮饭,切菜,这将限制我们在其它时候可能发生的动作,但是现在,我要做的只是煎一个鸡蛋而已。

一个盛鸡蛋的碗,一片搅鸡蛋的勺子,一只锅铲,一把煎锅,一台灶,还有装着油盐的调料瓶,有这些就足够。

其它的统统可以被藏起来。

Web设计也如此

我们不难发现一些让我们困惑的页面,比如一个留言板块,默认是提供一个查看留言的按钮,但是对方已设置留言的浏览权限,而这个查看留言还保留在页面上并可以点击,用户在点击之后发现没有任何反应,于是他们会问:这是为什么?我操作失误了?是不是网速问题?这个页面出错了?

或者会有这样的情况,在单选关系下,所有选项的子设置项都处于激活状态,但是实际上在选择一项的时候,其它选项下的子设置项都是无效的。

然而这些操作并没有告诉用户:我们现在是不允许被点击的,你点了也没有用,所以用户难免会犯错

哪些操作是需要被合理限制的?

与当前状态相矛盾的操作 如单选关系下的子设置。

在当前状态下无法使用的操作 如需要输入留言内容,才能点击留言按钮完成操作。

干扰执行任务的操作 如靠近执行区域的无关操作。

常见的限制操作的方式有哪些?

方式一:把某些按钮或菜单选项设置为灰色让其不能点击。

我们来看163邮箱的自动转发设置,当选择不使用自动转发的时候,与之相对立的使用自动转发选项里的设置是未激活的。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

自动回复设置也是这样来解决问题。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

邮箱的翻页操作,页数为1时,首页、上页、下页、末页都是灰色不可点击的;若是位置在首页或者末页,相对应的首页和末页也为不可点击。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

方式二:把不需要进行的设置选项隐藏起来。

163邮箱写信页面的定时发信,未勾选定时发信时,其设置项是隐藏起来的。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

当然,我所总结的这些,并不是所有情况都适用

我们不能忽视设计的一致性,如收件箱,草稿箱,已发送等页面都会出现的删除标记为等按钮,在未勾选邮件的时候这些按钮其实是操作无效的,但是考虑到设计的一致性,为了避免用户对这些操作突然消失或不可点而产生疑惑,限制在这里并不适用。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

还有一种情况就是,有些按钮是需要被注意到的,如网易微博,在未填写内容的情况下,点击发布是没有任何作用的,但是发布是一个需要被注意到的按钮,以鼓励用户发布一个话题,来进行相互的沟通,所以,虽然在点击之前你还需要做些什么,这个按钮还是不适合做成灰色。

WEB设计中需要合理限制用户操作,PS教程,图老师教程网

总之,我们要做的是帮助用户在执行任务时预防错误。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

前提是要能帮助。

所以我们是需要合理限制的用户操作。

我们的目的是,让用户绕开不正确的操作,从而避免错误的发生。

讨论

来源:http://www.tulaoshi.com/n/20160217/1578135.html

延伸阅读
标签: Web开发
  XML数据源对象是一个ActiveX控件,允许你在XML文件和HTML页面之间操作数据。本文将向你展示如何从各种XML数据源中提取数据,以及如何使用JavaScript显示这些数据。 XML数据源对象DSO是一个微软ActiveX控件,构建在微软IE4以后的版本上。这个对象允许你把一个外部的XML文件或者嵌入HTML文件中的内容提取到HTML页面中。 你可以在...
随着互联网的发展,人们开始越来越多使用WEB表单,虽然没有人愿意填写这东西,但却无法忽视其对于网站的重要性,特别是购物网站,随着网站类型的扩展,WEB表单的形式也变得越多越多,这也就成了今天讨论的主题,如何设计出令用户满意的WEB表单!随着文中一起来分享一下国外一些优秀的WEB表单是如何设计的。 随着网络的发展,人们通过各种方式使...
标签: 电脑入门
如果你不希望自己的文件被人读取,又或者只是不想某个特定的用户读取修改文件,限制访问权限是最好的处理方法,下面图老师小编就给大家介绍下Linux下限制用户访问权限的方法,一起来学习下吧。 现在需要限定某个用户对特定目录/文件的访问权限,或者把某个用户的访问范围限制在某个目录/文件中。现实情况下,还是能遇到这样的需求的,比如...
手机QQ空间如何限制用户访问?   打开手机QQ空间,在底部栏中点击更多,进入更多后,点击左上角的设置。 第二步: 在设置里,选择权限隐私,进入权限隐私后点击限制名单。 第三步: 在限制名单中,QQ空间会列出你QQ的联系人列表,你在联系人中点击需要限制的好友,然后点击完成,那么限制名单中就会显示该...
标签: Web开发
代码列表2: <!-- example2.htm --> <HTML> <head> <title>XML DSO-example2.htm</title> </head> <body bgcolor="#FFFFFF"> <XML id="xmldb"> <db> <member> <name>Premshree Pillai<name> <sex>male</sex> </member> <member> <name>Vinod...

经验教程

534

收藏

43
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部