`
- 浏览:
44825 次
- 性别:
- 来自:
长沙
-
可用性和用户体验。
可用性:可行性(使用有效果)
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>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
两位作者通过丰富的实例,明确阐述了如何从表单的关系、对话和外观三层模型出发,设计出具有高可用性的优质网页表单,并通过可用性测试及早发现表单的潜在问题。通过阅读本书,读者能够了解到如何定义需求,如何提出...
《大巧不工:Web前端设计修炼之道》适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以...
应用WEB2.0中已经成熟的框架接口可以大大加快目前高可用性应用的开发以及设计。并且能够从用户角度来设计一个应用。大大减轻了设计的压力以及风险。该系统能够通过多种方式来对用户的图片进行上传以及管理。并且使用...
所有的组件都能根据分辨率和设备灵活缩放,从而提供一致性的用户体验。 样式化的文档 与其他前端工具箱不同,Bootstrap优先设计了一个样式化的使用指南,不仅用来介绍特性,更用以展示最佳实践,应用以及代码...
《大巧不工-Web前端设计修炼之道》以Web 前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳...
伴随这一趋势,可用性、易用性、转化率、用户研究、交互设计、视觉设计、前端开发……新概念不断进入我们的视野。本文将从概念、衡量标准、流程把控出发,并结合具体应用实践,分享携程在用户体验领域中的探索。把...
系统的架构设计注重性能、可用性和可维护性,以支持高并发的用户访问和动态的数据更新。其模块化的设计也便于未来根据俱乐部的具体需求增加新功能或升级现有功能,确保软件的长期适用性和技术前瞻性。
为用户设计 <br>3.1 可用性 <br>3.2 谁是Web用户 <br>3.3 用户的共同特征 <br>3.4 记忆力 <br>3.5 响应和反应时间 <br>3.6 激励问题的处理 <br>3.6.1 极限 <br>3.6.2 鸡尾酒会效应 ...
在设计和实现上,本系统充分考虑了用户体验和业务流程的合理性。界面设计简洁明了,操作便捷;业务逻辑处理严谨,保证了招投标过程的公正性和透明性。此外,系统还具备良好的扩展性和可维护性,可以根据实际需求进行...
并为三个主体提供各自相应的功能,并且提供了丰富全面的题型,以供选择,因此可以适用于大部分的问题调研场景,具有较高的可用性。另外前台界面使用基于响应式的bootstrap模版,使得系统使用起来更加人性化,具备...
在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。 虽然大部分开发人员在过去使用过XMLHttp或者...
应用WEB2.0中已经成熟的框架接口可以大大加快目前高可用性应用的开发以及设计。并且能够从用户角度来设计一个应用。大大减轻了设计的压力以及风险。该系统能够通过多种方式来对用户的图片进行上传以及管理。并且使用...
该项目旨在通过现代Web开发技术,构建一个功能完善、界面友好的在线书店平台,专注于电气与信息类书籍的展示与销售。 项目采用jspm作为模块加载器,确保了代码的模块化与可维护性。通过jspm,项目能够灵活地管理...
Axure RP是美国Axure Software ...Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
DWeb是基于JQuery的框架,用于促进基于对话框的Web应用程序(即Windows桌面应用程序... ..etc)DWeb可用于将Windows UI可用性体验迁移到Web应用程序。您可以在线找到演示:http://adevedo.com/dweb/demo/desktop.xhtml
基于Spring Boot的JavaWeb影院订票系统设计与实现 随着互联网的迅猛发展,线上订票已成为现代生活的一部分。本项目围绕Spring Boot...相信这份毕业论文和附带的源代码,能为有志于Web开发的同学提供宝贵的参考和启示。
同时,商城还考虑了数据的安全性和备份策略,确保数据的完整性和可用性。 该毕业设计项目不仅展示了学生在Java Web开发方面的技能,还体现了他们对商城业务逻辑的深入理解和创新思考。通过该项目,学生可以锻炼自己...
娓娓道来,带给读者100%一对一的阅读体验,虽然讨论的内容很多,但是达到了形散神不散的效果,这个神就是改善Web应用的可用性,可以说,本书中所有关注的问题都是与改善Web应用的可用性相关的。这正是Ajax技术诞生的...