可用性和用户体验。
可用性:可行性(使用有效果)
l 有效性(工作效率高)
l 安全性(能安全使用)
l 通用性(具备良好的通用性)
l 易学性(易于学习)
l 易记性(使用方法便于记忆)
用户体验目标:令人感到满意
l 令人心情愉快
l 有趣味性
l 引人入胜
l 富有启发性
l 富有美感
l 富有时尚感
l 可激发创造性
l 让人有成就感
l 让人得到情感上的满足
可用性原则:(摩西十诫)让用户随时了解系统的状态 2系统应与真实世界相符合3给予用户控制权和自主权4提倡一致性和标准化
4帮助用户识别、诊断和修复错误5预防错误6依赖识别而不是记忆7强调使用的灵活性及有效性8最小化设计9提供帮助及文档
避免:视觉表达不清,非常繁琐,提示混乱,难以使用,强迫用户。
定义用户,以用户为中心进行设计。同时进行不断地进行用户测试并对产品进行修改。
“Focus on the user, and all else will follow.”――“以用户为中心,其他一切纷至沓来。”
“迭代”就是反复进行设计过程中的某些阶段。通过“迭代”,你就能利用反馈来改进
设计。反复进行“设计―测试”,测试就会更全面、更彻底,最终能够发现并解决绝大多数
的问题。
1.表格分为填写(newform_table)和查看(newquery_table)两种。根据具体宽度在样式表中选择或添加最合适的宽度
样式表暂时包含:style1366.css style1024.css style1280.css
2.td要居中可使用样式:class="tdcenter"
3.input可选用input50、select可选用select20、textarea50.
4.普通html元素用: class引用样式、struts元素用: styleClass引用正确样式
6.去掉iframe边框:frameborder=0。
7.style="word-break:break-all" 换行
nowrap不换行。
8.最上面的工具栏的格式为:
<table border="0" align="center" cellspacing="0" cellpadding="0" class="toolbar_table">
<thead>
<tr>
<th >
<ul class="cline"><li>
<input type="button" class="btnsave" value="存"onclick="save();"/>
</li>
<li>
<img src="../resource/style/xtheme/blue/images/btn_func/toolbar_split.gif" width="10" height="26"/>
</li>
<li>
<input type="button" class="btnreturn" value="返回" onclick="reBack();"/>
</li></ul>
</th>
</tr>
</thead>
</table>