`
insertyou
  • 浏览: 912783 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

《Web设计大全》读书笔记之三

 
阅读更多
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">可用性是每在特定的使用环境下,一个站点可以被一组用户有效、高效且满意地实现某个目标所能达到的程度。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不存在关于什么是可用的站点的绝对观点。可用性在用户访问站点时会有很大的变化。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">可用性依赖于使用的媒体。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">可用性依赖于站点的类型和用户对它的熟悉程度。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">可用性和用户满意度是直接相关的。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">浏览器不使用网站,使用网站的是人。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不存在一个共性的人。始终设想是一个真正的人在访问你的站点。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不要将具有相似色调的文本、图像和背景色一起使用。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不要将具有相似饱和度的文本、图像和背景色一起使用。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">保持较高的对比度。不要将具有相似亮度的文本、图像和背景色一起使用。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">避免使用繁杂的背景图案。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">确信用来区分条目(如链接体)的颜色在两个方面有显著的差别,如色调和亮度。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">用户试图以最小的工作量取得最大的收益。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">识别比记忆容易,因此不要强迫用户记住信息。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不要使访问过和未访问过的链接具有相同的样式和颜色,这样会强迫用户记住是否访问过这个链接体。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">既然形象记忆较容易,那么将那些需要记住的网页做得看起来和其他网页不同。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">把相似的选项限制在</span><span lang="EN-US"><span style="font-family: Calibri;">5</span></span><span style="">~</span><span lang="EN-US"><span style="font-family: Calibri;">9</span></span><span style="">个。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">只寄希望于用户能记住三个连续的项目。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">用户所愿意等待的时间正比于他所能得到的回报。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">当响应时间如网页加载超过</span><span lang="EN-US"><span style="font-family: Calibri;">30s</span></span><span style="">时,试图给用户提供你自己的反馈信息如加载进度条。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">时间对用户来说比下载的字节数更重要。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">在用户的思考时间里预加载,可以提高</span><span lang="EN-US"><span style="font-family: Calibri;">Web</span></span><span style="">网页的响应时间。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">在访问线型结构的网页时,使用预加载。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">如果网页上的元素不同,就让它们有明显差异。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">尽量限制同一网页上的干扰因素,把网页上不和谐的对象分开,以免它们在视觉上相互干扰而用户不能专注于他们感兴趣的内容。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">感觉适应确实也在</span><span lang="EN-US"><span style="font-family: Calibri;">Web</span></span><span style="">上发生。如果想得到用户的完全注意,必须经常显著改变这些事物。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">尽量优化站点中所有网页的键盘优化访问,而不仅仅是形成网页。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">在连续的选择之间,尽量减小鼠标移动距离。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">尽量减少在屏幕的主要活动区和返回按钮之间的鼠标移动量。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">保证可点击区域的足够空间,以便于用户的快速移动和精确点击。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">始终要记住,需要把站点带入用户的世界,而不是别的地方。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">考虑用户访问站点的可能环境的特征。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">创建具有自适应能力的站点是为了满足新手、中间级和高级用户的需求。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">如果不能设计自适应的用户界面,那么就为一般能力的用户做设计。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">用户把过去的关于世界、软件和</span><span lang="EN-US"><span style="font-family: Calibri;">Web</span></span><span style="">的知识带到站点。必须让站点符合他们的期望。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不要偏离主流站点确定的通用界面规则。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">尽量早地且经常性地与用户一起测试。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">在进行不严格的可用性测试时,尽量避免谈得太多或引导用户。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">不要让可用性问题成为或避免站点的其他方面如外观、技术或经济的借口。</span><span lang="EN-US"></span></span></p>
<p class="MsoListParagraph" style=""><span style="font-family: Wingdings;" lang="EN-US"><span style=""><span style="font-size: small;">l</span><span style='font: 7pt "Times New Roman";'> </span></span></span><span style="font-size: small;"><span style="">实践“拉期维加斯”式的</span><span lang="EN-US"><span style="font-family: Calibri;">Web</span></span><span style="">设计。为用户提供一个振奋的仿佛有无数选择的愉悦体验,但应该始终严格地控制局面。</span></span><span lang="EN-US"></span></p>
分享到:
评论

相关推荐

    web读书笔记

    在“web读书笔记”这个压缩包中,我们可以推测它包含了关于Web开发的个人学习记录和项目代码。"自己项目代码"这一标签暗示了这些文件可能是作者在实践Web开发过程中积累的经验和成果,尤其是以“二哥java”为名的子...

    学生读书笔记共享-学生读书笔记共享系统-学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码

    学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码-学生读书笔记共享系统设计与实现-基于springboot的学生读书笔记共享系统-基于Web的学生读书笔记共享系统设计与实现-...

    学生读书笔记共享系统-学生读书笔记共享系统源码-基于springboot的学生读书笔记共享系统-学生读书笔记共享管理系统java

    学生读书笔记共享系统源码-学生读书笔记共享管理系统-学生读书笔记共享管理系统java代码-学生读书笔记共享系统设计与实现-基于springboot的学生读书笔记共享系统-基于Web的学生读书笔记共享系统设计与实现-...

    web信息架构读书笔记

    读书笔记中总结了 Web 信息架构的重要概念和设计原则。 必要的房间 在 Web 信息架构中,需要提供一个特殊的场所,即“必要的房间”,以便用户执行非正常操作时的处理。例如,清除数据库不是一种正常的活动,因此...

    毕业设计用读书笔记(jsp)

    【JSP(Java Server ...在"毕业设计用读书笔记(jsp)"的压缩包中,可能包含了作者在学习JSP过程中整理的资料,包括对各个概念的理解、代码示例、问题解析等,对于正在做毕业设计的同学来说,是一份宝贵的参考资料。

    《网页设计与制作教程:Web前端开发》读书笔记模板.pptx

    "网页设计与制作教程:Web前端开发"读书笔记模板 网页设计与制作教程:Web前端开发(第6版)读书笔记模板是基于Web前端开发职业技能等级标准(初级)和部分示范院校的《Web前端技术课程教学标准》编写的教学用书。...

    JAVA毕业设计之Springboot017学生读书笔记共享(springboot+mysql)完整源码.zip

    这个资源是一个基于Spring Boot和MySQL的Java毕业设计项目,名为“学生读书笔记共享”。该项目旨在为学生提供一个在线平台,让他们可以分享和交流自己的读书笔记。通过这个项目,学生可以发布自己的读书笔记,查看和...

    《C#与.NET3.0高级程序设计》读书笔记

    读书笔记主要涵盖了以下几个方面的内容: 1. C#语言特性:包括匿名方法、lambda表达式、闭包、委托、事件、泛型、LINQ(Language Integrated Query)等。这些特性是C# 3.0及更高版本的核心,极大地增强了代码的...

    javascript读书笔记1

    这篇读书笔记主要涵盖了JavaScript的基础知识,包括变量、数据类型以及操作这些值的方式。 首先,我们讨论的是JavaScript中的变量声明。在JavaScript中,如果你尝试使用一个未声明的变量,解释器会自动创建一个全局...

    《Java高手真经:Java Web高级开发技术》读书笔记模板.pptx

    该资源分为三部分,分别是Java高手真经(高级编程卷):Java Web高级开发技术读书笔记模板、Java Web企业级开发技术EJB和Java Web高级开发技术 frameworks与开源技术。 Java高手真经(高级编程卷):Java Web高级...

    Web软件用户界面设计指南-读书笔记归纳.pdf

    "Web 软件用户界面设计指南" 《Web 软件用户界面设计指南》是指南唐勇著,电子工业出版社出版的一本书籍。该书主要介绍了 Web 软件用户界面设计的基本原则和要素,旨在帮助开发者设计出更加人性化、易用性强的 Web ...

    SpringBoot项目学生读书笔记共享.zip

    SpringBoot项目学生读书笔记共享系统是一个为学生、教师和书籍爱好者设计的网络应用程序,旨在提供一个便捷的读书笔记共享与管理平台。该系统通过集成用户注册、笔记上传、标签管理、内容搜索和社区互动等功能,实现...

    谭浩强C程序设计和读书笔记以及PPT

    【标题】"谭浩强C程序设计和读书笔记以及PPT"所涵盖的知识点主要集中在C语言编程领域,这是由著名计算机教育家谭浩强教授编写的经典教材,旨在帮助初学者理解和掌握C语言的基本概念、语法和编程技巧。C语言是一种...

    java编程思想读书笔记

    ### Java编程思想读书笔记 #### 一、Java与C++的区别及内存管理 在学习Java的过程中,我们常常会拿它与C++进行比较。这两门语言虽然有着相似之处,但也有许多不同点。 1. **内存管理:** - C++提供了更为底层的...

    MYSQL读书笔记整理

    MySQL数据库是世界上最受欢迎的关系型数据库管理系统之一,尤其在Web应用程序中广泛应用。它的InnoDB存储引擎提供了事务处理、行级锁定以及外键支持等功能,确保了数据的可靠性和并发性。以下是对MySQL,尤其是...

    韩顺平老师最全读书笔记

    "韩顺平老师最全读书笔记"这个压缩包文件正是他课程精华的集合,包含了一系列重要的IT知识点。 首先,我们来看Java部分。Java是一种广泛使用的面向对象的编程语言,以其“一次编写,到处运行”的特性闻名。笔记中的...

Global site tag (gtag.js) - Google Analytics