页面交互网页设计
在WEB页面中,为了提高和用户之间的互动,需要在各类页面元素获得焦点和失去焦点的时候,在如下场景中采用网站设计页面交互的方法有:
2、 信息填写
对输入信息验证:
如果需要校验填写内容,则需要在输入框失去焦点时进行数据有效性的判断,并在输入框后给出提示。如图:
对输入信息提示:
在一组需要被验证的数据填写时,如果有必填项,需要在输入框后面给出标志,并对填入的规则加以说明。如图:
3、鼠标交互响应
对鼠标在页面中所产生的事件进行处理,当页面元素获得焦点、被点击、失去焦点时,则需要控件本身在颜色、大小或形状上的变化给与响应,亦可以添加声音响应。
下面是各种情况下的鼠标交互示例:
例如:
按钮:按钮颜色改变、或形状,或字体改变,如图:
链接:字体变粗、或字体变色、或背景变色,如图:
4、操作结果确认
在提交数据,或是载有数据的页面关闭,或其他需要和用户进行确认交互的场景,需要软件能够提供一个以弹出页面形式,要求用户确认执行结果的对话框,包含的情况有:
提示确认输入信息正确:弹出对话框,并将已填写的内容列出,要求用户确认内容的正确性,给出“确定”和“取消”的选择按钮;
提示确认数据更改是否保存:弹出对话框,提示当前页面内容已经改变,要求用户确认是否保存更改的信息,给出“是”和“否”的选择按钮;
提示确认当前页面的跳转:弹出对话框,提示用户正在跳转到另外一个页面,要求用户确认离开当前页面,给出“是”和“否”的选择按钮;
确认删除数据内容:弹出对话框,提示用户删除了当前选择的内容,要求用户确认是否继续删除的操作,给出“确定”和“取消”的选择按钮;
5、其他规则
对于信息交互过程中,其他需要遵守的规则有:
重要的命令按钮与使用较频繁的按钮要放在界面上相对固定的位置上;
容易引起操作错误或使程序退出、关闭的按钮应不醒目,放在不易点位置;
与正在进行的操作无关的按钮应该加以屏蔽,例如:按钮背景为灰色显示;
对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会;
非法的输入或操作应有足够的提示说明;
对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待;
6、页面信息提示
在web页面提供的功能中,很多情况需要系统发送一些必要的提示信息到页面显示给用户,这些信息的分类有:
警告信息
禁止信息
操作执行成功信息
操作执行失败信息
错误信息
帮助信息
提示信息
这些信息在当前页面或弹出页面上显示。如果采用弹出对话框的形式,对话框的页面结构如下图:
标题区:简要给出此次提示信息的性质,例如:警告:操作非法!
图标区:给出和此次提示信息性质匹配的图标;
提示信息区:给出此次提示信息的具体内容;
按钮区:给出供用户进行选择的按钮;
对于对话框的背景颜色,要求和系统的整体风格选取的颜色一致,而右上角的操作区只保留关闭一个可操作功能,最小化和最大化的功能将不显示。
推荐新闻
更多行业-
新手建站不可忽略的网站seo优化必备知识
新手建站的时候,看中的不是网站优化,认为只要网站上线就可以了,甚至有些...
2013-08-22 -
北京网站建设费用大概多少钱?
现在几个月是网站建设的高峰期。未来几个月,更多的企业主将敲定网络建设项...
2020-06-18 -
网站设计如何才能凸显高端风格效果?
相信广大企业进行网站设计,通常都想要展现出品牌特点,尤其是利用网站进行...
2022-09-08 -
查百度权重的网站太多 我们该信哪个
百度权重推出来有一段时间了,相信大家都会去查一下自己网站的百度权重...
2012-02-07 -
影响网站排名的SEO网站优化几个基础步骤分析
影响网站排名的SEO网站优化几个基础步骤分析作为一个新站长来说,最大的...
2011-11-24 -
创新联网服务及应用
1.云计算云计算(Cloud Computing)利用大规模的数据中心...
2014-06-17
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com