网页理论:Don’t make me think 阅读笔记
互联网 发布时间:2008-10-17 19:58:19 作者:佚名
我要评论
第一章
确保网页容易被用户使用的最重要原则是“不要让我思考”。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该能让用户立即上手使用,而无需花费精力思考。
网页上每项内容都有可能迫使用户停下来思考,例如,名字。那些看似很酷、很
第三章
设计师针对用户快速浏览页面这一特性所需注意的5个方面:
一. 建立清楚地视觉层次。
让页面瞬间明白易懂的一个好办法是确保页面上所有内容的外观清楚,而且能清楚表述页面内容之间的关系。
层次清楚的三个特点:
-
越重要的部分越突出(醒目)。
逻辑上相关的部分在视觉上也相关。
逻辑上包含的部分在视觉上有嵌套。
生活习惯教会了我们对视觉层次进行快速分解,通常这种分解在一瞬间就已完成。除非当那些可视信息迫使我们需要停下来思考时,我们才能隐约地感觉到它的存在。好的视觉层次能够帮助用户对页面内容进行快速分辨,提高访问效率。
二.尽量使用习惯用法。
每一种出版媒体都有在发展自己的习惯用法,并不断改进这些用法,以形成新的习惯用法。在WEB上,当一种使用方法有足够多的人在足够多的地方看到使用它,那么它就会使成为一种习惯用法。
关于习惯用法的两个特点:
-
该用法非常有用。
习惯用法因为有用才会成为习惯用法,它保证了用户有一种熟悉感,适当应用习惯用法会使用户对网站的访问更容易,不需要花费额外的精力就能获得预期的访问成果。 设计师通常不愿使用习惯用法。
创新对设计师而言有很大的诱惑,如果打算使用一种新的方法替代已有的习惯用法,那么至少必须确认1.对用户来说新的方法是同样清楚简洁、不言而喻,无须花费很多额外精力来重新学习的。2.新的方法有很大的回报价值,因此值得用户花一点努力来学习。
在确信找到一个能让大多数人都接受的新想法前,尽量使用已有的习惯用法。
三.把页面划分成明确定义的区域。
理想状况下,设计良好的网页应该能让用户立刻明白各区域的作用。
把页面划分成明确定义的区域可以让用户快速找到自己关心的内容或者放心地跳过自己不需要的部分。
四.明显标示可点击的区域。
用户确定点击哪里并不会花很长时间,但如果你迫使用户去思考某些通过下意识就可以知道的东西,那么你完全是在浪费每个用户对新站点有限耐心和好感。
五.最大限度降低视觉干扰。
让页面不易理解的最大原因就是视觉干扰,有两类干扰:
-
眼花缭乱的设计,不分轻重的布局。
糟糕的细节设计,不停打断用户的思路。
用户对复杂和干扰的容忍程度是不同的,但的确有很多人在乎这些细微处。
对付视觉干扰的一个好办法:设计页面时,可以先假定所有的设计内容都是视觉干扰,除非能够证明它们不是。
相关文章
今天的文章,我们将分享15个可以学习编程的网站,这些网站上提供了很多编程教程,图书以及编程练习,希望对你有用2024-11-02- 这篇文章主要介绍了web开发中的长度单位主要包括px,pt,em等,需要的朋友可以参考下2023-08-06
- px单位是绝对单位,一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸,是相对单位,它可以根据根元素的变换而2023-08-06
WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法
压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor,需要的朋友可以参考下2023-06-21- 浏览器是多进程的,有浏览器主进程,网络进程,渲染进程,插件进程等,在将html,css,javascript解析成一个页面的时候,就需要多个进程的分工合作2023-05-01
- 本文为大家整理了常用的文件对应的MIME类型,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2021-12-28- 国际组织制定了可以容纳世界上所有文字和符号的字符编码方案,称为Unicode,是通用字符集Universal Character Set的缩写,用以满足跨语言、跨平台进行文本转换、处理的要求2021-11-27
- 这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2020-12-02
这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-27




最新评论