就这么简单Web开发中的可用性和用户体验

可用性和用户体验。

可用性：可行性（使用有效果）
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>