设计好用易用web应用程序的10个技巧

1、设计好用易用web应用程序的10个技巧下面是如何设计更好用的web应用程序的10个建议！ 技巧1:注意选项卡选项卡在内容组织上具有很好的视觉表达概念。其功 能直观，每个人都知道如何使用它们。不幸的是，选项卡允 许偷懒的设计师让表单失控，变得混乱无序。不要使用选项卡来处理过于复杂的表单。把精力放在 降低过于复杂的表单上。如果全放在在单个页面会变得太 杂乱,请把它们分解成一个向导。技巧2:让保存行为一致不要将自动提交和手动保存行为混杂在一起。如果有 s ave按钮,用户将不再信任自动提交的行为。同样的道理, 在其他类型的输入时他们可能认为自动提交会处理，从而 忽视s ave按钮。不管你选择哪种方法

2、，坚持下去，保证一致 性。技巧3:考虑删除按钮的位置除非用户需要频繁地删除东西，否则你应该在表单中把 删除按钮放到一个次要的地方。在搜索结果中提供删除按 钮可能增加不必要的复杂性，从而过多地强调了可能不希望 用户频繁地使用的行为。技巧4:总是提供输入域的标签在web应用中使用空白提示符而不是输入框标签已成 为一个流行趋势，因为应用看起来很简洁清晰。不幸的是当 用户输入一些内容后，空白提示消失了，用户想知道哪个输 入框是什么数据怎么办呢？浮动标签已经成为一种新流行的解决方案，在区分用户 占位符的简洁和使用固定的标签之间。技巧5:当有新需求时做出正确的调研大多数用户并不知道如何设计软件，但他们经常

3、对软件 设计提出要求。询问他们需要一个新东西的原因，理解他们 真正想要的完成的是什么。为潜在的需求提供一个更好的 解决方案，而不是盲目地交付新功能。技巧6:平衡界面直观性与效率当用户首次使用您的应用时，他们需要尽量快速地上手。 用户永远不会查阅文档,在大多数情况下也不会得到任何培 训。也就是说，随着时间的推移，用户将从努力学习如何使 用转变到需要非常高效地在一天八个小时内用它完成工作。让应用容易上手并保持屏幕简洁,与高效快捷的使用之 间有一种微妙的平衡。技巧7:保存后会发生什么？总是考虑用户在单击保存并提交后会发生什么。结果 必须是一致的，用户需要在某个位置知道响应信息。如果您 的应用程序有典

4、型的se arch-edit-s ave概念，正确的做法 是显示在搜索结果页面，因为他们可能正准备继续列表中的 下一项。如果用户已经在一个向导界面中完成多个步骤的过程， 则需要一个完成页面显示保存了什么东西，并提供下一步可 选的选项。在向导的确认页面上如果没有下一步行动或建 议可能会使新用户感到困惑。技巧8:当前所处位置？在一个较大的web应用中，可能有几十甚至上百个界面。 用户总是需要有个一致的方式知道他们处于应用程序的那 个位置以及当前正在编辑什么东西。这可以通过导航条来 高亮显不显不用户在应用程序的哪个位置。您还可以面包屑导航来描述用户在应用程序中位置。 breadcrumbs （面包屑

5、导航）还可以显示用户选定的每个地 方，可以单击其中一个回到他们上次浏览的界面。技巧9:不要纠结于滚动条在桌面应用程序时代的典型ui设计是适配屏幕，没有 滚动条。在web应用中垂直滚动条并不是一件坏事，只要它 可见并且清晰地显示。当用户点击表单选项卡，根据浏览器 的行为，甚至会自动滚动到适当的位置。技巧10:不要害怕空白有一种自然倾向，试图填满一切。随着需求的增长，开 发人员将越来越多的功能硬塞进一个有限的空间。剩下的 是一个过于复杂的应用程序，看起来相当复杂和混乱。留下 适量的空白可以让您的应用程序看起来简单，平易近人。 结论用户对应用好坏的评判标准更多在于界面而不是功能。 如果用户认为应用程