网页美工设计的用户体验
在网页设计中,总是有倾向的特定技术来观察,或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而,近些年来,又增加自由和开放源码技术,包括由W3C和WHATWG进行监控和批准,监督和实施增加。以下就是小编为您整理的网页美工设计的用户体验。
1. 输入控件的自动聚焦和可用键盘切换输入焦点
使用JavaScript实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用TAB键(IE缺省实现)或方向键切换聚焦到下一个输入控件。
2. 可用Enter(或Ctrl+Enter)键提交,确保和点击提交按钮的效果是相同的
不要在提交按钮上加入onClick=”…”这样的JavaScript代码。
3.鼠标动作提示和回应
对用户的鼠标定位操作,当移动到可响应的位置上时,应给予视觉或听觉的提示。
4.尽可能早的在客户端完成输入数据合法性验证
输入数据的合法性检验应该在客户端使用JavaScript进行验证。除非验证只能在服务器端完成,否则验证工作应在最早能完成的情况下进行。
5.根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面
根据应用场景,决定是否显示接收表单页面(表单页面和提交后返回页面间的中间过渡页面),以及使用何种方式显示接收表单页面。
6.防止表单重复提交处理
对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。
7.页面链接是打开新窗口、使用原窗口还是弹出窗口的原则
一般而言,首页上链接可以使用target=”_blank”属性打开新窗口,而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要,是附属性质的.,可以使用弹出窗口方式。
8.尽可能少的排列可选项,尽可能少的安排操作步骤
根据用户操作习惯安排尽可能少的操作菜单选项,同时要保证尽可能少的操作步骤。
9.操作逻辑无漏洞,保证数据是操作安全的
多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合,至少不会因为用户的不适当的操作导致出错。
-
实用的未来设计作文[优秀8篇]
在平时的学习、工作或生活中,说到作文,大家肯定都不陌生吧,作文可分为小学作文、中学作文、大学作文(论文)。你知道作文怎样才能写的好吗?以下是小编帮大家整理的未来设计作文8篇,欢迎阅读,希望大家能够喜欢。未来设计作文篇1在科学技术的飞速进步下,也带来了世界的快速...
-
实用的设计作文300字精品(5篇)
在平凡的学习、工作、生活中,大家都不可避免地要接触到作文吧,写作文可以锻炼我们的独处习惯,让自己的心静下来,思考自己未来的方向。相信许多人会觉得作文很难写吧,下面是小编整理的设计作文300字5篇,希望能够帮助到大家。设计作文300字篇1教学目标1、学会观察景物,...
-
设计方案[精选8篇]
为了确保事情或工作科学有序进行,常常需要提前准备一份具体、详细、针对性强的方案,方案是计划中内容最为复杂的一种。方案应该怎么制定才好呢?以下是小编帮大家整理的设计方案8篇,希望能够帮助到大家。设计方案篇1校学生会是在学校党委领导下,在校团委直接指导下的...
-
设计作文9篇(荐)
在我们平凡的日常里,大家或多或少都会接触过作文吧,借助作文可以宣泄心中的情感,调节自己的心情。作文的注意事项有许多,你确定会写吗?下面是小编精心整理的设计作文9篇,仅供参考,欢迎大家阅读。设计作文篇1教学目标:1、本次“习作”教学,要注意激发学生热爱大自然的思...