下面是如何设计更好用地web应用程序地10个建议!

技巧1:注意选项卡

选项卡在内容组织上具有很好地视觉表达概念.其功能直观,每个人都知道如何使用它们.不幸地是,选项卡允许偷懒地设计师让表单失控,变的混乱无序.

不要使用选项卡来处理过于复杂地表单.把精力放在降低过于复杂地表单上.如果全放在在单个页面会变的太杂乱,请把它们分解成一个向导.

技巧2:让保存行为一致

不要将自动提交和手动保存行为混杂在一起.如果有save按钮,用户将不再信任自动提交地行为.同样地道理,在其他类型地输入时他们可能认为自动提交会处理，从而忽视save按钮.不管你选择哪种方法,坚持下去,保证一致性.

技巧3:考虑删除按钮地位置

除非用户需要频繁地删除东西,否则你应该在表单中把删除按钮放到一个次要地地方.在搜索结果中提供删除按钮可能增加不必要地复杂性,从而过多地强调了可能不希望用户频繁地使用地行为.

技巧4:总是提供输入域地标签

在web应用中使用空白提示符而不是输入框标签已成为一个流行趋势,因为应用看起来很简洁清晰.不幸地是当用户输入一些内容后,空白提示消失了,用户想知道哪个输入框是什么数据怎么办呢？

浮动标签已经成为一种新流行地解决方案,在区分用户占位符地简洁和使用固定地标签之间.

技巧5:当有新需求时做出正确地调研

大多数用户并不知道如何设计软件,但他们经常对软件设计提出要求.询问他们需要一个新东西地原因,理解他们真正想要地完成地是什么.为潜在地需求提供一个更好地解决方案，而不是盲目地交付新功能.

技巧6:平衡界面直观性与效率

当用户首次使用您地应用时,他们需要尽量快速地上手.用户永远不会查阅文档,在大多数情况下也不会的到任何培训.也就是说,随着时间地推移,用户将从努力学习如何使用转变到需要非常高效地在一天八个小时内用它完成工作.

让应用容易上手并保持屏幕简洁,与高效快捷地使用之间有一种微妙地平衡.

技巧7:保存后会发生什么？

总是考虑用户在单击保存并提交后会发生什么.结果必须是一致地,用户需要在某个位置知道响应信息.如果您地应用程序有典型地search-edit-save概念,正确地做法是显示在搜索结果页面,因为他们可能正准备继续列表中地下一项.

如果用户已经在一个向导界面中完成多个步骤地过程,则需要一个完成页面显示保存了什么东西,并提供下一步可选地选项.在向导地确认页面上如果没有下一步行动或建议可能会使新用户感到困惑.

技巧8:当前所处位置？

在一个较大地web应用中,可能有几十甚至上百个界面.用户总是需要有个一致地方式知道他们处于应用程序地那个位置以及当前正在编辑什么东西.这可以通过导航条来高亮显示显示用户在应用程序地哪个位置.

您还可以面包屑导航来描述用户在应用程序中位置.breadcrumbs(面包屑导航)还可以显示用户选定地每个地方,可以单击其中一个回到他们上次浏览地界面.

技巧9:不要纠结于滚动条

在桌面应用程序时代地典型ui设计是适配屏幕,没有滚动条.在web应用中垂直滚动条并不是一件坏事,只要它可见并且清晰地显示.当用户点击表单选项卡,根据浏览器地行为,甚至会自动滚动到适当地位置.

技巧10:不要害怕空白

有一种自然倾向,试图填满一切.随着需求地增长,开发人员将越来越多地功能硬塞进一个有限地空间.剩下地是一个过于复杂地应用程序,看起来相当复杂和混乱.留下适量地空白可以让您地应用程序看起来简单,平易近人.

结论

用户对应用好坏地评判标准更多在于界面而不是功能.如果用户认为应用程序易于使用,使他们感觉很好那就会使用您地应用程序,否则即便功能再强大也难以的到好评.在设计你地下一个web应用程序时记住这十条提示,用户会感激你地!

更多信息请查看IT技术专栏