炼天阁

昨天Twitter推出了新版的测试主页，您必须保证您的twitter帐号处于非登录状态才可以看到Demo.

More

最近忙里偷闲打算做几个主题，顺便分享自己所收藏的一些Icons。

Social Network Icons

Web Development Icons

喜欢的同学可以打包下载

你不必在每件事情上取得别人的同意。作为一个专业的Web开发人，你是你访客爱好和需求的倡导者；你必须坚持你对良好的用户体验的理解，确保在复杂的网站架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时，你必须能够坚持你的立场，有效地传达自己的想法。事实上，你的工作就是妥协处理错误的思想和误导的概念，而不是盲从它们。
在这种境况下，没有任何东西可以帮助你，除了和你工作中根本问题相关的深刻知识。但是，即使你知道这些知识，重要的是你还要知道如何称呼这些概念，如何在讨论中用到它们。此外，准备一些你可能需要的准确术语在手边作为论据，对你的讨论也是有帮助的。
在这篇文章，我们陈述了30个通常被遗忘、忽略和误解的重要的可用性问题、术语、规则和原则。可读性(readability)和易读性(legibility)有什么区别？究竟80/20和帕累托原则是什么意思？扫雷与满意度是什么意思？逐步强化和优雅降级又是什么？OK，是时候深入了。

可用性：规则和原则
7±2 原则
由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据；然而关于神奇的“7，加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究
2秒原则
一个松散的原则，即用户没有必要对某些系统响应等待2秒以上的时间，比如应用程序转换和开始的响应时间。选择2秒有点武断，但确是一个合理的数量级。可靠的原则就是：用户等待时间越少，用户体验越好。[可用性优先]
3次点击原则
根据这个原则，如果用户在3次点击中无法找到信息和完成网站功能时，用户就会停止使用这个网站。换句话说，这个原则强调明确的导航，逻辑架构和后续站点的层次结构。在大多数情况下，点击的次数是无关紧要的；真正重要的是，游客总是能知道他们现在在哪，他们去过哪，他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话，甚至10次点击，用户都会觉得OK。
80/20原则（帕累托原则）
帕累托原则（也被称为重要少数法则和因素稀疏原则）指出，80%的效应来自20%的原因。这是商业中的基本经验法则（“80%的销售额来自20%的顾客”），但也可以应用于设计和可用性。举例来说，我们可以通过确定那些贡献80%利润的20 ％的用户、客户、活动、产品或程序，并最大限度地注意对他们适用，来显著提高效应。[帕累托原则在维基百科]

8个接口设计的金科玉律

作为接口设计研究的成果， Ben Shneiderman提出并收集了一些从经验中启发而来，适用于大多数交互系统的原则。这些原则适用于用户接口设计，也适用于网页设计。

1. 争取保持一致性
2. 为老用户提供可用的快捷方式
3. 提供有益的反馈
4. 设计结束功能的对话框
5. 提供简单的错误处理
6. 允许简单的逆转功能
7. 提供控制感。支持内部控制点
8. 减少短期记忆

您可以在维基百科： Shneiderman的规则设计中了解更多关于设计中的Shneiderman规则。

费茨定律

由保罗费茨（Paul Fitts）发表于1954年，费茨定律模拟了人类活动，以目标距离和目标规模大小为函数，预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动，访客就必须从A点移动到B点。例如，这个规则对于如何放置内容区域，以更实用的方式，最大化内容可及性和提高内容点击率，是非常重要的。

倒金字塔

倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”，新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头，接着是关键点，最后那些次要的细节，如背景资料。由于网络用户需要即时的满足，这种倒金字塔写作风格，对于网络写作和更好的用户体验是非常重要的。就像尼尔森的支持

满意

网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反，他们永远扫描他们认为“足够好”的quick'n'dirty解决方案。在网络中，这种方式准确地描述了用户的满意：用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。[界面设计]

可用性背后的心理学

婴儿鸭综合症

婴儿鸭综合症描述了游客倾向忠于他们记住的最初设计，并且通过与最初设计的相似度来判断其他的设计。其结果是，用户通常倾向于那些与他们记住的最初设计相类似的设计，不喜欢陌生的系统。这些可用性问题是很多系统重新设计时存在的：用户，习惯了以前的设计，对新的网站架构会感到不舒服，他们必须找到自己的方式去使用网站。

无视广告

网络用户具有忽视一切看起来像广告的东西，有趣的是，他们非常擅于这。虽然广告是被注意到了，但几乎一直是被忽略的。由于用户已经为网站上不同的任务构建了相关联的图式，在网站上搜索特定的信息时，他们只将注意力集中在网页的部分区域，就是那些他们认为可能是相关信息的地方，也就是，小文本和超链接。在这个例子中，大的色彩缤纷的地方或动画横幅广告和其他的图形是被忽略的。

来源：无视广告：一些发现和一些新发现

扣人心弦效应（蔡加尼克效应）

人类无法忍受不确定性。我们倾向于对感兴趣的、未回答的问题尽快找到答案。扣人心弦效应就是基于这一事实的；扣人心弦的电影，文章和情节总是有出其不意的结果，往往总是以一个突然的震惊启示或者困难的局面离开。这种效应经常用在广告上：广告主往往通过要求游客解答刺激的问题，来迫使他们阅读广告，点击横幅广告或者跟进一个链接。

扣人心弦效应由布鲁玛 W. 蔡加尼克（Bluma W.Zeigarnik）在1927年发现，这个效应在读者间建立了情感联系，在营销学中极其有影响力。游客们可以更好地记住是什么广告，甚至是最小的细节都能记得更清晰确切。在web写作中，扣人心弦效应也被用来吸引游客进入网站。（如“抓取我们的RSS-Feed，以确保您不会错过文章的第二部分！”）。

视知觉的格式塔原则

这些原则是人机交互设计心理方面的基本原则。

• 接近法则认为，当我们知觉物体归类时时，易于把相近的物体归于一组。

MTV音乐颁奖的接近法则的真实例子. 来源.

• 相似法则指当内容元素彼此相似的时候我们会感知它们为一组。
• Prägnanz法则（图像-背景）指在知觉某个的视野时，一些物体（图像）看起来突显了出来，视野中的其他东西则消退到背景中。

苹果机的标志可以被看作是一个正规笑脸和一个侧面欢喜的脸庞（看着计算机屏幕）来源

• 对称性法则指我们在知觉物体时倾向于把物体知觉为一个中心周边对称的形状。
• 连贯性法则指我们倾向于知觉联贯或连续流动的形式，而不是断裂或都不连续的形式，事实上它们并不连贯。

我们知觉到字母'I'，'B'，和'M'，虽然我们事实上看到的形状，只有几行不同长度的白色空格彼此空悬。来源

你可以在视知觉的格式塔文章中找到更多信息
自我参照效应
自我参照效应在网络写作中尤其重要，可以显著改善作者和读者之间的沟通。与我们个人观念相联系的事物要比那些和我们没有直接联系的事物记得更清楚。例如，阅读一篇文章后，用户能更好地记得他们个人经验中相关的人物，故事或事实。在可用性中自我参照效应通常被用在网络写作的表达和网站内容陈述。

可用性术语表： 术语和概念
眼球追踪
眼球追踪是测量我们凝视的点（我们看着的地方）或者相对于头部来说眼睛移动的过程。眼球追踪监测记录眼球每次的运动，并在网站最活跃的区域高光显示。眼球追踪研究可以帮助估计浏览网站的用户是否舒适地使用网站，以及他们理解网站背后的架构和系统有多快。在最近的眼球追踪研究Eyetrack07中，你可以找到一些有趣的可用性结果。

眼球追踪：来源
折叠位置（Fold）
折叠位置是指一个网站在屏幕上可见区域的最下方位置。当然折叠的位置也取决于你访客的屏幕分辨率。网页可见区域（也称为screenful）是指网页上不需要拉动滚动条就能看到的区域。既然折叠位置是不需要滚动就能看到，它常常被视为可能可以保证最高广告点击率和利润的区域。然而，折叠位置并没有那么重要。[Usability.gov]
中心凹视（中心凹区）
中央窝，人类眼睛的一部分，负责敏锐的中央视力，对于人类在阅读、看电视或电影、驾驶以及其他任何需要高度注意视觉细节的活动中，是非常必要的。中央窝是你的眼睛在瞄准时的一块小范围空间，它是你可以感知最高级别细节的唯一地方。中心凹区相当于两度视野或者放在你眼前的两个缩略图大小的紧密区域。这是你为游客传递最重要信息的地方。
中心凹视是非常重要的，因为在这个宽屏区域外你的访客如何看你的网页变化非常大。在这部分区域内，是你的视线注意力最大的唯一区域——只有在这里没有眼睛扫描是必要的。[来源]
注释
注释是一个自动的行为，它在链接链向的地方和用户一旦点击会链向的地方提供提示和摘要信息。提示可通过链接的标题特征来提供。从可用性的角度来看，用户希望有充分控制一切正在发生在网站上的事情的权利；清晰和准确的内外部链接解释，合理的连接源头标签，都可以提高一个网站的可用性。
优雅降级（容错系统）
优雅降级是指一个网站即使在它的部件（部分或完全）已经无法显示或者无效的情况下还能展示内容和基本的功能的这种能力。在实践中这意味着网站在每一个可能“过失”的情况下显示内容，可在用户可能的每种配置下（浏览器、插件、连接、操作系统等等）被使用。为“骨灰级用户”提供的仍然是丰富的、增强的页面版本。例如，典型地为多媒体内容提供可替代的显示，以确保在图片无法显示的时候内容仍然可以感知。[维基百科：容错系统]
粒度
粒度是指一个大的、复杂的数据集或信息分成何种程度的更小的单位。
热区
热区是网站可点击的区域，一旦被点击时会改变它们的形式或者/和外观、这是典型的：当链接或者任何其他网站元素被点击时的焦点效应。

Smashingmagazine.com上的热区和注释
易读性（Legibility）
易读性是指文章在视觉上是否明确。
扫雷
扫雷是指那些要确定网站链接的用户与网站的交互大多数情况下。在大多数情况下，扫雷是可用性问题中一个明确的警报信号。通常扫雷涉及用户在网页上快速移动光标或者指针，注视光标或指针在哪里有显示链接的变化。[Usability.gov]
肉之谜导航系统（MMN）
网络中的肉之谜导航描述了那种用户要想发现导航链接的目的点或者确定链接在哪里极其困难的设计。
物理一致性
这个概念描述了网站外观的一致性，-如logos的位置、导航、图形元素和版式的使用。物理一致性对于更好的方向和有效的网站导航是至关重要的。
逐步强化（PE）
逐步强化是一个设计战略，网站是以多层次的方式创建的——从适合所有浏览器的最基本的功能，再到更多的适合现行浏览器的加强的功能。逐步强化的主要优势在于它的“普遍可用性”——比如，事实上，它允许使用任何浏览器或者网络链接工具的人访问网站的基本内容和功能，同时它也提供使用更好网络带宽和更先进浏览器软件的用户更强版本的网页。[维基百科]
可读性
可读性描述了基于复杂句子和困难词汇的文字的可理解的程度。可读性的指标通常可以划分可用性层级，通过一些人轻易理解一篇阅读文章所需的年龄和级别来定。可读性不是易读性。[可用性的术语]
用户为中心的设计（UCD）
用户为中心的设计是这样一种设计理念，用户需求、偏好和行为决定了网站的基础，就是网站架构、导航和获取信息的方式。UCD被视为现代网络应用的标准方式，尤其是由于用户创造内容的兴起。在web2.0游客必须积极参与，因此需要最佳化他们需求的条件。
警惕（持续关注）
警惕是在长时间单调的任务中仍能持续关注的能力，比如校队文章查找拼写错误，提醒约会，自行修改文字处理机文档等。在现代网络应用中警惕的任务主要体现在后台、自动化和提供系统的可用性。[接口设计]
走来即用的设计
一个走来即用的设计是不言自明和直观的，所以第一次和一次性用户可以有效的使用它，而不需要实现介绍或培训。[接口设计]
线框图
线框图是一个网站基本的结构——骨架——描述了一个网站的思想、概念和结构。线框图可以被设计成介绍陈述，用来向股份持有者解释网站是如何设计的，提供了什么功能，用户是如何完成他们的任务的。线框图通常不会有任何视觉元素，或者一个完整的页面布局；他们往往是设计者画在纸上的初稿和草图。例子在这里.[术语, 维基百科: Wireframes]

原文转载翻译：（不代表本人任何观点）
----------------------------------------------------
克林顿国务卿2009年1月21日在华盛顿哥伦比亚特区新闻博物馆（Newseum）发表讲话，阐述互联网自由对社会 进步和经济增长的重要性，宣布将把增进“连接自由”作为一项基本外交目标。以下是讲话全文，由美国国务院国际信息局（IIP）翻译。

希拉里∙克林顿（Hillary Rodham Clinton）国务卿

华盛顿哥伦比亚特区新闻博物馆（Newseum）

2009年1月21日（星期四）

非常感谢，艾伯托（Alberto）。不仅要感谢你的赞誉和介绍，而且要感谢你和你的同事们在这个重要机构中发挥的领导作用。很高兴来到新闻博物 馆。这个博物馆是一座纪念碑，见证了我们最珍视的一些自由。我十分感谢能有此机会谈谈如何运用这些自由应对二十一世纪的各项挑战。

虽然我并不能看到你们所有的人——因为在这样的场合灯光照射我的眼睛，而你们都在背光处——但我知道在座的有很多朋友和老同事。我要感谢自由论坛 （Freedom Forum）的首席执行官查尔斯∙奥弗比（Charles Overby）光临新闻博物馆，以及我在参议院时的老同事理查德∙卢格（Richard Lugar）和乔∙利伯曼(Joe Lieberman)两位参议员，他们两位都为《表达法》（Voice Act）的通过作出了努力。这项立法表明，美国国会和美国人民不分党派，不分政府部门，坚定地支持互联网自由。

我听说在场的还有参议员萨姆∙布朗巴克（Sam Brownback）、参议员特德∙考夫曼（Ted Kaufman）、众议员洛雷塔∙桑切斯（Loretta Sanchez）、许多大使、临时代办和外交使团的其他代表、以及从中国、哥伦比亚、伊朗、黎巴嫩和摩尔多瓦等国前来参加我们关于互联网自由的“国际访问 者领袖计划”（International Visitor Leadership Program）的人士。我还要提到最近被任命为广播理事会（Broadcasting Board of Govenors）理事的阿斯彭研究所（Aspen Institute）所长沃尔特∙艾萨克森（ Walter Isaacson）。毫无疑问，他在阿斯彭研究所从事的支持互联网自由的工作中发挥了重要作用。

这是关于一个非常重要的议题的一个重要讲话。但在开始谈这个议题前，我想简要介绍一下海地的情况。过去八天来，海地人民和世界人民携手应对一场巨 大的灾难。我们这个半球曾历经磨难，但我们目前在太子港面临的困境鲜有先例。通讯网络在我们抗击这场灾难的过程中发挥了极其重要的作用。不用说，当地的通 讯网络遭受了重创，在很多地方被彻底摧毁。地震发生后仅几个小时，我们就与民营部门的伙伴发起“海地”（HAITI）短信捐款活动，使美国的移动电话使用 者能通过发短信向救灾工作捐款。这项活动充分展示了美国人民的慷慨。迄今，该活动已为海地的抗震救灾筹集了2500多万美元。

信息网络在救灾现场也发挥了极其重要的作用。星期六，我在太子港会见普雷瓦尔（Preval）总统时，他的重点目标之一是要努力恢复通讯。幸存的 通讯设施不足以帮助当地政府官员相互联络，非政府组织以及我们的文职部门和军队的领导人的运作能力都受到严重影响。高科技公司设立了互动地图，帮助确定救 灾需要和目标资源。就在星期一，一名年仅七岁的小女孩和两名妇女通过发短信呼救被一个美国搜救队从坍塌的超市的残砖碎瓦下救了出来。这些事例只是一个普遍 现象的缩影。

信息网络的扩展正在为我们的星球建立一个新的神经系统。在海地或湖南发生什么情况时，我们其余的人都能从当事者那里实时得知。我们还可以实时作出 反应。灾后迫切希望提供帮助的美国人和被困在超市瓦砾下的小姑娘以一年以前乃至一代人以前还想象不到的方式被联系在一起。今天，同样的原则适用于几乎整个 人类。我们今天坐在这里，你们中间任何人——或更有可能的是我们孩子中的任何人——都可以拿出很多人每天随身携带的通讯工具，将这次讨论的内容发送给全世 界数十亿人。

在很多方面，信息从未像今天这么自由。与过去任何时候相比，今天都有更多的方式把更多的想法传播给更多的人。即使在集权国家，信息网络也在帮助人 们发现新的事实，向政府更多地问责。 More

由于买的Godaddy主机空间比较大，朋友的空间最近挂了所以想将博客挂到我的空间上，所以需要增加FTP权限，下面我来介绍下如何在Godaddy上增加主机用户，Godaddy主机用户为什么需要在共享托管帐户上新增FTP用户？有以下几个原因致使你考虑在你的共享托管帐户上添加一个新增FTP用户：

• 为你的网站创建管理员或者站长帐户
• 在你的托管账户上提供登陆到子域名的方式
• 允许其他人使用你的托管帐户建立网站

例如，你可能有个朋友需要在线上传一份简历。使用这一特征，你可以轻松为你的朋友创建个FTP用户帐户，在你的网站上建立个他或者她可以登陆、上载文档的目录。这个FTP用户只能登陆到他或她的个人目录，而不是你的托管帐户的所有文档。

多个FTP用户帐户适用于：

1. 所有Linux托管计划
2. 运行IIS 7的Windows托管计划。

我们的所有Linux共享托管帐户及运行IIS 7的Windows托管帐户都允许你创建新增FTP帐户。新增FTP帐户使你创建那些能够在你的托管帐户里的其他目录及子域名上载、管理文档的用户称为可能。这些用户只在他们的目录里有完全读/写权利。
增加FTP用户的操作如下：

• 登陆你的 Account Manager.
• 在My Products 部分选择Hosting Account List.
• 点击你想更改的托管帐户旁边的Open .
• 在Hosting Control Center的Settings 部分点击Manage FTP Users.
• 点击Add FTP User.
• 为新的FTP帐户输入User Name 及Password.

选择此FTP用户使用的Path. 这里即是三种主要选项：

• 输入你想使用的子目录。
• 使用根部水平的目录（登陆到你的所有托管帐户）
• 使用新的FTP用户名创建个新目录。

点击Save.

这样你就增添了一个FTP用户.Godaddy现在功能越做越强大了 顺带发一个优惠码

-----------------------------------------------------------------------------------------------------------------------------------------

这个godaddy的优惠码的条件和大多其优惠码相似

优惠幅度：15%

有效期：1/20/2010之前使用有效。

优惠码： fbhost15