一、什么是UA?
UA:User assistance
1、UA是针对特定产品的任何形式的文档,包括打印文档、在线文档、帮助文档;
2、UA提供支撑信息,主动引导客户达成其工作目标;
3、UA提供支撑信息,帮助用户完成与软件的交互;
4、UA致力于如何帮助用户更好的应用产品。
二、UA 的目标
实现5R:Our goal is to provide the right content to the right person ,at the right time,in the right format , and in the right media.
三、UA和UI的关系
1、本质区别:
User Assistance is documentation that helps a user understand how to use a product.UA侧重帮助信息设计。
The User Interface are the screens that let the user and the program interact.UI侧重视觉设计和交互设计。
2、融合:UI和UA融合,UI中体现了帮助信息,在UA中也会集成软件界面功能。
3、相似性:UA和UI的目标是统一的,都是为了提高产品的可用性,帮助用户更有效、更轻松的使用产品。
四、UA的代码实现
//IE的浏览器模式、文本模式设置为IE8标准
<meta http-equiv="X-UA-Compatible" content="IE=8" />
//导入qtip所使用的qtip css ,qtip js
<link type="text/css" href="<s:url value="/css/jquery.qtip.min.css"></s:url>" rel="stylesheet" />
<script type="text/javascript" src="<s:url value="/javascript/lib/jquery.qtip.min.js"></s:url>"></script>
//引入前台资源文件
<script type="text/javascript" src="<s:url value="/javascript/i18n/messages-cn.js"></s:url>"></script>
找出对应的控件,添加UA代码
var itemForm = currTabRoot.find('#控件 ');
itemForm.find('#控件父类).find('td').each(function () {
var tipID = $(this).find('input').attr('id') + '_tip';
$(this).qtip({
content: resource.popuptips.evalitem[tipID],//前台的message资源文件
show: 'mouseover',
hide: 'mouseout',
position: {
my: 'top center',
at: 'bottom center',
}
});
注意:使用qtip时,尽量使用qtip2相关的js、css,否则在IE下冒泡的箭头不能正常显示