1. 目标导向设计
2. 实现模型和心智模型
3. 新手、专家和中间用户
4. 理解用户：定性研究
5. 用户建模：人物角色和目标
6. 脚本提纲：将目标转换为设计
7. 综合好的设计：原则和模式

• 理解用户的期望、需要、动机和上下文
• 理解业务、技术和行业上的需求及限制
• 将这些所知道的东西转化为对产品的规划，使得产品的形式、内容和行为变得有用、能用、令人向往，并且在经济和技术上可行。

• 用户规划确定客户购买产品的可能性
• 业务规划确定业务开始到发展的可能性——从那以后，销售会支持这种成长
• 技术规划确定了成功制造产品和成功交付的可能性

1. 通用的交互设计原则。如视觉设计中的有关原则，提供了在多种场景中定义合适系统行为的原则。
2. 交互设计模式。对前面已经分析过的不同问题，它给出了通用解决放案（基于场景的不同有所变化），在这个高度上描述了数据和功能性需求之后，按照交互原则，把它们转变为设计原苏，然后再按照模式和原理，又将他们组织为设计草图和行为描述

• 团队结构和协作
• “忘我”的设计
• 合适分配任务
• 软件过程的演变和加强
• 评估和自我评估

• 想象力
• 概念技巧
• 可视化技巧
• 口头表达技巧
• 移情作用能力
• 人际关系能力
• 脑力风暴技巧
• 分析技巧
• 咨询技巧

• 不要伤害
• 改善人类状况
• 保住实现用户目标
• 适应用户能力
• 提供最简单的完整方案
• 提供一致的解决方案
• 合适地刺激认知和情感
• 提供具有商业生存能力和可行的解决方案

• 定义与产品的行为和使用密切相关的产品形式；
• 预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解；
• 探索产品、人和上下文（物质、文化和历史）之间的对话。

• 要形成对人们希望的产品使用方式，以及人们为什么想用这种产品等问题的见解；
• 尊重用户及其目标；
• 对于产品特征与使用属性，要有一个完全的形态，而不能太简单；
• 展望未来，要看到产品可能的样子，它们不一定就像当前这个样子。

• 所有的设计影响人类行为、结构，关于人们使用空间的方式、与形式，和光线有关
• 交互设计师首先应该做的是，理解使用他们设计的人们的目标、动机和期望（即心智模型），这些最好能被理解为“叙述”时间轴上的逻辑或者情感的进度。
• 与这些“叙述”相适应，所设计的产品必须具有他们自己的行为叙述，且这些行为必须成功地与用户的期望吻合

• 研究问题领域
• 理解用户及其需求
• 定义解决问题的框架
• 完善设计细节

中译：http://www.umlchina.com/Chat/cooper.htm
原文：http://wyle.blogdriver.com/wyle/128790.html

2001年12月15日，也就在他那本《The inmates are running the asylum：Why High-Tech products Drive Us Crazy and How to Restore the Sanity》的中译本《软件创新之路–冲破高技术营造的牢笼》(实际上译作《交互设计之路——让高科技产品回归人性》)出版没多久吧。

“交互设计之父”Alan Cooper作客UMLCHINA讨论组的聊天室，畅谈交互设计。Alan Cooper是软件交互设计的先知和传播者，客户咨询公司Cooper Interaction Design的创始人和总裁。他设计了第一个可视化开发工具Visual Basic，他的公司帮助IBM、3M、Ericsson、Sun、Visa…等客户开发了许多具有市场竞争力的产品。

由dewen翻译

fly cat: 大家对您的《软件创新之路–冲破高技术营造的牢笼》这本书有很深的印象，在这本书中你想说的是什么呢？
alancooper: 我尽力想阐明另外一条关于软件如何设计和发展的思路。
extreme: 能告诉我在哪儿能下载这本书的英文版本吗？谢谢！
alancooper: 我想可能没有地方能够下载到该书完整的英文版本，你可以从Amazon.com在线购买一本。
umlchina: Cooper先生，你认为Windows的界面怎样？和Mac比较呢？从交互设计的角度出发！
alancooper: 我认为Windows和Mac的界面是相似的。
umlchina: 相似－－那是好还是坏呢？
alancooper: 在1984年是同样的好，但在2001年，就是同样的过时、灰暗和单调了。
yuminghui: 绝大部分中国大学生仅仅知道简单的VB编程，但是却认为自己是顶尖高手。
alancooper: 在美国也是如此。
yuminghui: 我指的是那些年轻的家伙，包括那些刚开始编程的人。他们在开始时不应该用VB或UML等类型的工具。
alancooper:优秀的程序人员编程不依赖于任何具体的程序设计语言。
boss_ch: 你认为Windows XP的界面怎样？
alancooper: 我认为Windows XP和其他的Windows及Mac是一样的。

extreme: 据说C#将很快取代VB，Cooper你对此怎么看呢？
alancooper: C#看起来象一个很好的语言。
guodd: 顶尖的程序员是否象艺术家？
alancooper: 我不认为编程是一种艺术，我觉得它像一种工艺，就象制陶或吹制玻璃。
fly cat: 你强调了交互设计的重要性，不过在我看来，当一个程序需要人机交互的时候，它是有用的。不过对于有些程序来说…. 例如对于实时监控设备的内嵌系统，还有用吗？你认为呢？
alancooper: 我不认为交互设计对于程序员做任何系统都是有效的，交互设计是针对交互设计师的。
fly cat: 编程是工艺，但是设计是艺术？
alancooper: 设计也是一种工艺。
extreme: Cooper先生，你认为作为一个交互设计师需要什么样的背景或知识基础。
alancooper: 好的交互设计师需要接受交互设计方法的培训。
extreme: 你是说，绘画或者艺术？
alancooper: 艺术意味着在软件设计或规划方面没有规则。

shenqw: 交互设计师需要懂得编程吗？
alancooper: 交互设计师需要懂得什么对于程序设计人员是重要的，但是不需要知道怎样编程。
fly cat: 什么样的工作背景对交互设计师来说是最重要的？技术或市场？
alancooper: “技术和市场”，两者都不需要，交互设计的字义本身就已经说明了它自己。
extreme: 我猜想他可能需要懂得心理学方面的知识，你说呢？
alancooper: 交互设计师必须知道哪些对于心理学家是重要的。
yuminghui: 这样说来老板需要招聘心理学专家参加项目了？
alancooper: 不，正好相反，因为有了交互设计师，所以他们再也不需要心理学专家参加项目了。心理学专家不能设计交互系统。
wrymy: 现在流行的网页设计，例如HTML、XML等，我们发现想找一个界面友好的网站是很困难的，特别是企业网站。Web页面上的控制是非常困难的，特别是当界面很复杂时！
alancooper: “网页的控制非常困难”，千真万确！
shenqw: 但是交互设计师怎样知道他们应当在屏幕上显示什么东西？
alancooper: 这和程序员知道该在编辑器中输入什么样的代码一样！
wrymy: 那么你对于网页的编写有什么建议吗？
alancooper:把所有的交互组件放在一个页面上。

extreme: 如果某人想成为一个交互设计师，他应该怎样做呢？
alancooper: 停止编程。
extreme: 为什么要停止编程？
alancooper: 因为程序员和设计师的目标是有冲突的，你不可能同时做好两件事情。
umlchina: “程序员和设计师之间有冲突”：但是他们在同一个团队中。
alancooper: 不，程序员和设计师的“目标”是有冲突的。
extreme: 看来我没有机会成为一个交互设计师了，因为我是如此地喜欢编程。
alancooper: 如果你如此喜欢编程，为什么你想成为交互设计师？
fly cat: Cooper先生，你能简要描述一下交互设计的实质吗？
alancooper: 让技术为用户服务，而不是让用户服务技术。
extreme: 那么，你认为作为一个程序员或PM应当了解交互设计吗？
alancooper: 好的交互设计师在你采用他们的计划时可以给出令人信服的原因。

umlchina: 一个好的交互设计师一般使用哪些工具？你能介绍一个吗？
alancooper: 我们用定性的现场调查技术，用户建模方法，设计原则，设计模板，许多纸和白色书写板。
extreme: 但是如果作为一个PM对此没有任何了解，我怎样知道那小子将带领我们走向成功呢？
alancooper: 对，你怎样才能知道呢？编程方面的知识能帮助你吗？我认为不能。
extreme: 那么，什么能帮助我？
alancooper: 一个交互设计师。
extreme: 但是我认为现在在中国发现一个好的交互设计师不是很容易。
alancooper: 寻找一个好的交互设计师和寻找一个好的程序员同样的困难，在任何地方都是如此。
wrymy: 我认为extreme的意思说，怎样判定交互设计师设计的好坏呢？
alancooper: 为什么程序员要越过交互设计师来参加判断呢？

hdw1978: 灵感，在绝大多数的案例中，你从哪里得到灵感？
alancooper: 程序员从哪里得到灵感？
umlchina: 有什么好的参考书能告诉我们怎样一步一步来做交互设计？
alancooper: 还没有，但是我们现在正在编一本。
fly cat: 我有一个感觉，Cooper先生是想鼓励我们自己寻找答案，而不是直接告诉我们。
alancooper: 交互设计不是工程类学科。
umlchina: 对于新书的编写你有什么计划吗？
alancooper: 在Cooper有两个高级设计师从事教材编写的工作。
extreme: 我建议Cooper先生做一个中国的培训计划，以便能给我们一些实际的指导。
alancooper: 这是一个好注意。

shenqw: 什么样的人能够成为交互设计师？他们应当有哪些方面的能力？
alancooper: 交互设计师需要具备凭空想象复杂行为的能力，交互设计应当在任何代码编写之前做。交互设计师必须能够在代码被写出来之前，想象它是做什么的。
fly cat: 但是我认为如果交互设计师没有实际的经验的话，他们想建立威信是非常困难的。
alancooper: 确实如此
extreme: 这种凭空想象复杂行为的能力能够训练出来吗？
alancooper: 只有当你生来就是个天才，才不用接受训练。就象如果你生来就是编程天才，就不需要编程能力训练一样。
fly cat: 我感到很困惑。
alancooper: 困惑–这是一个非常好的开始！
fly cat: 然后呢？
alancooper: 然后你得作好准备学习一种非常困难、非常不同的技术。
alancooper: 我不懂一个工程师为什么想做交互设计师？工程师们厌恶交互设计师所做的工作。交互设计师要处理的是人。没有CPU、编程语言、*作系统！
extreme: 我们只是想能更好地和交互设计师沟通。
alancooper: 这真是太好了！

shenqw: 按你的观点，交互设计师必须有一些编程经验吗？
alancooper: 为什么你这样认为呢？
fly cat: 因为如果他没有编程方面的经验，他想让程序员听他的将非常困难。
alancooper: 你的意思是工程师不听从交互设计师的安排？为什么不呢？
hzmajw: 艺术家能从事交互设计师的工作吗？或者办公室助理能从事交互设计工作吗？
alancooper: 交互设计不是艺术。办公助理能写代码吗？交互设计与写代码相比是一个复杂的、老练的、困难的工作。
fly cat: 在交互设计师建立他的威信前，形势是非常困难的。成为一个好的程序员也是建立他的威信和自信的一种方法。
alancooper: 为什么交互设计师要向程序员证明自己？为什么不是程序员向交互设计师证明自己？
fly cat: 但是在实际中，这是现实存在的。
alancooper: 我的工作就是要改变现实。
shenqw: 好，交互设计师不需要编程经验。那他怎样在代码被写出来之前想象它是做什么的呢？
alancooper: 那是交互设计师要做的，如果你不能做到这一点，你就不是一个交互设计师。

developerly: 在你成为一个设计师之前，你做过编码方面的工作吗？
alancooper: 仅仅做了大约15年。
extreme: Whao！仅仅15年！
fly cat: 在我看来，你也需要通过VB之父这种经历来建立你的权威。
alancooper: 我编写了VB的可视化部分的代码。
developerly: 那么你认为你的编码经历对你的设计工作曾有过帮助吗？
alancooper: 在我的公司，我们有40位交互设计师，他们没有一个人写过代码，他们只是将代码要实现的功能形象化。
extreme: 这样的话，你怎样让我相信一个好的设计师不需要了解任何编程方面的东西呢？
alancooper: 许多Cooper’s的设计师从来没有写过一行代码。

umlchina: 有没有交互设计方面的工具？
alancooper: 有，但是没有一个能脱离软件。
alancooper: 你们刚才问我的问题，和六年前加州的程序员们问我的问题差不多。
extreme: 那也是为什么我们要来这里听一些意见的原因。
alancooper: 我真的感激你们的参与和对此的兴趣。

fly cat: 好象一个好的程序员很难成为一个好的交互设计师。
alancooper: 为什么他们想成为交互设计师？
umlchina: 既不是艺术家，也不是程序员，想开发这样一个新的职位是很难的。
alancooper: 对，没错。我们现在已经做到了。
fly cat: 在中国，程序员的发展之路是：编码–>设计–>管理。
alancooper: 我认为这是不正确的。应当是初级程序员–>程序员–>高级程序员；初级设计师–>中级设计师–>高级设计师；初级管理者 –>中级管理者–>高级管理者。程序员通常是一个差的设计师和差的管理者。所有的工作职称都含糊不清和令人困惑。
jazy: 我想你的意思是交互设计师负责表达，程序员负责逻辑，缺少任何一部分都将做不成事情。
alancooper: 你说得对。“缺少任何一部分都将一事无成”：对，对，对！！！！！
hzmajw: 每个人都应当考虑哪种角色最适合他自己。当他有目标时，他将能把他的工作做得很好。
alancooper: 真正喜欢编程，而且确实精于编程的人，应当继续编程，做别的都是浪费。

extreme: 但是有时候老板需要你成为一个PM，那应该怎么办？
alancooper: 那老板应当回去编程。
extreme: 你现在已经成为一个著名的交互设计师了，这是否意味着你不再喜欢编程了？
alancooper: 我喜欢，但是我对它不再有足够的兴趣了。
fly cat: 但是我认为，当我们年轻时，我们喜欢做一些编程方面的工作，去了解一些事情，然后我们有了更多的经验，自然地我们就想做一些设计方面的工作。
alancooper: 这仅仅对有些人来说是对的。
umlchina: 根据你的交互设计观点来看哪一种手机更好？Motolora, Nokia, Ericsson?
alancooper: 我认为他们都是垃圾。
umlchina: 但是…他们都很笨吗？加上microsoft、IBM？他们都是一样的笨？
alancooper: 手机不应该成为一团。为什么我需要将键盘举到我的耳边？为什么作为一个和人交流的工具要有号码？我认为手机应当是隐形的，一个带小型麦克风的听筒放在头部。
extreme: 隐形是什么意思？藏在衣服里？
alancooper: “藏在衣服里？”，这是一个好的开始。
fly cat: 蓝牙？！
alancooper: 蓝牙是一个好的主意，但不是一个非常好的协议。手机最重要的部分是如何控制它，而不是如何通话。为什么手机需要用到我的双手、双眼、一只耳以及我全部的注意力？

品雪: 有很多这样的例子：用户告诉你需要在很短的期限内完成项目，然后给你提出许多不断变化的需求来。这里还能有某种交互设计吗？
alancooper: 这只能说明那里的管理非常差。
品雪: 您对这样的坏环境有什么建议吗
alancooper: 建议，在没有完成软件行为描述文档前，告诉管理者不要让你们开始编码。功能和表达不是一回事。特征和行为不是一回事。
extreme: 你认为我们能怎样将行为文档化？
alancooper: 画图形。
extreme: 用什么工具？photoshop?
alancooper: 用铅笔。我们经常用白板。PowerPoint也挺好的。

extreme: 那么，我们到哪里和怎样发现这样的设计师呢？
alancooper: 他们就在那里。可能不在编程人员中，可能在技术支持，测试，文档编写…等人员中。当交互设计师被压抑如此长的时间之后，寻找他们是非常困难的。
umlchina对品雪说: 我认为交互设计是对产品的，而不是对项目的。
alancooper: 产品和项目，其中的差别是不明显的。对于用户来说，没有一个比设计更重要。

fly cat: 在美国，交互设计师是否已经普及了？
alancooper: 正在不断发展。
umlchina: web将何去何从？HTML作为交互设计并不适合？
alancooper: HTML是垃圾。
fly cat: 在美国推广交互设计遇到的最大困难是什么？
alancooper: 让高级主管相信不需要花费很多金钱和时间，他们的软件可以有重大的变化。
umlchina: 但是它简单。
extreme: 也流行。
alancooper: 所以是犯罪。
extreme: 但是对于在互联网上的信息交流，它做得非常好。
alancooper: 不，完全不是这样。
umlchina: 流行<–>犯罪？
alancooper: HTML<—>犯罪！许多HTML的限制能通过好的设计来弥补，但是很少有程序员能听从设计师的意见。越过HTML的限制也需要大量复杂的代码。

fly cat: 你考虑过在中国推广你的观念吗？仅仅依靠书是不够的。
alancooper: 我现在正在推广它们。回去也请告诉你们的老板！
extreme: 我非常希望能在中国看到你的书的英文版本。
alancooper: 我也想看到我的书在中国销售。
kenxia: 多少钱？我希望它不要太昂贵。
alancooper: 对书我没有办法控制，它由出版商决定。
fly cat: 你能列举几个不是你们公司的好的交互设计师吗？可能他们和你做同样的事，但是不叫交互设计。
alancooper: Rob Haitani设计了Palm Pilot。Ben Schneiderman设计了SmartMoney.com marketmap。

kenxia: 你认为C++怎样？
alancooper: 学习C++和学习弹钢琴一样容易。
umlchina: WEB将走向哪里？既然HTML是垃圾。
alancooper: 更聪明的浏览器。它应当能记住信息，将相关资料写到磁盘上，和服务器交互通信。它应当有更好的交流方式，比如象拖拉、卷动、刷新。
extreme，umlchina: “往磁盘上写信息”安全吗？“聪明的浏览器记录资料”与隐私权相冲突吧？
alancooper: 对，那是需要解决的问题。但是解决起来并不困难。

fly cat: 如果交互设计师做错了一些事情呢？他们在项目中的地位是如此重要，所以很容易毁了所有的事情。
alancooper: 如果程序员做错了一些事情呢？
extreme: 解雇他！
alancooper: 对，专业人员不能犯错误。

smilemac: Alan你好，对于一个项目中有限的时间及好的交互设计之间的冲突你是怎样看的？
alancooper: 为什么有时间限制？谁将时间定得这么短？为什么定得这么短？他缩短时间是为了什么？
joy_wind: 时间就是金钱。
alancooper: 浪费了的时间是金钱。
joy_wind: 老板关心他的钱，我们关心项目。
alancooper: 管理者将时间期限定得短是因为他们不知道程序员在做什么。交互设计师能告诉管理者程序员在做什么。交互设计师能给程序员争取更多的时间。
extreme: 按你书中的观点，管理者必须布置一些事情。
alancooper: 仅仅是因为在程序被做出来之前，他不知道它是什么样子的。
smilemac: 例如市场压力、预算、管理水平等等，这些都可能造成项目时间限制，许多产品是它们之间相互妥协的结果。
alancooper: “…市场压力，预算…”，所有的都是管理者掩饰他对程序不了解的借口。

fly cat: 我认为交互设计关注的焦点是用户的需求而不是设计。
alancooper: 对！！！就象我在前面所说的，交互设计和用户界面设计不是一回事！
extreme: 那么谁负责确定软件将要做什么？交互设计师吗？
alancooper: 交互设计师就是具有能非常好地解答上述问题，以便别人顺利完成任务的人。
extreme: 谁控制过程？交互设计师吗？
alancooper: 过程应该由管理者来控制。
joy_wind: 交互设计师的工作职责是什么？
alancooper: 程序的外观和行为应该由交互设计师控制。技术和编码应当由程序员控制。
kenxia: 控制？通过权力还是通过技巧？
alancooper: 今天程序员通过什么来控制呢？他们好象不需要特定的技能来做设计。
extreme: 这样的话，交互设计师看起来象分析员。
alancooper: 交互设计师的工作之一就是分析。但是“分析”不是设计。
joy_wind: 交互设计师是否更像建筑师？
alancooper: 对，对，对！！！
extreme: 但是一个毫无编程知识的家伙怎样来做分析呢？
alancooper: 那程序员怎样能决定用户想要什么呢？
extreme: 我不是说程序员应当了解需求，我仅仅是想说，一个交互设计师应当了解一些编程知识以便做一些分析工作。
alancooper: 为什么？我觉得你的真正意思是你担心交互设计师将会让你去干一些愚蠢的事情！
extreme: 对，我不认为一个对编程毫无了解的人能做好分析工作。
alancooper: 但是一个好的专业交互设计师不会设计出不能实现的、难以运行的东西。
品雪: 你说的分析主要是关于用户知识领域。
alancooper: 对！

tipsyy: 那么请告诉我，交互设计师在一个项目中负责做什么？他担负什么样的职责？
alancooper: 交互设计师应当负责程序做什么和怎样表达。我们设计项目的第一部分是针对问题域详细研究项目。
smilemac: 交互设计师和项目管理者可以是同一个人吗？
alancooper: 为什么？为什么让一个领域的专家工作于另一个领域？

fly cat: 时间快到了，你们认为结束聊天好吗？
alancooper: 我想我必须走了。很高兴有机会和大家谈话。非常感谢大家！！！！！

• 研究方法：卡片游戏(Card Sorting) - 信息架构、导航设计、分类方法
• 最重要的最先出现
• 考量传达目的、传达意图和基本的业务逻辑设置排序权重
• 根据用户类型做细分（eg，针对价格敏感型用户，按照价格从低往高排序）

• 按照对象的一个或者几个固有属性（或特性）进行分类，提供给用户（多重）过滤器功能
• 记忆用户习惯进行排序
• 用户自定义顺序
• 用户参与评价，提供并建设排序与分类的权重系统（eg，投票，打分，Tag）

• 分页设计（Pagination）
• KTV的插歌（一键到顶部）
• Web中利用AJAX的排序功能（如Picasa的相册整理功能）

• 排行榜
• ……有点没记清除，大家帮我回忆下。。。or2

• cookie记录跟踪
• 数据挖掘
• 产品Tag与用户Tag的个性化对应

• 日期获取(Calendar Picker)
• 密码强度检测(Password Strength meter)
• 等级评定(Star ratings)
• 点击可编辑(Tool Tip Invitation)
• 拖放操作(Drop Invitation)

Calendar Picker

Layout:

By a specific date:

• The default Single month Calendar Widget displays the current month and year.
• Users are able to view only one month at a time. Clicking onto the arrow graphics will show the previous or next month.

Between two dates:

• The Two-month Calendar Widget show two consecutive months at a time.
• Clicking on the arrow graphics shows the next month in the sequence, with the month on the right moving to the left and the next consecutive month occupying the right block.

Interaction:

1. The user is presented a calendar icon as an optional alternative to date selection from the standard date pulldowns.
2. User clicks on the calendar icon and the calendar widget opens below the date form entry fields, so as not to obscure them). The default date selected should be today.
3. The user may select a date from the graphical representation of the calendar by clicking one of the active dates. These may be in the future or the past depending on the scope of the data set or the task at hand. (i.e Selection of a flight when traveling would only show active dates in the future, selection of blog posts available to edit would be in the past.)
4. Clicking on a date in the single month calendar widget, registers that date as an option/constraint for selection and the widget closes.

Selecting a date range in two successive instances of the popup widget:

1. The user is presented a calendar icon as an optional alternative to the first date selection form fields.
2. User clicks on the calendar icon and the calendar widget opens. The default date selected should be today.
3. The user selects a starting date.
4. The user invokes the calendar widget associated with the second date.
5. The system defaults to a date on or subsequent to the first date (not the current date).
6. The user selects an ending date for the range.
7. As each date is selected a highlight or other visual feedback should be indicated to remind the user which date they selected.
8. Once both dates are selected, the system registers the indicated date range as an option/constraint for selection and the widget closes.

Selecting a range of dates in a single instance of the popup widget:

1. The user is presented a calendar icon as an optional alternative to two date selection options from the standard date pulldowns. The default date selected should be today.
2. The user selects a starting date and an ending date to bound a search between two dates. Users are able to view two months at a time. Clicking onto the arrow graphics should display past or future months one month at a time.
3. As each date is selected a highlight or other visual feedback should be indicated to remind the user which date they selected.
4. Once both dates are selected, the system registers the indicated date range as an option/constraint for selection and the widget closes.

Notes:

• Hovering over the calendar icon should change the mouse pointer to a hand symbol.
• An affordance for "Go to Today" assists the user when the today's date is not the default.
• In some contexts (such as when booking travel or tracking events in the future) the calendar picker should offer a way to scroll forward and back by year.
• Default date and month should nearly always be the current month. When choosing a second date in a range from a second individual calendar picker (as with most travel website interfaces), the second calendar widget should default to the date selected with the first widget (as opposed to suggesting the current date).
• Display complete weeks, even at the beginning and ends of months. The visible dates from the previous and next months should appear duller or gray but they should also be selectable.
• Moving between days, months, etc. in a calendar picker is fairly intuitive for most users, though care needs to be taken not to have targets that are too small or that move (e.g., when the length of the month name is longer/shorter).

• The calendar widget provides a familiar graphical interface to users who may find it easier to select a date or multiple dates using a familiar metaphor over harder to use interface elements like drop downs and entry fields.
• Additionally, use of the widget guarantees date and spelling accuracies (as long as the code is correct) and cuts down on user entry error.

Password Strength Meter

Problem summary

You want to make sure your user's passwords a sufficiently strong in order to prevent malicious attacks

Example

Usage

• Use when you want your users to choose passwords for their user accounts that are hard to break or guess by either human or computerized help.
• Use when you want to higher the entry barriers for hackers to get started tampering with your system.
• Use when you want to be sure that your users know what a good password is and that their chosen password follows such guidelines.

Solution

The currently entered password in the password field is measured on an often horizontal scale from none to max security. If the password is weak then only a small portion of the horizontal bar is highlighted, and oppositely if the password is strong then a larger portion of the horizontal bar is highlighted.

The password strength is also appropriately indicated by coloring the bar in a color associative with good or bad: Green indicating a strong password and red indicating a weak password.

How strong a password?

The definition of a strong password can be intensely argued. A forced complex password at first glance only spells increased security, but forcing too complex and rigid rules on the complexity of a chosen password can have the opposite effect. As passwords are forced to be complex, they also become increasingly harder to remember by the user. This occasionally leads to a self-destruction of the increased security, as some users in order to remember their new complex password simply write it down on a small sticky note and paste it up on their screen. This is especially a problem in places with the policy of forced password renewal every 3 months.

What is a strong password?

With the above mentioned in mind, I should stress that a sufficiently strong password does not necessarily need to fulfill all of the rules below, but merely a few will do. Consider the following rules to each add an extra point in how strong the password is (so that 0 point is the weakest, and 5 is the strongest). A password is strong if it:

• Has more than 8 characters
• Contains both small and uppercase letters
• Contains at least one numerical character
• Contains special characters
• Has more than 12 characters

This would result in 6 levels of password strength depending on how many of the above mentioned criteria are being met.

Dictionary attacks

While the above mentioned password check can easily be done using only client-side javascript, it does not prevent against dictionary attacks. To ease the memorization of passwords, people tend to use real words as passwords and merely substitute characters with numbers or special characters. An example of such a password could be “P@ssw0rd”, which really isn’t a strong password. Modern password breaking software is fairly good at guessing such number/letter substitutions. To check against such strength, you would need to do ajax calls that would check with your own dictionary if the password was strong or not.

Choosing an appropriate level of password strength

You need to choose how strong a password is needed for what you want to protect. You need to draw the line somewhere. For 99% of the content out there it can easily be argued that merely the first 2 or 3 of the first mentioned rules will be sufficient.

General guidelines on choosing a password

• Use a password of a seemingly random selection of letters and numbers
• Use a password that you can type without you having to look at the keyboard (decreases possibility of people stealing your password)
• Change your password regularly
• Do not use your network ID in any form (capitalized, reversed, doubled, etc.)
• Do not use your first, middle or last name or anyone else’s in any form.
• Do not use your initials or any nicknames you or somebody else might have.
• Do not use a word contained in any dictionary (English or foreign), spelling list, abbreviation list, etc.
• Do not use information that people can easily obtain about you (license plate, pet name, date of birth, telephone numbers)
• Do not use password of all alphabetical characters or only numeric characters – mix them up.
• Do not use keyboard sequences (for instance qwerty or asdf)

Rationale

By showing a password strength meter beside the password field, the user is forced to consider using a password with an appropriate strength. By putting a minimum level of password strength you can even use the password strength meter to force a heightened security to your website.

Tool Tip Invitation

• Provide a tool tip when the mouse is over the target area that calls the user to action.
• Show the tooltip within a very short amount of time (< .25 second) or immediately when the mouse hovers over the interaction area.
• Keep the tooltip visible the whole time the user has the mouse over the interaction area.
• Remove the tooltip when the mouse leaves the interaction area.
• Provide a short phrase that calls the user to action.
• Use verbal phrases like 'Click to Edit'.

For more information, see the rationale for Invitation patterns.

• See the general discussion about accessibility for Invitation patterns.

Drop Invitation

• Use visual style to indicate that an area is available for dropping the object.
• The visual style should be different than Drop Allowed/Drop Disallowed which cues the user the drop will happen here. One example is to lightly highlight for Drop Invitation and brightly highlight for Drop Allowed/Drop Disallowe.

If multiple choices are available or if the object can be dropped into a collection that may be rejected based on the object's state then a Drop Invitation guides the user and prevents errors.

For more information, see the rationale for Invitation patterns.

• When highlighting Drag and Drop destinations, pick colors carefully avoiding strange color combinations and/or lack of contrast. Good contrasting color combinations can help those with limited sight to find targets much easier. Possibly allow users to configure their own selection of colors for future use.
• See the general discussion about accessibility for Invitation patterns.

 1月21-22日

先从第一点入手：饮水机使用行为及心理特点研究

　　由于放假在家的原因，没办法观察校园内饮水机使用状况，还好自己有使用经验，之前也有留意，凭记忆还是可以记得大部分情况。

　　我想到利用互联网进行调查，以博客搜索的方式来收集人们使用饮水机的体验。果然，大家的网志中只要提到饮水机，除了极少部分是说饮水机好用的情况外，绝大部分都是在发牢骚，饮水机使用过程中出现的种种问题都从网志中反映出来了。

　　阅读了500篇网志，记录用户使用饮水机过程中遇到的挫折。结合校园内饮水机使用状况，整理总结为以下8点：

1 ．水龙头与水槽间距——普通饮水机水龙头与水槽间距较小，适合使用一次性纸杯，不适合学生常用水壶的高度。

2．水龙头与人身高关系的人体工学——普通饮水机水龙头普遍偏低，不适合大学生（广东）平均身高

3．水龙头打开方式——安全、方便、卫生、耐用

4．冷热水出水问题——校内饮水机大多只供冷水，每层楼有一个热水的饮水机

5．配件材质——经济耐用安全

6．水桶容量／重量问题

7．水槽容量问题——适当改进水槽设计，可有效保持饮水机附近的卫生

8．售后服务

1月23-25日

相关产品调查

一、假设自己是学校采购部的员工，为学校饮水机采购挑选几款饮水机。

沁园 QY01-1B(2) 参考价格：168 元 放置方式：立式 类型：单热型 类型：单热型 耗电量：1.1度/24小时

奇迪 YR-5-V118XW 参考价格：195 元 放置方式：立式 类型：温热型 额定制热功率：500W 外形尺寸：335*345*880mm

康宝 KBLR-16 参考价格：198 元 放置方式：立式 类型：温热型 额定总功率：550W 外形尺寸：950*280*310mm

二、国外相关产品调查

Tower Water Dispenser

据说国外不用饮水机，所以中国的饮水机设计就没得借鉴了。

这台国外设计的饮水机，多少给我们一点启发。

Krups

线条完美得美得说，细细品味吧。

LG ARTCOOL空调

“一个东西的本质美是不是存在于那些普遍形式下？”

Cylindrical coffee maker（MUJI）

超简洁的设计语言，却有着独特非凡的气质，这就是MUJI的产品。

“设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力。”——原研哉

第一章 设计到底是什么？

　　“随着科学技术的发展…高科技成为世界主导的力量…科技、经济快步向前，人们却来不及形成新的审美意识。在这种情形之下，我们与其裹挟其中，一同向前，倒不如停下来，倾听这个世界的哀声。我们的审美观到底出了什么问题？”

　　开篇第一段就引起了我们的深思。“时代向前发展，并不一定就代表文明的进步。我们的立足之处，是过去与未来的夹缝之间。创造力的获得，并不是一定要站在时代的前端。如果能够把眼光放得足够长远，在我们的身后，或许也一样隐藏着创造的源泉。”

　　接下来，老师阐述了设计概念的产生到今天的演变过程。从工业革命对传统手工业的颠覆，到包豪斯开创的“现代主义”，“流线型”的产生及影响，以及后来衍伸出的“后现代主义”，还提到了二战结束后日本设计的发展。关于近代设计史，我在大学课程中学过两次，但只有原研哉老师的文章让我把这百多年来的历史在脑子里有逻辑地联系起来。

　　“我们都很清楚，在面对历史的时候，如果不把眼睛眯起来，慢慢眺望，就容易在某一个局部中迷失，失去看到整体的机会，更谈不上抓住它的本质了。” 

对目前我们所处信息时代的“电脑技术设计”，老师也提出自己的观点。 

　　“有理论认为，电脑技术带来的变革将导致一场深刻的产业革命。电脑技术能带来的财富是如此诱人，每个人都想比别人领先一步得到。这种急迫反倒使人们只顾赶路，来不及细细品味电脑技术丰富的内涵。这样匆忙，难免脚步踉跄。我们身处的世界，就这样变得不安定起来。”

　　虽然老师认为对技术进步提出批评似乎是一件不合时宜的事，但老师还是坚持认为电脑不是道具，而是素材，设计不应充当把电脑技术带来的‘新奇果实’介绍给社会的角色，而应始终将设计赋予内容，以形式作为理性的指针。其实在我们熟悉的日常生活中也蕴含着无数设计的可能，并不仅仅是制造出新奇的东西才算创造。

　　“在混乱的状况中，只有脚踏实地地观察和积累才能寻找到真正值得信赖的方向…我们不需要依赖“新”的东西，而应该对面前的情况进行冷静分析。”

　　之后老师讲了信息设计的思维方法，用心审视信息的复杂性和深度，通过设计让信息传达以不仅仅是强烈视觉冲击的方式，而是慢慢渗透到五官的感觉中。这种设计方法从另一个角度阐明了我之前的一篇文章《你的设计散发着什么味道》中提到的“形神合一”的设计理念。

第二章 RE-DESIGN——二十一世纪的日常用品再设计

　　“什么叫‘RE-DESIGN’？简单来说，就是再次设计。其内在追求与回到原点，重新审视我们周围的设计，以最为平易近人的方式，来探索设计的本质。”

　　之后老师提到了他于2004年4月策划的“RE-DESIGN——二十一世纪的日常用品再设计”展，并介绍了其中部分作品。

第三章 信息建筑的思维方式

　　老师通过剖析自己的一些设计案例，详细说明了关于“五感”——视觉、听觉、触觉、嗅觉、味觉的设计方法。这部分非常精彩，值得细细品味。

第四章 无中生有

　　这里介绍了原研哉老师与深泽直人老师共同接手的品牌“MUJI无印良品”——品牌的起源、使命，老师们接手后赋予它更深层的品牌理念。基于这种理念下MUJI产品的特色以及其平面广告的表现手法。最精彩的就是本文顶部那张“地平线”的广告——拍摄于南美洲玻利维亚中部的鸟犹尼市——位于安第斯山脉的中部，海拔三千七百米——一条象征“虚无”（Emptiness）概念的“地平线”。

　　“以地平线的形式大造出一个巨大的容器。地平线之上空无一物，但又蕴含所有。因为从地平线出发，可以看到天地间所有的景象，人与地球的关系也得到了一个趋于极致的体现。”

第五章 对消费欲望的引导

　　“‘小处着手，大处着眼’是我经常拿来提醒自己的一句话。我并不想用领先半步的立场来观察周遭的世界。我想做的是在一个可以俯瞰过去、现在与未来的视点上来思考问题。正是因为有一个承载着众多文化积累的过去，未来才得以成立”

　　第五章里老师提出“设计该朝着哪个方向发展”的问题，然后展开分析。由于企业价值观的演变——从创业伊始对制造出优秀产品的追求，到如今对经济效益的狂热追求，在开发商品、市场营销和设计上就要做到精准的市场调研。然后提到对消费欲望的引导的问题以及相关基础教育的建议——“我们应该在适应市场的同时，用心推动消费者的审美意识，争取实现一个具有引导性的设计。”

第六章　在日本的我　＆　第七章　有过这样的世界博览会吗？

　　不难看出这两章中原研哉老师对“无”的探究与佛教“空性”的理论有许多相似之处。第七章老师在构想05年世界博览会的提案中主张“自然的睿智”的思想与中国“天人合一”的哲学不谋而合。自古以来，无论中国还是日本，都有运用这种哲学思想的传统。老师认为自己并不反对全球化，也认为在世界交流日益频繁的今天，特意强调个别文化的独特性是没有意义的。“然而作为一名设计师，自觉意识到本国文化中的特质是有意义的。”出生在日本的原研哉老师说：“我愿意用心凝视我们脚下的这块土地。每当我来别的国家，就会更加关注日本，对自己无法完全呈现日本文化感到着急。或许因为有这样一个想法，我开始有意识地从事一些传达日本之美的工作。”以上或许就是老师做设计的缘起和发心，以及设计思想精髓所在。

第八章　设计领域的再配置

　　2003年10月在日本名古屋召开的“世界平面设计师大会”，设计师们一起探讨对设计的未来发展形态和思想勾勒出一个大致的框架，以及如何在会议结束后贯彻其所提出的概念。对于今天的“设计”为什么容易停留在表面上的问题，老师提出了“设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力”的观点。

　　如平面设计师，一提到平面设计师，人们就会想到海报设计、商标设计这些工作。而实际上设计师并不是一个功能单一的职业。在媒体多元化，信息量大传播速度大的今天，设计师索要对应的问题越来越多。传媒是什么？信息是什么？设计的职能是什么？这些问题都应该得到自己的答案，否则设计的内涵在变化的社会环境中会日愈稀薄。

　　最后提到了信息设计，以及在思考信息设计时，可以从“生命之美”那里得到弥足珍贵的启示。世界平面设计师大会的主题是“信息之美”。

　　原研哉老师想邀请那些对设计有兴趣，在设计入口观望的人一起来阅读这本书。如他所愿，每个读过本书的读者，都能从不同层面得到收获。比如，我从工业产品设计的角度去理解老师的文字，千鸟前辈的读后感《信息之美》，从互联网产品设计的角度获得了信息设计方面的启示。个人观点或理论上升到一定的高度，放到很多地方都能受用，“道可道，非常道”基本上就是这个意思。

1月17日-18日

开始前期调查、资料收集和研究工作

在网上收集了饮水设施相关的图文资料，对其概况、结构功能原理有了初步的了解。

按计划本应更深入地调查饮水设施的相关信息，但随着对“Re-Design”理念理解的深入，我决定先放缓脚步，重新思考“到底什么是设计”。

1月19日前后

前阵子终于邮购到了原研哉老师的《设计中的设计》一书。抽空看完了前两章。

第一章——设计到底是什么。

老师从自己的角度出发，阐述从工业革命开始至今设计的产生和发展，从传统的手工业到工业时代以包豪斯为代表的现代主义，以及后来衍伸出的“后现代主义”……近代设计史我们在“设计概论”、“设计思潮剖析”课程中都有学过，但只有原研哉老师的文章能让我把这一百多年来的历史有逻辑有侧重地串习起来。站在历史的长河上审视自己，才知道自己是多么渺小和轻浮。

第二章——RE-DESIGN——二十一世纪的日用品再设计。

　　“什么叫"RE-DESIGN"?简单来说，就是再次设计。其内在追求在于回到原点，重新审视我们周围的设计，以最平易近人的方式，来探索设计的本质。从无到有，当然是创造；但将已知的事物陌生化，更是一种创造”

　　“新技术的革新给生活带来了根本性的影响和变化，同时，我们必须清楚的知道的是：新技术虽然给我们的生活带来许多新的可能性，但它改变的毕竟只是环境，而不是创造本身。”

读到这里，我决定先抛开传统饮水设施已有形式对设计的束缚，回到原点思考“人——水”的关系，以及由此延伸出来的相关信息。真正围绕“人饮水的行为习惯及心理特点”进行研究。在此基础下再整合各个设计学科领域进行设计的创新探索。

《设计中的设计》确实是一本非常不错的书，精读完后我一定要认真写一篇读书心得。

1月11日

初拟命题：生态可视化设计の宿舍用电情况可视化仪器

与黄伟老师探讨选题。

老师认为我的选题属于产品设计范围内的软体设计，与我们在学校所学的“硬体”设计有别。老师认为，毕业设计的根本任务是以设计为平台，全面总结大学期间的学习成果、充分发挥已有的专业水平，以尽量完善的设计方案表现综合素养、专业素质及专业技能，并在此基础上实现新的升华。

老师希望我能再考虑一下这个选题。

1月12日-1月13日

迷茫

目光跳得太远，脚步还来不及跟上，却也忘了自己所处的位置。

回到原点，思考设计的本质——以人为本。

于是我用了两天时间，走进身边的公共场所，寻找素材。

1月14日

尘埃落定

终于在13号晚上想起自己在07年上半年“产品设计方法论”的课程上提出的课题——公共饮水设施设计。当时课间打水总是排着长队，校园内的饮水机并不适合多人同时打水，且在制水系统和人体工学等方面存在诸多问题。当时该课的任课老师黄伟老师表示对这个课题非常感兴趣，后因课程内容调整，这个项目并没有做起来。

14号早上赶紧把开题报告拟好，下午与老师碰面。老师再次对这个课题表示感兴趣，认为现有产品确实存在很多问题，这个课题有很大的发展空间。老师给了我提供了很多相关信息，建议我以“对学生课间打水现象进行研究，分析他们的行为习惯及心理特点，发现存在的问题及潜在需求”为重点展开毕业设计。