网页理论:Don’t make me think 阅读笔记

2016-02-19 13:25 0 1 收藏

有了下面这个网页理论:Don’t make me think 阅读笔记教程,不懂网页理论:Don’t make me think 阅读笔记的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

第一章

确保网页容易被用户使用的最重要原则是不要让我思考。设计师应尽量做到让网页不言而喻、一目了然、自我解释。好的设计应该能让用户立即上手使用,而无需花费精力思考。

网页上每项内容都有可能迫使用户停下来思考,例如,名字。那些看似很酷、很自以为聪明、带有营销性质及生僻技术的名字常常给用户带来困扰。又例如那些看起来不太明显的链接和按钮,用户没有义务思考某个地方是否能点击。
当我们访问网络时,每个微小的疑问都有可能打断我们的访问热情,它们会累积起来,直到让人抓狂、失去耐心。

一些不该让访问者思考的事

我在什么位置? 我该从哪里开始? 他们把xx放在什么地方? 这个页面上最重要的是什么? 为什么他们给它取了这个名字?

如果要做一些崭新的开拓性的或者非常复杂的页面设计,如果无论如何也无法把页面做到不言而喻时,至少要让它能自我解释,并使用户只需花很少的时间和精力就能理解理解其用意。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

另一些奇怪且有趣的用户心理:有些人会在一个折磨他们的网站坚持很久,而不愿寻找更好的;有些人会在遇到访问挫折时首先责怪自己,而不是责怪网站;人类的惰性以及重新开始新事物的不确定感往往会让用户在不佳的访问体验面前妥协(谁又能保证下一个会比这个更好呢?)。

第二章

面对精心设计排版的页面,用户做的通常只是在页面上大致瞥一眼,然后凭感觉寻找点击他们感兴趣的链接或者符合他们要求的链接。事实上用户对于页面上不关心的部分基本上不会真正看一眼。那些精心修饰的文字对用户来说更像是以时速100公里的速度驶过的广告牌。

关于网络使用的三个事实:

一.不是阅读,而是浏览

人们总是花极少的时间来阅读大部分的页面,通常只是匆匆浏览一下网页,然后从中选择感兴趣的栏目或文字。

理由:

用户总是忙碌的,他们没有时间阅读那些不必要的内容。 用户知道自己不需要读取所有的内容,通常他们只是要寻找自己感兴趣的内容。 报纸、书籍、期刊的阅读经验教会用户如何快速定位感兴趣的内容。

二.不是最佳选择,而是满意即可

大多数情况下用户不是选择最佳的选项,而是选择第一个看上去合理的选项。这种满意策略告诉我们,一旦用户觉得某个链接似乎能跳转到他们想要去的地方,那么这个链接被点击的可能性就会大大增加,尽管它可能不是最佳的选择的。

理由:

用户总是忙碌的,寻找最佳策略很难,需要的时间也很长。 如果猜错了也不会有什么严重后果。 对选择进行权衡并不会改善我们的机会。在设计不佳的网页上花精力去选择,还不如用猜的高效。 用户喜欢享受驾驭感,跟着感觉走对用户来说更能感受到自己的价值。

用户衡量一个选择所愿花费的精力,取决于他们对于内容的预期、对于需求的迫切性以及对于网站的信心。

三.不是追根究底,而是勉强应付

很少有人会花时间来研究如果使用一个网站,通常他们是通过不断尝试来获得访问经验、从中找出一定的理由来解释自己的行为,以及为什么会这么做。

理由:

是否明白事务背后的工作机制对用户来说并不重要,他们只要求能正常使用即可。 一般的使用习惯决定了,用户如果发现某个事务能满足他们的要求,就会一直使用下去,直到出现新的更好的替代方法为止,但是通常很少有人会主动寻找更好的方法。

教会用户使用网站而不是勉强应付的好处

用户能更容易地找到自己想要的东西。 用户能更全面地了解到网站所提供的服务,而不仅仅是他们偶然看到的那些。 网站能更好地引导用户访问其所希望展示的内容。 能让用户享受到把握全局的满足感,这能极大地增强用户对自己及对网站的信心,进而留住用户的心。

 

 

第三章

设计师针对用户快速浏览页面这一特性所需注意的5个方面:

一. 建立清楚地视觉层次

让页面瞬间明白易懂的一个好办法是确保页面上所有内容的外观清楚,而且能清楚表述页面内容之间的关系。

层次清楚的三个特点:

越重要的部分越突出(醒目)。 逻辑上相关的部分在视觉上也相关。 逻辑上包含的部分在视觉上有嵌套。

生活习惯教会了我们对视觉层次进行快速分解,通常这种分解在一瞬间就已完成。除非当那些可视信息迫使我们需要停下来思考时,我们才能隐约地感觉到它的存在。好的视觉层次能够帮助用户对页面内容进行快速分辨,提高访问效率。

二.尽量使用习惯用法

每一种出版媒体都有在发展自己的习惯用法,并不断改进这些用法,以形成新的习惯用法。在WEB上,当一种使用方法有足够多的人在足够多的地方看到使用它,那么它就会使成为一种习惯用法。

关于习惯用法的两个特点:

该用法非常有用。
习惯用法因为有用才会成为习惯用法,它保证了用户有一种熟悉感,适当应用习惯用法会使用户对网站的访问更容易,不需要花费额外的精力就能获得预期的访问成果。 设计师通常不愿使用习惯用法。
创新对设计师而言有很大的诱惑,如果打算使用一种新的方法替代已有的习惯用法,那么至少必须确认1.对用户来说新的方法是同样清楚简洁、不言而喻,无须花费很多额外精力来重新学习的。2.新的方法有很大的回报价值,因此值得用户花一点努力来学习。

在确信

名称和链接的内容要一致。
有时受页面空间的限制,如果点击的文字与链接的页面名称并不完全相同,则需保证尽量匹配和让不匹配的原因显而易见。

要抵消网络空间固有的迷失感,其中一种方式就是时刻告诉用户当前所处的位置。
常用的标记位置的方法:

在旁边放一个小图标。 改变文字颜色。 使用粗体。 按钮反白。 改变按钮的颜色。

位置指示器必须要醒目突出,否则就失去了意义。

层级菜单的几项实践:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)把它们放在最顶端。 用符号对层级进行分隔。 使用小字体。 使用文字提示你在这里 将最后一个元素加粗。 别让它们显得像页面的名称。

标签是大型网站的上佳选择,理由:

它们不言而喻。 很难被忽视。 很灵活。 暗示了一个物理空间。

标签会给人一个视觉提示:让人觉得网站被分成了不同的栏目,条理清晰,而自己正置身于其中的一个栏目,增加确定感。

amazon经典的标签设计三要点:

正确绘制。
标签的图形必须营造出激活的标签页位于其他标签页之前的效果。
营造出这种效果,比货也必须有一种不同的颜色或外形作为对比,并且必须与它下面的空间在物理上链接起来。 颜色编码。
Amazon使用相当鲜艳和饱满的的颜色来吸引用户的注意力。未激活的标签和当前的标签之间对比强烈,即使色盲的用户也能正确理解。 进入网站时,有个选中的初始标签。

 

后备箱测试

完成设计后对网页的导航进行测试的方法。

初始问答:

这是什么网站?(Logo) 我在哪个网页上?(网页名称) 这个网站主要有哪些栏目?(栏目清单) 在这个层次上我有哪些选择?(本页导航) 我在导航系统得什么位置?(位置指示器) 怎么搜索?

测试标准只能依据页面的整体外观来判断,而不是细节。

第七章

主页要完成的使命:

标识站点、表明站点层次、搜索、导读、最近更新、友情链接、快捷方式、注册。

另外一些抽象使命:

让用户看到自己正在寻找的东西主页应该能让用户想到的任何东西显而易见,如果它存在的话。 为用户提供他们还没发现的潜在兴趣点。 告诉用户从哪里开始,给用户方向感。 建立可信度和信任感。

首页常见的约束有:

每个人或内容都想占一席之地。 想参与的人或内容太多。 一个尺寸要适合所有人。

网页设计中不能忘掉却常常被忘掉的事传达网站整体形象。

用户第一次访问一个网站应能回答的4个问题:

这是什么网站? 网站上有什么? 我能在这里做什么? 为什么我应该在这里而不是别的地方。

主页上的每样东西都有助于帮助用户理解网站,有两样东西尤其关键:
口号、欢迎广告。
作用:
不在于是否每个用户都会注意到他们,而在于网站用户多半是从主页的大体内容来猜测网站类型的,如果他们猜不到就要有个地方能让他们找到。

几条传达信息的指导原则:

需要多大空间就用多大空间。 但也不要使用过多的空间。 不要把使命陈述当作欢迎广告。 是否恰当的标准是进行测试。

口号是依据精炼的短句,它刻画了整个网站、总结它是什么、自身的优势是什么。
口号一般出现在站点Logo周围的某个地方。
口号是非常有效的信息传达方式,因为它是用户希望能找到的关于网站目标具体描述的地方。

选择口号时要注意的地方:

好的口号要清楚、言之有物。 不好的口号含混不清。 好的口号长度适中6~8个单词足矣(针对英文而言)。 好的口号能表述出网站的特点和显而易见的好处。 不好的口号听起来太笼统。 好的口号应该有个性、生动、有时候还很俏皮。

知道网站类型后,主页要回答的另一个重要问题是:从哪里开始?

当进入一个新的网站,快速浏览主页后,用户应该能明白无误地知道:

要搜索该从哪里开始。 如果想浏览该从哪里开始。 如果只想访问网站最精华的部分该从哪里开始。

避免认知混乱的方法:让每个起点看上去像起点并给它们加上清楚地文字描述。

由于主页导航的独特职责,通常不必与全局导航完全一致。
常见差别有:栏目描述、不同的方向、用于识别的空间更多。
主页导航与全局导航需要保持一定程度的一致性,才能保证用户能马上明白这只是同一导航的两个版本。
最重要的是,让栏目的名称保持不变:同样的顺序,同样的文字和同样的分组。尽可能多地保持相同的视觉提示也很有

活动,你就可以忽略这些。总的来说,如果用户关于在哪里找到他们需要的内容的第二次猜测总是对的,那就不是什么问题。

抵制添加的冲动:
当在测试时清楚地看到人们没有理解某些内容时,大部分人的第一反应是增加一些内容,如注释或一些指导说明。然而正确的解决方案往往是去掉某个或某些让人混淆的内容,而不是增加另一些干扰。
不要太看重人们对新功能的要求。

抓住够得着的果子:
每轮测试中,你的主要目标是寻找重要而不费力的收获,一般有两个类别:恍然大悟型和便宜型。

注意整体性:当你把某些部分调整得更为突出时,想想看是不是把其他内容的重要性降低了。

第十章

Web 可用性除了不要让用户思考,还有另外一个重要的组成部分:做正确的事,为用户考虑周到。除了我的网站清除吗?之外,还要问我的网站值得尊敬吗?

降低好感的几种方式:

隐藏我想要的信息 因为没有按照你们的方式行事而惩罚我 向我询问不必要的信息 敷衍我、欺骗我 给我设置障碍 你的网站看上去不专业

提高好感的几种方式:

知道人们在你网站上想做什么,并让它们明白简易 告诉我我想知道的 尽量减少步骤 花点心思 知道我可能会有哪些疑问,并且给予解答 为我提供协助,例如打印友好页面 容易从错误中恢复 如果不确定,记得道歉

第十一章,第十二章

来源:https://www.tulaoshi.com/n/20160219/1604174.html

延伸阅读
有道云笔记版新增阅读密码   加密的方法很简单,例如在有道云笔记电脑版中,找到要加密的笔记或笔记本,然后用右键点击,在弹出的菜单中选择阅读密码,输入两次密码后点击保存就设置完成了。下次要打开这个笔记或笔记本时,系统就会要求阅读者先输入密码才能打开。 图:有道云笔记电脑版密码设置 在手机版中,同样可以设...
有道云笔记随时体验舒适阅读   在快节奏的都市生活中,相信很多网友都已经习惯在手机上记录自己的日常,并保存一些重要信息,或者是将一些实用的文章之类保存到自己的笔记应用中,以便于利用一些零碎时间来查阅。有道云笔记就是能为大家提供这样便捷的软件,目前这款软件新增加了阅读模式,为各位用户提供了更加舒适的阅读体验。 ...
think window procedure 作者:温昱 1. 用Win32 API编程时,window procedure比较明显,那就是程序员自定义window procedure,但Win32提供了一个API函数DefWindowProc(),缺省的处理要交给它。 int APIENTRY WinMain(HINSTANCE hInstance,HINSTANCE hPrevInstance,LPSTR lpCmdLine,int nCmdShow){WNDCLASSEX wce...
标签: Web开发
  这两天接到新的任务,从负责设计的小猪手里拿到设计稿,虽然她一再强调这次一定不会出现这样或者那样的误差,按照以往的惯例,还是打开psd文件,ctrl+R打开标尺 ctrl+;调出辅助线。页面宽度959px...无语,虽然只有1像素,但还是很想发飙....我没想过要完美的设计稿,细致的标注,严格的视觉规范的文档,起码页面的整体宽度,相同模块...
1.MIDlet是使用MIDP特征和CLDC配置的MIDlet应用 1).MIDlet是打包成JAD(Java描述符)文件的Java类文件 2).MIDlet运行在已安装于MIDP设备上的Application Management Software(应用治理软件AMS).AMS提供KVM和MIDlets的环境 3).MIDlet是在支持CLDC和MIDP的手持设备中使用. 2.MIDlet的生命周期 3.开发MIDlet...

经验教程

758

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部