网页理论：Don’t make me think 阅读笔记
互联网 发布时间：2008-10-17 19:58:19 作者：佚名 
我要评论
我要评论第一章
确保网页容易被用户使用的最重要原则是“不要让我思考”。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该能让用户立即上手使用，而无需花费精力思考。
网页上每项内容都有可能迫使用户停下来思考，例如，名字。那些看似很酷、很
Web导航的基本元素：logo、栏目、子栏目、当前位置、辅助工具。
导航部分在每一页以一致的外观出现在同样的位置，会让用户提升用户的访问信心，给用户确定感可以提升用户对网站的认同。让全局导航始终保持一致意味着用户对它只需了解一次。全局导航应该包括5个元素：logo、返回首页、搜索链接、辅助工具、主栏目。
网站logo一般在网页左上角，因为logo代表了整个网站，也就是说它在整个站点结构中层次最高。要让网站logo出现在页面可视层次的首要位置，可采取两种方式：让它成为页面最显眼的内容或者让它涵盖页面所有其他的元素。
栏目导航条是访问站点主要栏目的途径，即站点层次结构的最顶层。
大部分情况下，全局导航也留有二级导航的显示位置。
辅助工具是到达网站中不属于内容层次的重要元素的链接。
辅助工具能帮助用户使用站点（如帮助、网站地图或购物车等），要么提供网站发布者的信息（如关于我们、联系我们等）。
全局导航中最多只能放使用率最高的4-5个辅助工具。
全局导航中最重要的元素之一是让用户返回首页的链接。
一般网站也会让logo链接到首页。
喜欢搜索的用户并不少于习惯浏览的用户。
一个简单公式：搜索栏=一个输入框、一个按钮、还有“搜索”两字。
搜索栏必须避免：
-
花哨的用词。
指示说明。
选项。
如果必须提供选项，那就要保证哪些选项确实有用。
页面名称就是web上的路牌。
需注意的要点：
-
页面名称在视觉层次上要出现在合适的位置。
名称样式要引人注目，在大多数情况下，它是该页里最大的文字。
名称和链接的内容要一致。
有时受页面空间的限制，如果点击的文字与链接的页面名称并不完全相同，则需保证尽量匹配和让不匹配的原因显而易见。
要抵消网络空间固有的迷失感，其中一种方式就是时刻告诉用户当前所处的位置。
常用的标记位置的方法：
-
在旁边放一个小图标。
改变文字颜色。
使用粗体。
按钮反白。
改变按钮的颜色。
位置指示器必须要醒目突出，否则就失去了意义。
层级菜单的几项实践：
-
把它们放在最顶端。
用“>”符号对层级进行分隔。
使用小字体。
使用文字提示“你在这里”
将最后一个元素加粗。
别让它们显得像页面的名称。
标签是大型网站的上佳选择，理由：
-
它们不言而喻。
很难被忽视。
很灵活。
暗示了一个物理空间。
标签会给人一个视觉提示：让人觉得网站被分成了不同的栏目，条理清晰，而自己正置身于其中的一个栏目，增加确定感。
amazon经典的标签设计三要点：
-
正确绘制。
标签的图形必须营造出“激活的标签页位于其他标签页之前”的效果。
营造出这种效果，比货也必须有一种不同的颜色或外形作为对比，并且必须与它下面的空间在物理上链接起来。 颜色编码。
Amazon使用相当鲜艳和饱满的的颜色来吸引用户的注意力。未激活的标签和当前的标签之间对比强烈，即使色盲的用户也能正确理解。 进入网站时，有个选中的初始标签。
相关文章
今天的文章，我们将分享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
最新评论