4/08/2009
放假
"五一"国际劳动节放假安排：5月1日－3日放假，共3天。其中，5月1日为法定节假日，5月2日（星期六），5月3日（星期日）照常公休。
端午节放假安排：5月28日－30日放假，共3天。其中：5月30日（星期六）照常公休，5月27日（农历五月初五，端午节）为法定节假日，5月31日（星期日）公休日调至2月29日（星期五）。
国庆节、中秋节放假安排：10月1日－8日放假8天。其中，10月1日至3日为会定节假日，10月3日（农历八月十五，中秋节）为法定节假日，10月 4日（星期日）为公休日；10月3日（星期六）公休日及法定假日调至10月5日（星期一）和10月6日（星期二），10月10日（星期六）、10月11日 （星期日）调至10月7日（星期三）和10月8日（星期四），10月9日上班。
3/23/2009
产品需求应包含哪些内容？
2 目标（可度量、可验证、避免空泛的口号）
3 功能描述/结构/需求
4 应用范围（中文版、英文版、地区频道）
5 应用对象（免费会员、金、银）
6 业务用例
7 根据业务用例中的每一步进行说明（限制？约束？要求？）
8 业务规则
3/05/2009
通向完美作品网站十步骤
通向完美作品网站十步骤
原文：10 Steps To The Perfect Portfolio Website
作者：Lee Munroe
译者：October
校对：toMMy
出于多种原因，你也许拥有个人作品网站。自由作家需要展示作品，方便人们与其取得联系。学生（或待业者）的作品网站可以向未来的雇主证明优势所在，以获得工作。工作室成员使用作品网站记录设计历程，向人们展示作品，树立在线形象。
良好个人作品网站的组成元素
LOGO不一定要是你的名字，但如果要在线推销自己，把名字做成LOGO是个好主意。LOGO应始终链接到网站首页。这是网上惯例。
Mohit goes by the alias of CSS Jockey.
Jason Reed uses a signature-style logo of his name.
用户一旦认识到网站拥有者是谁，他们会希望了解你是做什么的。可以用标语来说明。标语应当简洁，总结你是做什么的。
撰写标语时，问问自己：
- 你的职业是什么？设计师？作家？开发人员？
- 你是做什么的？设计网站？开发游戏？
- 你来自哪里？国家？城市？
- 你是自由作家或者为工作室服务？还是正在找工作？
Sarah Longnecker makes it clear that she puts together videos and is good at it.
3. 作品
根据工作性质，作品应当包括大尺寸高质量图片，便于用户查看。始终包括你做过的网站最新版本的链接，把屏幕截图指向最新版本（也是网上惯例）。每个项目都要有简短叙述，叙述要包括需完成项目的不同技巧。
获得客户表扬是个好主意。访问者也许还会对项目发展阶段、如何到达最终结果感兴趣。
Leigh Taylor displays nice clear screenshots of previous work and indicates what software was used during development.
4 服务
标语总结了你是做什么的，还需详细介绍自己提供的服务。别期望潜在客户会根据作品猜测你是做什么的，你也不会想让客户猜测你是否提供某项特定服务。
明确表述，并分别叙述这些服务：网站设计，开发，视频，文案，品牌等。你也许希望表述得更具体一些：公司品牌，教堂网站设计， Flash横幅广告等等。
Chris Spooner clearly indicates the services he offers for both print and Web.
5 关于我
若你不害怕照相，就放张照片。潜在客户看到交易对象的照片，会感觉安心，增强彼此信任。
别害怕在网站上炫耀获得的奖项和表彰。要让人们了解你擅长你所从事的事情。
Chikezie Ejiasi shows us a photo of himself and even lets us know how to pronounce his name.
6 联系方式
联系方式是作品网站最重要的元素之一，但常被隐藏甚至被忽视。潜在客户浏览你的网站，被你的作品深深打动，对你有了一定了解。现在，他想雇佣你。
联系信息应当明显并且易于获取，别藏在页脚处。让人们知道他们可以联系你，进行报价或聊天。采用表单，便于人们与你取得联系（客户不用记下你的邮箱，再打开邮箱程序发邮）。采用表单还可询问一些特殊信息，比如姓名、邮箱、网址、报价详情。
Stuart Johnston offers clear contact details throughout his website but also provides an easy-to-use contact form.
7 部落格
部落格一直很棒。写写专业领域，说说讨论的事情。它能帮助你提升，并更新网站。
让人们用RSS订阅关注你，向新读者展示最热门文章。
确保人们可以评论。别让用户注册了才能发表评论，也别用使用验证码，验证码只会对阻碍用户评论。有许多反垃圾插件可用，它们并不需要用户做额外的事。
Chris Wallace uses his blog about Web design-related topics to help out other people in the industry and to engage in discussion.
8 行动号召
问问你自己，你想从个人作品网站得到什么？想被聘用？想吸引更多读者？也许你只想让人们知道你是谁。
每页都应当有一个行为号召，即“下一步”。最佳方法是采用明确、突出的行为号召按钮，将其链接到博客、作品、或联系页面，并使用恰当语言表述（比如：“雇佣我”、“报价”、“查看作品”）。
Matthew Brown’s call to action is a contrasting button that stands out from the rest of the website.
9 用活社交网站
人们对你和你的工作产生了兴趣，是时候鼓励他们在其他网站上关注你了。清楚表明他们可以在Twitter、Facebook、Flicker、LinkedIn等社交网站上关注你。最大限度用活社交网络，需要的话集结一帮朋友。1
Sam Brown offers clear links to other websites he uses, allowing us to stalk him.
10 语言和沟通
如何展现自己很重要。记住，个人作品网站就要个性化。它不是冷冰冰的公司品牌。友好、个性化，但同时也应保持清晰和周密；别瞎扯。一旦为自己的网站写文章，写完后再读一读，看看能不能精简一些。
Marius Roosendaal uses a relaxed and friendly tone on his website.
其他诀窍：
- 让人们知道你从哪里来。人们总是想知道这点，有些客户喜欢与在相同或者相邻时区的人一起共事。
- 验证很重要，尤其对网页设计师来说。如果要为客户建立专业网站，那么你自己网站上的代码至少应当有效。
- 使用图片链接，而不仅仅是文字链接。大多数人更愿意点击图片链接，希望能指向其他地方。
- 如果没有任何前任客户，那就创建个WordPres主题，设计套图标，建立个Twitter聚合等。可能性有很多，有项目展示作品和没有项目展示完全不同。
3/03/2009
关于搜索无结果提示的调查
主要针对搜索无结果时，大家更加倾向哪种提示信息。
列出的提示信息主要来源于Google、Baidu、Yahoo、Amazon等站，分别有：
目前票数比叫多的是第一项。根据小二的看法，由于心理模型的作用，基本上后几项都不会得到太多关注，选的人自然也比较少。
问卷地址：http://spreadsheets.google.com/viewform?formkey=cHhDT3o5eURoLVBZd1dUeDhKdmViVmc6MA..
2/12/2009
2/10/2009
2/09/2009
用户体验需要知道的事
2/07/2009
Lie to me
当陷入回忆时，人们会终止眼神交流，表明说的是真话。当说谎的时候会经常做更多的眼神交流。
摩挲自己的手，是一种自我安慰的表现。当你不相信你自己所说的话，这样使自己安心。
本名：Timothy Simon Smith
出生地：伦敦，英国
生日：1961年5月14日
身高：5英尺7英寸（约170cm）
头发颜色：黄色
眼睛颜色：绿色
父：Ernie（已故）记者
母: Anne 画家/教师
姐：Jill 记者
前女友: Lori Baker(?-1988) 英
妻子: Nikki Butler（1993.1-） 美 服装/珠宝设计师
子：Jack Earnest 1984 (与Lori Baker)
Timothy Hunter 1995.5.4(与Nikki Butler)
Micheal Cormac 1997.1.5(与Nikki Butler)
爱好：抽烟，喝酒，看书，shooting pool（一种类似台球的赌博活动，但Tim说他"只赌啤酒"）
现住地：美国加州帕萨迪纳市
2/03/2009
2/01/2009
良好用户界面设计的12种技巧
良好用户界面设计的12技巧
原文：12 Useful Techniques For Good User Interface Design
翻译：October
校对：Yummy
1 突出重要改动
系统状态可视化是良好用户界面的关键要素之一。用户应当即时了解发生了什么，行为是否导致了预期结果。为了达到更高级的系统可视化，现在网络应用程序都采用AJAX。用户可以随时更新网页的一部分，而不用刷新整个网页。AJAX给网络应用程序带来的反应速度和互动性接近桌面程序级别。
AJAX的动态属性也意味着，点击提交按钮，页面虽然不会刷新，但的确有事情发生了。大多数网站还没有广泛采用AJAX，所以有些用户会困惑页面到底有无发生变化，还是自己没有正确点击按钮。为每个交互提供视觉反馈可以解决该问题。
动画可以很好的产生视觉反馈。人眼会很容易注意到移动，尤其当页面其他部分处于静止状态。比如，购物篮增加新物品，高亮动画会引起用户关注增加的物品，用户了解操作已生效。可以用JavaScript实现动画效果。要注意过犹不及，过度使用动画会引起界面冲突，因为播放动画会导致用户操作速度变慢。
2 允许使用键盘快捷方式
现代网络应用程序的高级特性不断逼近桌面软件，开发者努力为用户提供反应更快、互动性更强的用户界面。一种方法就是集成键盘快捷方式或者导航。这小小的技术会显著改善用户工作流程，用户能更容易完成任务，正如某些经典应用软件一样。
实际上，很多网络应用已经采用了快捷键（比如Google Spreadsheets, MobileMe等），甚至一些普通网站的基本导航也允许用户使用快捷键，比如Ffffound和Boston.com。Ffffound允许用户使用快捷键v进行略缩图浏览和列表浏览切换，h键回到页首，k键回到上一张图片，j键转到下一张图片。Boston.com也采用k和j键达到同样功能。
值得指出的是，快捷键应当直观明了，无须额外说明。比如，下一步、上一步的快捷键在键盘上相隔太远则没有意义，两个快捷键在键盘上应当靠在一起。因为如果错误跳到不想访问的页面，用户可以快速返回，而无需在键盘上寻找上一页的快捷键。“J/K”组合是一种方法。
最好使用大多数网站通用的快捷键，但目前尚未发现通用快捷键。
确保有快捷键可供使用，通过快捷键可以更加有效完成任务。
3 允许用户在帐号页进行升级
若提供多级别服务，确保移除任何会干扰客户升级的界面混乱之处。多数用户倾向于首先尝试基本服务，了解内容和运作。一旦确定符合期望值，他们会考虑升级到高级服务。设计师应保证升级过程尽可能简单明了。
实际上，许多网络应用将升级选项放在账户页面上，便于用户访问。这种设计的好处在于用户能马上看到所有服务级别、支持功能。
注意：不要仅列出可选择的服务级别，还应说明当前使用服务级别和级别特征。
应当明确告诉用户升级后会得到什么好处。（参考Pricing Tables: Examples and Best Practices一文。）
4 宣传服务特色
即使有详细市场营销页面，列出所有特色和帮助信息，用户还是会完全忽视。他们很可能不熟悉产品的所有特色，只能从产品内的一点提示获得帮助。
宣传服务特色。一般可利用边栏（Sidebar）进行宣传，不会影响主要功能的使用。若用户所选服务级别使用接近饱和，告诉他们，并提供迅速升级选项。
5 使用颜色区别列表项目
一些应用程序会聚合不同类型内容。比如，项目管理工具在首页显示所有最近信息、任务和文档。如果这些项目在列表中一起出现，会很难辨识。因此许多应用工具采用颜色帮助用户从视觉上区分不同类型项目。一个简单办法是在有色框内防止文本标签，列表容易扫读。
不要用不同颜色标示同类任务，也不要用相似颜色标示完全不同的任务。颜色不应随机显示，但应暗示表示不同颜色标签的含义。
6. 选项个性化
许多应用工具为个人或企业提供个性工作空间。个性化可以让用户感觉更自在。比如提供选项允许用户自定义工具界面外观和风格，让用户选择颜色基调、链接颜色，背景等。即使定制内容很少，用户也能创建自己的网页。
Campaign Monitor允许用户为自己的帐号选择色彩基调，上传商业LOGO，帮助企业将品牌色彩注入正在使用的网络应用工具。
个性化无疑是绑定客户最简单、最有效的方式。但要注意，个性化选择不应当牺牲应用工具的核心功能。无论用户如何定制，系统应当始终能够执行功能以满足用户期望。
根据用户是新手或者高级用户提供不同层次的定制服务，是折中网站核心功能和用户界面的有效方法。应当允许用户将帐号恢复到默认状态或上次设置。
7. 帮助信息吸引注意力
每个网络应用工具都不一样，都有自己的工作方式。如果某个特定元素的功能不够直观，可以提供简短信息，帮助人们使用。如果用户不确定该做什么，帮助信息应引人注目。一种方式是使用颜色引起注意——比如在边栏（sidebar）放一个黄色即时贴形式的帮助信息。
Goplan把帮助信息放在像即时贴一样的亮黄色色块中。颜色明亮，确保用户会注意到。
8. 慎重设计反馈消息
用颜色区分不同的提示消息。通常用绿色提醒用户操作成功，用黄色警示或提醒用户出错。也可以用黄色标示警示信息，用红色标示报错信息。
Mailchimp有效使用颜色表示报错信息。
为每种提示消息配以独特图标，无须用户阅读，即可直接传达含义。比如
勾号可表示操作成功。三角形里的感叹号代表警示。用户会立刻知道到消息传达的含义并引起注意。
如果提示信息会在页面上停留一段时间，应当提供关闭消息的方法。
9. 使用tab导航
许多网络应用工具的主导航菜单采用tab形式。Tab不仅美观，在可用性方面大有益处。
Freckle在时间输入菜单子导航中使用tab导航。
若将菜单做成tab形式，几乎每个人都能理解它是什么，如何运作，因为视觉隐喻强烈、明确。当前页或部分也易于浏览。用户知道菜单在哪里，如何操作它们。
10. 加深模态窗口下的背景
有些应用工具中，你希望只显示一小部分信息或者快速输入框，而不用占用整页。有些开发者把这种消息放在模态窗口中。模态窗口指从当前页面跳出的小窗口，用户需要与之互动，从而继续。
为了更加突出模态窗口，可以加深窗口下面的内容。背景颜色较深，可以屏蔽内容噪音，模态窗口成为关注中心。这类似于窗口周围使用阴影效果，但在引导注意力上更强大。背景颜色较深，同时暗示了窗口下面的内容不可操作，用户应和当前窗口发生互动。
11. 光箱（lightboxes）和幻灯(Slideshows)
一些应用工具包括用户会浏览的大量图片。对用户或者服务器而言，逐页展示每张图片不是最有效的方式。访问者需要前后页切换，而服务器要承担本可避免的额外访问负载。
此时可使用光箱和幻灯。无须载入新页面，光箱和幻灯即可显示图片。例如，光箱方式以模态窗口在当前页面上方放大图片，背景加深，用户将注意力集中到图片。噪音干扰降低，提升视觉体验。
12.注册表单简短
注册表单是我们与潜在客户之间的最大障碍之一。表单越长，用户成为网站会员或收费用户付出的努力越多。要减少障碍，必须加快注册进程。去除选填项，只留下注册所需核心要素。选填项可以在用户成为会员后再补充。
结论
Steve Jobs说过：“设计不仅是视觉和感知，更是如何运作。”（Design is not just what it looks like and feels like. Design is how it works）实际上，如何执行功能，并便于用户使用决定了网络应用工具的可用性和整体效益。
Ugly Betty面临被砍危机
最近迷恋上Ugly Betty，非常不错的一部美剧，可惜近日ABC公布从3月26日开始《丑女贝蒂》将停播，估计会在6月回归。
虽然面临被砍危机，但对于努力且上进的小孩（固执得紧），大家总是不吝啬掌声和喜欢的心情的。
Betty加油！
1/23/2009
1/22/2009
1/21/2009
Interacting like this
RE: 邮件发布疑问
结论已出：
Windows Live会显示图片，Google Blogger显示小叉叉。
差距～～
From:
Sent:
To:
Subject: 邮件发布疑问
通过邮件发布文章时，如何处理邮件中的图片？
自动发布到服务相关的相册中？直接显示社会主义的小红叉？
以此篇做测试。
1/20/2009
雅虎关系的标语为何雷人至此……
1/19/2009
google blogger
这段时间在项目开发过程中遇到的问题
1/18/2009
藤原いくろう
比如藤原いくろう的专辑。
雅燃曾经一度可以下载过，但链接早已年久失修。庆幸的是尚能从藤原いくろうのTenderness听到一些曲子。
下载不到，就只有购买，基本上都是3000日元一张，以下是历年的一些CD：
藤原いくろう/ｍａｃｈｉ「町」1:Ｐｒｏｍｅｎａｄｅ１
2:”明日 Ｔｏｍｏｒｒｏｗ”ｗｉｔｈ Ｏｒｃｈｅｓｔｒａ ｆｒｏｍ Ｎａｇａｓａｋｉ
3:”憂鬱な林檎 Ｇｌｏｏｍｙ Ａｐｐｌｅ”ｆｒｏｍ Ｎｅｗ Ｙｏｒｋ
4:Ｐｒｏｍｅｎａｄｅ２
5:”黒い瞳の Ａｓｉａｎ ｇｉｒｌ”ｗｉｔｈ Ｃｅｌｌｏ
6:”Ｄｅ[']ｊａ[、] ｖｕ”ｆｒｏｍ Ｓｅｏｕｌ
7:Ｐｒｏｍｅｎａｄｅ３
8:”Ｃｈａｏｔｉｃ Ｗｉｎｄ”ｗｉｔｈ Ｃｅｌｌｏ ｆｒｏｍ Ｂｕｅｎｏｓ Ａｉｒｅｓ 9:”Ｆｌｏｒ”ｆｒｏｍ Ｇｒａｎａｄａ
10:”星生山 Ｍｔ．Ｈｏｓｈｉｓｈｏ”ｆｒｏｍ Ｋｏｋｏｎｏｅ
11:Ｐｒｏｍｅｎａｄｅ４
12:”雪の花 Ｓｎｏｗ Ｃｒｙｓｔａｌ”ｗｉｔｈ Ｏｒｃｈｅｓｔｒａ ｆｒｏｍ Ｍｏｓｋｖａ
13:”Ｘ’ｍａｓ Ｔｏｗｎ”ｆｒｏｍ Ｙｏｋｏｈａｍａ（よみうりテレビ（日本テレビ系）「芸能人口コミの店 ええ処」エンディングテーマ）
藤原いくろう/キノー～銀幕のピアノ～(KNHO)
1:Ｔｅｎｄｅｒｎｅｓｓ
2:Ａｓｉａｎ Ｒｏａｄ
3:Ｐｒｏｍｉｓｅｄ Ｌａｎｄ
4:Ｌｉｔｔｌｅ Ｌｏｖｅ Ｓｏｎｇ
5:Ｅｔｕｄｅ ｏｆ ｍｙｓｔｅｒｙ
6:Ｓｏｌｉｔｕｄｅ
7:Ｈａｂａｎｅｒａ～美しき殺人犯～
8:Ｓｔｉｒ Ｃｉｔｙ
9:Ｅｍｅｒａｌｄ
10:Ｇｒａｃｅ Ｂｌｕｅ／星に願いを
11:Ｐｒｏｍｉｓｅｄ Ｌａｎｄ ｗｉｔｈ ｖｏｉｃｅ（エンド・ロール）
9:ｎｏｓｔａｌｇｉａ
10:Ｆｕｔｕｒｅ
New Age风格的曲子，不知为何总是日本人做得比较出色。比如S.E.N.S.，比如和平之月。一流的配乐大师/音乐家总是在不经意间处处显山露水，无论是世界各国的电影，还是日本本土动画都有他们的身影。比如久石让，比如城之内美莎，比如藤原いくろう。
藤原いくろう为日本吉本兴业(Yoshimoto)旗下的著名音乐人（音乐家、钢琴家、指挥家，音乐制作人），1958年7月28日生於横浜。
拜师于长谷川良夫、北村昭、镝木创、贵岛清彦、柳沢刚等人学习作曲。跟随宇野志保子、安川加寿子、道子·杰克逊等人学习钢琴。在山冈重信、コンスタンチンDクリメッツ等人门下学习指挥法。在日本大学艺术学院在读期间，开始为各种各样的艺术活动提供乐曲，并作为键盘手开始了他的音乐活动。作为中森明菜的音乐制作人获得好评同时，不仅在其活动场所进行POPS，还将原属领域中的古典音乐拓展开来。以灌制自身作曲的游戏音乐为契机，向Moscow过渡，以海外文化交流为目的的Moscow国际管乐团及深入音乐活动当中，拜师于总指挥的コンスタンチンDクリメッツ门下学习指挥技法。于此同时，作为助理指挥家和担当作曲家和同一家管乐团签约。和莫斯科的演奏家们组成「МИР Strings Orchestra」。（详细资料可参考百度百科：藤原育郎）
1/15/2009
排序
1. 拖拽
可以适用于多层级关系。但并非所有使用者均可能使用。
2. 输入序号
在同层级的排序上表现力出色，但设计多重层级时，很难让用户迅速理解。
3. 通过上下左右按钮实现
上下按钮适用于同层级排序，左右按钮适用于级别之间的调整。表现力强，容易理解。但一旦待排序项目过多时，则会遇到阻碍——效率比较低。
4. 选择
操作稍显复杂，没有什么特别突出的优点。但是比较容易迎合复杂需求的需要。
这4种可以演变成更加高级的形式或者混合使用。
当下在调整排序功能，由于需求复杂，导致操作上很多不必要的问题。目前最倾向于使用拖拽，因为可扩展性强，操作简便。无奈考虑开发成本，必须在规定时间内完成，导致无法预留充足的时间，只能考虑替代方案。
现在的替代方案采用了将层级调整和排序相分离，在排序上必须先选择待排序的层级，方能进行排序。原型效果虽然尚可，但尚待时间检验。
需求决定了产品的表现形式。看似简单的需求，在流程和交互表现中会引起各种各样的复杂性。
Posts
