点石成金

按有用程度 按页码先后 最新笔记

• 

  第1页

  Alchain|花生 (看的太多，思考的太少)

  我们是如何使用Web的： 一、我们不是阅读，而是扫描 二、我们不做最佳选择，而是满意即可 三、我们不是追根究底，而是勉强应付 ①、因为这对我们来说并不重要 ②、如果发现某个事物（方法）能用，我们会一直用它 Web设计的五个重要原则： 一、建立清楚的视觉层次 ①、越重要的部分越突出 ②、逻辑上相关的部分视觉上也相关 ③、逻辑上包含的部分在视觉上进行嵌套 二、尽量使用习.. (更多)

  我们是如何使用Web的：

  一、我们不是阅读，而是扫描

  二、我们不做最佳选择，而是满意即可

  三、我们不是追根究底，而是勉强应付

  ①、因为这对我们来说并不重要

  ②、如果发现某个事物（方法）能用，我们会一直用它

  Web设计的五个重要原则：

  一、建立清楚的视觉层次

  ①、越重要的部分越突出

  ②、逻辑上相关的部分视觉上也相关

  ③、逻辑上包含的部分在视觉上进行嵌套

  二、尽量使用习惯用法

  ①、因为它们确实非常好用

  ②、不要试图重新发明轮子

  三、把页面划分成明确定义的区域

  四、明显标志可以点击的地方

  五、降低视觉噪声

  ①、眼花缭乱

  ②、背景噪声

  记住：三次无须思考、明确无误的点击相当于一次需要思考的点击。

  后备厢测试（抽取一个网页，回答以下问题）：

  一、这是什么网站？（站点ID）

  二、我在哪个网页上？（网页名称）

  三、这个网站的主要栏目有哪些？（栏目清单）

  四、在这个层次上我有哪些选择？（本页导航）

  五、我在导航系统的什么位置？（面包屑，”你在这里“的指示器）

  六、我怎么搜索？

  焦点小组：用于抽象地确定目标受众想要什么，需要什么，喜欢什么，在产品开发的前期，网页设计之前比较有用。

  可用性测试：用于了解网站运行情况，以及怎样改进网站时比较有用。 (收起)

  2011-04-06 17:29:33   回应

  收藏

  推荐
• 

  我们实际上是如何使用Web的

  言若一不小心 (主动生活)

  我们使用web的三个事实： 1.我们不是阅读，而是扫描 2.我们不做最优选择，而是满意即可 3.我们不是追根究底，而是勉强应付（总觉得“勉强应付”并不适合这个语意，不知道英文原文是什么） (更多)

  我们使用web的三个事实：

  1.我们不是阅读，而是扫描

  2.我们不做最优选择，而是满意即可

  3.我们不是追根究底，而是勉强应付（总觉得“勉强应付”并不适合这个语意，不知道英文原文是什么） (收起)

  2011-09-30 20:55:26   2回应

  收藏

  推荐
• 

  第8页

  救世猪

  p8 Krug可用性第一定律：别让我思考！ 设计者应该尽量做到，当我看一个页面时，它应该是不言而喻，一目了然，自我解释的。 到底有多不言而喻才行？一眼就能看到网页的主题，其次立刻能看到用户所需的东西 p11 当我们访问Web的时候，每个问号都会加重我们的认知负担，把我们的注意力从要完成的任务上拉开，这种干扰也许很轻微，但它们会累积起来，这时候这样的干扰不用太多，就足以让我们抓狂。 P12 如果做不到让一切都不言... (更多)

  p8 Krug可用性第一定律：别让我思考！

  设计者应该尽量做到，当我看一个页面时，它应该是不言而喻，一目了然，自我解释的。

  到底有多不言而喻才行？一眼就能看到网页的主题，其次立刻能看到用户所需的东西

  p11 当我们访问Web的时候，每个问号都会加重我们的认知负担，把我们的注意力从要完成的任务上拉开，这种干扰也许很轻微，但它们会累积起来，这时候这样的干扰不用太多，就足以让我们抓狂。

  P12 如果做不到让一切都不言而喻，那应该要做到“自我解释”。在一个自我解释的页面中，用户需要花一点点时间去理解。

  p13 在因特网上，竞争有时就在于一个点击的差别，因此如果你得罪了用户，他们会跑到别的地方去。

  P15 我们精心准备的文字，在用户看来更像“以每小时100公里的速度驶过的广告牌” 所以，尽量活用文字，多用图片。

  用户看网页的步骤：1) 很快的四处查看任何内容 2) 关注有趣的或大至符合他们寻找对象的 3) 点进去

  用户看网页的事实：1) 不是阅读，是扫描 2）不作最佳选择，而是满意即可 3) 不是追根究底，而是勉强应付 (收起)

  2011-05-09 01:03:38   回应

  收藏

  推荐

• 

  第1页

  Alchain|花生 (看的太多，思考的太少)

  我们是如何使用Web的： 一、我们不是阅读，而是扫描 二、我们不做最佳选择，而是满意即可 三、我们不是追根究底，而是勉强应付 ①、因为这对我们来说并不重要 ②、如果发现某个事物（方法）能用，我们会一直用它 Web设计的五个重要原则： 一、建立清楚的视觉层次 ①、越重要的部分越突出 ②、逻辑上相关的部分视觉上也相关 ③、逻辑上包含的部分在视觉上进行嵌套 二、尽量使用习.. (更多)

  我们是如何使用Web的：

  一、我们不是阅读，而是扫描

  二、我们不做最佳选择，而是满意即可

  三、我们不是追根究底，而是勉强应付

  ①、因为这对我们来说并不重要

  ②、如果发现某个事物（方法）能用，我们会一直用它

  Web设计的五个重要原则：

  一、建立清楚的视觉层次

  ①、越重要的部分越突出

  ②、逻辑上相关的部分视觉上也相关

  ③、逻辑上包含的部分在视觉上进行嵌套

  二、尽量使用习惯用法

  ①、因为它们确实非常好用

  ②、不要试图重新发明轮子

  三、把页面划分成明确定义的区域

  四、明显标志可以点击的地方

  五、降低视觉噪声

  ①、眼花缭乱

  ②、背景噪声

  记住：三次无须思考、明确无误的点击相当于一次需要思考的点击。

  后备厢测试（抽取一个网页，回答以下问题）：

  一、这是什么网站？（站点ID）

  二、我在哪个网页上？（网页名称）

  三、这个网站的主要栏目有哪些？（栏目清单）

  四、在这个层次上我有哪些选择？（本页导航）

  五、我在导航系统的什么位置？（面包屑，”你在这里“的指示器）

  六、我怎么搜索？

  焦点小组：用于抽象地确定目标受众想要什么，需要什么，喜欢什么，在产品开发的前期，网页设计之前比较有用。

  可用性测试：用于了解网站运行情况，以及怎样改进网站时比较有用。 (收起)

  2011-04-06 17:29:33   回应

  收藏

  推荐
• 

  第1页

  Choco (迷糊的小孩)

  用尽可能简单的方式来展现，挺好 (更多)

  用尽可能简单的方式来展现，挺好 (收起)

  2011-04-08 14:31:45   回应

  收藏

  推荐
• 

  第1页

  Sirius (爱生活爱编程)

  还只看了个开头,突然有个想法,每次看到商店门上"推/拉"之类的字样都得反应一下,这个也不符合"don't make me think"原则吧? 是不是可以把需要推的那面不安把手,把拉的那面安一个醒目的把手呢? (更多)

  还只看了个开头,突然有个想法,每次看到商店门上"推/拉"之类的字样都得反应一下,这个也不符合"don't make me think"原则吧?

  是不是可以把需要推的那面不安把手,把拉的那面安一个醒目的把手呢? (收起)

  2011-05-09 12:21:02   3回应

  收藏

  推荐

• 

  guiding principle

  rachel (时光即答案)

  Don’t make me think simple and no finding name is obvious; links and buttons that aren’t obviously clickable simples the thinking process everything self-evident habit of users short time on scanning(hurry; no need to read everything; good at it) not the best but the first reasonable option use without understanding Then: create a clear visual hierarchy(the more imp the more prom... (更多)

  Don’t make me think

  simple and no finding

  name is obvious; links and buttons that aren’t obviously clickable

  simples the thinking process

  everything self-evident

  habit of users

  short time on scanning(hurry; no need to read everything; good at it)

  not the best but the first reasonable option

  use without understanding

  Then:

  create a clear visual hierarchy(the more imp the more prominent;things that are related logically are also related visually; Things are nested visually to show what’s part of what)

  take advantage of conventions(What’s web convention)

  break pages up into clearly defined areas

  make it obvious what’s clickable

  minimize noise(2 kinds of noise: busy ness & background noise)

  each click should be painless and they have continued confidence

  omit needless words(reduce noise; make useful more prominent; shorter= user see more of each page)

  People wont use your website if they cant find their way around it --->web navigation(help us find whatever it is we r looking for, and to tell us where we are; give us something to hold on; content of the web; how to use)--->navigation convention:(P61: names)-->the persistent navigation can only accommodate only four or five utilities; right name and right place and match

  breadcrumb

  tab

  search link

  at the beginning, find:

  site ID

  search(search box/search button)

  section (subsection)

  page name

  local navigation

  utilities

  tagline(right next to site ID)

  the welcome blurb

  Homepage:

  homepage should answer the four question: what is this, what can i do here, what do they have here, and why should i be here-and not somewhere else.

  Site identity and mission

  Site hierarchy(an overview of what the site has to offer both content and features, and how it’s all organized: persistent navigation)

  Search

  Tease(content promos, feature promos)

  timely content

  Deals

  Shortcuts(the most frequently requested pieces of content)

  Registration

  show: what i am looking for, what i am not but wonderful, where to start, establish credibility and trust; (收起)

  2012-02-11 02:47:03   回应

  收藏

  推荐
• 

  第一章 别让我思考

  Amoyichi (啦啦啦，啦啦啦，黑猫警长)

  1. 如果要让网页有效，他们必须在用户第一眼看到时将自己展示出来，而要做到这一点，最好的方法是创建不言而喻的网页，或者至少也要做到自我解释。 2 网络使用的三个事实 2.1我们不是阅读，而是扫描 2.2我们不作最佳选择，而是满意即可 2.3我们不是追根究底，而是勉强应付 3 广告牌设计101法则 3.1建立清楚的视觉层次 3.2采用习惯用法 3.3把页面划分成明确定义的区域 3.4明显标识可以点击的地方 3.5... (更多)

  1. 如果要让网页有效，他们必须在用户第一眼看到时将自己展示出来，而要做到这一点，最好的方法是创建不言而喻的网页，或者至少也要做到自我解释。

  2 网络使用的三个事实

  2.1我们不是阅读，而是扫描

  2.2我们不作最佳选择，而是满意即可

  2.3我们不是追根究底，而是勉强应付

  3 广告牌设计101法则

  3.1建立清楚的视觉层次

  3.2采用习惯用法

  3.3把页面划分成明确定义的区域

  3.4明显标识可以点击的地方

  3.5降低视觉噪声

  4 省略不必要的文字

  5无法承受的浏览之轻

  感觉不到大小，感觉不到方向，感觉不到位置（有没有类似的关于浏览网页的传播学研究？）

  ————一个定位很重要，比如主页，导航栏

  6后备箱测试

  想象你被蒙住双眼，锁在车子的后备箱里。车开动一会儿后，把你放在某个网站内容的某个网页上。如果这个页面设计良好，当你除去眼罩时，应该能毫不犹豫地回答出这个问题。

  这是什么网站？

  我在哪个网页上？

  这个网站的主要栏目有哪些？

  在这个层次上我有哪些选择？

  我在导航系统的什么位置？

  我怎么搜索？

  ——应能快速找到

  1站点ID

  2页面名称

  3栏目和下一级栏目

  4页内导航

  5“You're here”指示器

  6搜索

  不写了，最后是一大部分如何测试以及作者推荐的读物

  互联网起源于美国，的确要多向老美学习啊！

  尼玛看之前还要背单词啊思密达！！！

  (收起)

  2012-01-20 16:36:57   2回应

  收藏

  推荐
• 

  十 可用性礼貌

  二氧化碳 (我的人生就像打蛋器里的蛋。。。)

  注意措辞和礼貌，应对突发事件的措辞。JS对话框少用。 应对方法，告诉用户可以的行为，提供帮助。不过帮助需要简短。 猜测可能的问题，精简的帮助。 (更多)

  注意措辞和礼貌，应对突发事件的措辞。JS对话框少用。

  应对方法，告诉用户可以的行为，提供帮助。不过帮助需要简短。

  猜测可能的问题，精简的帮助。 (收起)

  2011-12-26 05:48:19   回应

  收藏

  推荐