页面交互网页设计
在WEB页面中,为了提高和用户之间的互动,需要在各类页面元素获得焦点和失去焦点的时候,在如下场景中采用网站设计页面交互的方法有:
2、 信息填写
对输入信息验证:
如果需要校验填写内容,则需要在输入框失去焦点时进行数据有效性的判断,并在输入框后给出提示。如图:

对输入信息提示:
在一组需要被验证的数据填写时,如果有必填项,需要在输入框后面给出标志,并对填入的规则加以说明。如图:

3、鼠标交互响应
对鼠标在页面中所产生的事件进行处理,当页面元素获得焦点、被点击、失去焦点时,则需要控件本身在颜色、大小或形状上的变化给与响应,亦可以添加声音响应。
下面是各种情况下的鼠标交互示例:
例如:
按钮:按钮颜色改变、或形状,或字体改变,如图:

链接:字体变粗、或字体变色、或背景变色,如图:

4、操作结果确认
在提交数据,或是载有数据的页面关闭,或其他需要和用户进行确认交互的场景,需要软件能够提供一个以弹出页面形式,要求用户确认执行结果的对话框,包含的情况有:
提示确认输入信息正确:弹出对话框,并将已填写的内容列出,要求用户确认内容的正确性,给出“确定”和“取消”的选择按钮;
提示确认数据更改是否保存:弹出对话框,提示当前页面内容已经改变,要求用户确认是否保存更改的信息,给出“是”和“否”的选择按钮;
提示确认当前页面的跳转:弹出对话框,提示用户正在跳转到另外一个页面,要求用户确认离开当前页面,给出“是”和“否”的选择按钮;
确认删除数据内容:弹出对话框,提示用户删除了当前选择的内容,要求用户确认是否继续删除的操作,给出“确定”和“取消”的选择按钮;
5、其他规则
对于信息交互过程中,其他需要遵守的规则有:
重要的命令按钮与使用较频繁的按钮要放在界面上相对固定的位置上;
容易引起操作错误或使程序退出、关闭的按钮应不醒目,放在不易点位置;
与正在进行的操作无关的按钮应该加以屏蔽,例如:按钮背景为灰色显示;
对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会;
非法的输入或操作应有足够的提示说明;
对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待;
6、页面信息提示
在web页面提供的功能中,很多情况需要系统发送一些必要的提示信息到页面显示给用户,这些信息的分类有:
警告信息
禁止信息
操作执行成功信息
操作执行失败信息
错误信息
帮助信息
提示信息
这些信息在当前页面或弹出页面上显示。如果采用弹出对话框的形式,对话框的页面结构如下图:
标题区:简要给出此次提示信息的性质,例如:警告:操作非法!
图标区:给出和此次提示信息性质匹配的图标;
提示信息区:给出此次提示信息的具体内容;
按钮区:给出供用户进行选择的按钮;
对于对话框的背景颜色,要求和系统的整体风格选取的颜色一致,而右上角的操作区只保留关闭一个可操作功能,最小化和最大化的功能将不显示。
推荐新闻
更多行业-
网站建设上线过后,为什么要持续更新内容?
对于许多搜索引擎优化新手来说,当他们关注新的文章时会有一个问题,那就是...
2020-05-12 -
要么编程要么被编程
要么编程要么被编程周四早晨我在纽约大学演讲的时分,有位年老人问了我一个...
2011-11-11 -
网站信息服务分类
网站设计提供的信息服务与设立人有关。政府设立的网站通常是,提供公共信息...
2014-08-07 -
网站建设中的细节问题不可忽略
网站建设过程中需要注意的细节有很多,这些细节包括用户体验,也包括将来的...
2012-07-31 -
如何通过优化企业网站建设凸显网站价值
众所周知,企业网站的竞争趋势是有目共睹的。作为许多中小企业,塑造一个有...
2021-03-11 -
网站建设公司解析如何发展你的网站,提高网站流量
网站建设需要注重细节,你的高端网站建设团队将开始为你准备新的网站地图和...
2020-04-02
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com