页面交互网页设计
在WEB页面中,为了提高和用户之间的互动,需要在各类页面元素获得焦点和失去焦点的时候,在如下场景中采用网站设计页面交互的方法有:
2、 信息填写
对输入信息验证:
如果需要校验填写内容,则需要在输入框失去焦点时进行数据有效性的判断,并在输入框后给出提示。如图:
对输入信息提示:
在一组需要被验证的数据填写时,如果有必填项,需要在输入框后面给出标志,并对填入的规则加以说明。如图:
3、鼠标交互响应
对鼠标在页面中所产生的事件进行处理,当页面元素获得焦点、被点击、失去焦点时,则需要控件本身在颜色、大小或形状上的变化给与响应,亦可以添加声音响应。
下面是各种情况下的鼠标交互示例:
例如:
按钮:按钮颜色改变、或形状,或字体改变,如图:
链接:字体变粗、或字体变色、或背景变色,如图:
4、操作结果确认
在提交数据,或是载有数据的页面关闭,或其他需要和用户进行确认交互的场景,需要软件能够提供一个以弹出页面形式,要求用户确认执行结果的对话框,包含的情况有:
提示确认输入信息正确:弹出对话框,并将已填写的内容列出,要求用户确认内容的正确性,给出“确定”和“取消”的选择按钮;
提示确认数据更改是否保存:弹出对话框,提示当前页面内容已经改变,要求用户确认是否保存更改的信息,给出“是”和“否”的选择按钮;
提示确认当前页面的跳转:弹出对话框,提示用户正在跳转到另外一个页面,要求用户确认离开当前页面,给出“是”和“否”的选择按钮;
确认删除数据内容:弹出对话框,提示用户删除了当前选择的内容,要求用户确认是否继续删除的操作,给出“确定”和“取消”的选择按钮;
5、其他规则
对于信息交互过程中,其他需要遵守的规则有:
重要的命令按钮与使用较频繁的按钮要放在界面上相对固定的位置上;
容易引起操作错误或使程序退出、关闭的按钮应不醒目,放在不易点位置;
与正在进行的操作无关的按钮应该加以屏蔽,例如:按钮背景为灰色显示;
对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会;
非法的输入或操作应有足够的提示说明;
对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待;
6、页面信息提示
在web页面提供的功能中,很多情况需要系统发送一些必要的提示信息到页面显示给用户,这些信息的分类有:
警告信息
禁止信息
操作执行成功信息
操作执行失败信息
错误信息
帮助信息
提示信息
这些信息在当前页面或弹出页面上显示。如果采用弹出对话框的形式,对话框的页面结构如下图:
标题区:简要给出此次提示信息的性质,例如:警告:操作非法!
图标区:给出和此次提示信息性质匹配的图标;
提示信息区:给出此次提示信息的具体内容;
按钮区:给出供用户进行选择的按钮;
对于对话框的背景颜色,要求和系统的整体风格选取的颜色一致,而右上角的操作区只保留关闭一个可操作功能,最小化和最大化的功能将不显示。
推荐新闻
更多行业-
网站设计如何避免影响后期排名?
随着网络技术的飞速发展,公司网站也在不断更新。因为没有相应的标准,容易...
2022-06-20 -
品牌网站建设—SEO优化有什么好处?
SEO优化的网站排名相对稳定,综合效益较好。如果网站是通过正规的SEO...
2019-03-08 -
网络营销的理论创新与发展
网络营销区别于传统营销的根本原因是网络本身的特性和消费者需求的个性化。...
2014-06-12 -
软件应用的需求
截至2009年,假如从应用是否是首次开发的层面来讲。80%以上的软件应...
2015-03-26 -
网站怎么建设才能受到蜘蛛的青睐
1.域名的抉择Domain name choice要使网站建设在各个搜...
2013-04-16 -
集群网站制作-网站如何快速提升PR值方法?
坚持高质量的网站内容相当重要,这是提高PR的前提,要是有条件可以原创内...
2018-08-16
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com