BS架构系统界面技术.pdfVIP

B/S架构系统的界面技术 当今越来越多的应用程序迁移到web平台上。由于没有平台的限制 安装的要求 ，SAA S的模式看 起来非常有吸引力。Web应用程序的界面设计 ，其核心就是网页设计 ，但它的重点主要是在功能 方面。要超越桌面应用程序 ，Web应用程序必须提供简单、直观 即时响应的用户界面 ，让他们的 用户花更少的精力 时间去完成事情。 以前 ，我们并没有注意到web应用程序这个方式 ，但是现在是时候仔细看看一些实用的技术 设计 解决方案 ，让Web应用更友好更漂亮。本文主要介绍的是在现代Web应用程序中 ，我们对设计模式 以及有效设计解决方案进行大量研究并得到结果的第一部分 ，您可以在下面找到10个收集到的实用 界面设计技术以及在许多成功Web应用程序中得出的最佳做法。 你可以提出进一步的看法 ，第二部分会尽快出版。你也可以阅读以下相关文章 ： 5 Usef ul Coding So lut io ns Fo r Designers and Develo pers 10 Usef ul Te hniques To Improve Yo ur User Int erf a e Designs 10 Prin iples Of Ef f e t ive Design Five Mo re Prin iple Of Ef f e t ive Design Get t ing Creat ive W it h T ransparen y In Web Design 1、界面元素的需求 在用户界面设计中 ，简单这个原则是很重要的。在任何时候 ，你在屏幕上显示越多的控制 ，您的用 户将不得不花费更多的时间去搞清楚如何使用界面。当选择变少时 ，可用的功能变得更加明显更容 易被发现。简化的界面虽然是不容易的 ，尤其是如果你不想限制应用程序的功能的时候。 当你点击Ko nt ain搜索框的搜索链接时 ，会出现一个类似于下拉菜单的层。所以 ，如果您需要来缩小 搜索范围 ，您可以选择菜单中你所需要的类型。这些选项的聚合简化了搜索框。 隐藏或者掩盖高级功能是使事情更加简单的一种方法。找出最常用的功能 ，并且把剩下的藏起来。 你可以用弹出式菜单 操作来做这件事 ，这在桌面软件中很常见。例如 ，如果您的搜索栏拥有高级 过滤器 ，把它们放在尾部的一个特别的下拉菜单中。如果用户需要使用这些过滤器 ，他们只需几下 点击便可以开启这些功能。决定该保留什么隐藏什么不是一个简单的任务 ，也会取决于重要性 操 作时的频繁程度。 2、专门操作 根据情况选择合适的界面控件 是很重要的。不同情况下可以用不同的方式处理 ，而且某些控件会比 其他控件能够更好地完成他们的目标工作。 Ba kpa k里有一个紧凑的日历 时间选择器选择提醒日期。 例如 ，你可以通过一个下拉列表来选择年月日 ，但是 日历选择器相比下拉列表不是非常高效的 ， 在日历里你可以直接通过点击选择你想要的某一天。日历选择器也会让你更容易看到日期、周期 月份 （特别是工作日 休息日），因此能够让你比用简单的下拉列表更快地做出更明智的选择。 MyBankT ra ker的A PY计算器功能 ，通过使用容易控制的滑块去快速尝试不同的推测结果。 另一个很好的例子是滑块。是的 ，您可以随时手动输入一个数字 ，但某些情况下 ，滑块控件做了更 好的工作。不仅由于他们易于使 —— 只需单击并拖动——而且你也可以看清楚如何在最小 最大 的范围之间进行合适地选择。 3、禁 按下按钮 在web应用程序的表单问题中有一个就是提交过程 ，非常简单的表单 ，如果你快速地点击两次或者 更多次“提交”按钮 ，这个表单会被多次提交。这显示是个问题 ，因为它会重复创建相同的项目。防止 重复提交的不是很难 ，而且对于大多数Web应用程序来说做到这一点是非常必要的。 它有两层维护 ：客户端 服务器端。我们不会通过服务器端维护是因为这将取决于您使用的编程语 言 你的后端架构。基本上你应该做的就是在提交过程中添加一个检测机制 ，去检查被提交的内容 是否重复 ，并且是否需要阻止提交。 在Yammer上 ，当你的新消息被提交之后 ，“更新”按钮将被禁止。 客户端则是简单得多。所有您需要做的就是在点击之后禁用“提交”按钮。最简单的方法就是为“提交” 按钮添加一段JavaS ript ，如下所示 ： input t ype=”submit ” value=”Submit ” o n li k=”t his.disabled=t rue” / 当然 ，我们会建议您同时还对服务器端进行检查 ，以确保重复不会