建站常识
合理限制用户的操作
2010-10-12 08:39:00

煎一个鸡蛋,你需要哪些厨具?

厨房里各种厨具都有,因为你可能下一餐要吃油焖大虾,红烧排骨。

但是现在你只要煎个鸡蛋。
也许,你需要的也只有这些……

榨汁机,电饭煲,菜刀……没有这些,我们不能榨果汁,煮饭,切菜,这将限制我们在其它时候可能发生的动作,但是现在,我要做的只是煎一个鸡蛋而已。
一个盛鸡蛋的碗,一片搅鸡蛋的勺子,一只锅铲,一把煎锅,一台灶,还有装着油盐的调料瓶,有这些就足够。
其它的统统可以被藏起来。
Web设计也如此……
我们不难发现一些让我们困惑的页面,比如一个留言板块,默认是提供一个“查看留言”的按钮,但是对方已设置留言的浏览权限,而这个“查看留言”还保留在页面上并可以点击,用户在点击之后发现没有任何反应,于是他们会问:“这是为什么?我操作失误了?是不是网速问题?这个页面出错了?”
或者会有这样的情况,在单选关系下,所有选项的子设置项都处于激活状态,但是实际上在选择一项的时候,其它选项下的子设置项都是无效的。
然而这些操作并没有告诉用户:“我们现在是不允许被点击的”,“你点了也没有用”,所以用户难免会犯错……
哪些操作是需要被合理限制的?
与当前状态相矛盾的操作 — 如单选关系下的子设置。
在当前状态下无法使用的操作 — 如需要输入留言内容,才能点击“留言”按钮完成操作。
干扰执行任务的操作 — 如靠近执行区域的无关操作。
常见的限制操作的方式有哪些?
方式一:把某些按钮或菜单选项设置为灰色让其不能点击。
我们来看163邮箱的自动转发设置,当选择“不使用”自动转发的时候,与之相对立的“使用自动转发”选项里的设置是未激活的。

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

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

方式二:把不需要进行的设置选项隐藏起来。
163邮箱写信页面的定时发信,未勾选“定时发信”时,其设置项是隐藏起来的。


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

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

总之,我们要做的是帮助用户在执行任务时预防错误。
前提是要能“帮助”。
所以我们是需要“合理”限制的用户操作。
我们的目的是,让用户绕开不正确的操作,从而避免错误的发生。
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2010-09-19 08:08:00] 用户体验设计指引图
- [2010-01-11 21:41:00] 交互设计(5)–突出重点,一目了然
- [2007-11-26 18:09:00] 与用户体验的这两年
- [2008-01-10 15:36:00] 摧毁用户体验
- [2009-06-09 22:35:00] 交互设计的KISS原则
- [2010-03-18 08:41:00] 什么是交互设计
- [2010-04-10 21:49:00] 创造设计中的优雅与节奏
- [2010-12-15 08:53:00] 关于网站地图
- [2010-03-08 09:08:00] 用户体验案例研究:设计微博应用
- [2007-07-30 12:01:00] "以用户为中心"的UI设计方法
- [2010-11-22 08:30:00] 用户体验设计中的不安因素
- [2017-01-03 15:04:00] 《中国移动互联网市场趋势预测》发布
