B/S系统中按钮的交互逻辑

来源：百度文库 编辑：神马文学网 时间：2024/04/29 04:33:32

B/S系统中按钮的交互逻辑
在任何一个B/S架构的软件系统设计过程中，我想没有任何一个设计师乃至程序员会忽略导航的重要性，因为导航乃是整个系统的骨架和灵魂，就像地基如果没有打好高楼是无法平地而起，就算起来了也是个危房，用户将在系统中彻底迷失直至崩溃。
导航是系统中连接交易的重要枢纽，而按钮是连接交易中各步骤的关键，但是这个环节的设计往往会被忽略。甚至连用户都不会去在意按钮的设计是否合理，因为在这里“勉强应付即可”的理论使用户彻底的忘记这些设计曾经让自己迷惑。下面以中国工商银行个人网银系统演示版为例，来分析一下按钮的设计
首先，一致性是至关重要的，一致性原则在可用性原则中是一项很重要的内容，它决定着用户能否宏观上摸清整个系统的交互方式，进而自如的使用这个系统。在工行的网银系统中，这点做得很糟糕，下图展示的是工行网银系统中五个不同交易中的按钮

图中5组按钮的第二个都是将表单内所填内容重置，而这5组按钮分别却用了不同的描述“取消”“修改”“返回”“重填”“清除”，单独见到其中的一组用户可能可以很自如的进行操作，但是当他看到在同样系统中不一样的按钮时，思考并开始了，试想一下，他还能否不加思索的去重置自己的操作呢？更别说5组都见到了....同样的问题，在查询类的交易页面，按钮的设计有“查询”“确定”“提交”，都是点击后出查询结果....将相同功能的元素使用统一的称呼，一致的形式来进行表现，能够让可用性提高不止一点点！
其次，按钮的位置也应当考究，例如，交易页面中有一组按钮“确定”与“重置”，这两者的前后关系该如何呢？

记得年前有次讨论会上大家曾经说过这个问题，到底是“确定”在前还是“重置”在前，无据可依，不了了之...不同使用者的习惯不同，所以如果没有做一个完整的调查我也不敢轻易下定论。
从个人的想法出发，我认为可以让按钮以特定的逻辑顺序进行排列以形成统一的规范。按照“上一步—>当前步—>下一步”交互的逻辑顺序，我将按钮分为：1.返回上一步操作的按钮，如“上一步”“返回”等 2.影响当前操作的按钮，如“重置”等 3.引发下一步操作的按钮，如“确定”“提交”“下一步”等。这3类的按钮应当按照逻辑顺序进行排列。“确定”是引起下一步操作的按钮，而“重置”是影响当前操作的按钮，“重置”应在“确定”之前。虽说这样的排列可能引起一些不符合用户常规习惯的按钮的组合。其实我认为，这样的顺序并不是关键所在，如果在整个系统中按钮的位置和名称都有一个统一的规范，那么我想就足够了。
B/S系统中按钮的交互逻辑 B/S系统中按钮的交互逻辑 什么是基于B/S、c/s架构的系统设计 软件系统的界面设计与交互设计 ★★MIS开发中C/S模式与B/S模式的结合策略 基于Ｂ／Ｓ模式的安全生产监管ＭＩＳ系统的设计和实现 基于Ｂ／Ｓ架构的安全生产监管ＭＩＳ系统的设计和实现 基于Ｂ／Ｓ模式的安全生产监管ＭＩＳ系统的设计研究 基于D S P／B I O S的门禁系统设计与实现 - 中国一卡通网 windows系统的开始按钮不见了 C/S与B/S的区别 B股市场改革背后的逻辑 B股市场改革背后的逻辑 交互设计师的专业度表现 ? Max's UED 交互设计师的专业度表现 ? Max's UED 网上交互辅导系统 网上交互辅导系统 在b/s开发中经常用到的javaScript技术 - keggle的专栏 技术系统何以奏效的逻辑 网上交互辅导系统--冰风诺若 关于网站(B/S开发中) cache应用（多图） 远程教学中交互规律的研究现状述评 课程论坛中交互行为的影响因素研究 交互设计师在项目中应该学会的一些事情