首先我们欢迎这期由我们油茶会新mm到来～～大家跟我一起喊：“小何老师好！”

咳咳，小何老试开始发言了：

有幸被代理包总邀请加入油茶会，第一次发文，就为大家介绍一下由Mozilla实验室和三藩市的Adaptive Path公司合作的未来浏览器概念设计成果：Aurora（极光）浏览器。
Aurora并不是一个成品，而是对未来浏览器可能发展成为的样式的大胆设想，试图构建未来浏览器可能包含的元素，以及会为用户带来如何的交互体验。
首先通过这段视频来感受一下~~~

Aurora (complete video without commentary) from Adaptive Path.

现在逐一看看构成UI的各元素吧：

整个界面有一圈边框，用户可自己设置边框是否出现。上边框是架子(shelf)，用于存放用户自定义的收藏集（包括人物、网页等），类似于现有的“收藏夹”。下边框是轮轴(wheel)，列有用户启动了的物件，类似于Mac里的dock了。左边框是历史栈(history stack)，系统由上往下按时间顺序列有用户最近使用过的物件，类似于“历史”。右边框是用户栈(user stack)，起暂存的功能，由下往上列有用户定义的暂时不用、但可能在近期内再使用的物件。四个角落中的其中三个用于筛选空间视图里的人物、网页和其他东西，另一个用于搜索。

这样的设计基于设计师对未来影响浏览器发展的趋势的预计：

• 现实性的增强：真实世界与网络世界的鸿沟越来越小，那些可以根据你的物理处境提供个性化的服务将越来越流行。
• 数据越来越丰富：随着个人产生、接收的数据日益增多，浏览器对于我们如何使用、管理、理解数据起到越来越关键的作用。
• 虚拟身份：人们对于电子身份的期望不断增加，而这种身份的创建往往是通过在虚拟世界里进行自我表达与参与

在视觉设计上，设计组强调了轻盈和简洁，在一开始的时候，设计师采用了下图的情绪版（mood board）去捕捉浏览器的外形的情绪特征(emotional characteristics). 他们探索过的视觉概念包括气泡、露珠、柔软而带有结构感的以太物质。

设计师们接着探索了让他们觉得好玩有趣的形状。

接下来是对“空间视图”的探索：

其他各部份带设计师导评的短片：Part 1 | Part 2 | Part 3 | Part 4

完整介绍：Aurora

本期采茶人： 小何老师(Helicopter in the air)

如您有英文阅读习惯，不妨来做采茶人。

Smashing Magazine是个不错的网站, 经常会有些创新的, 实用的案例集合和guidelines. 这一期的茶闻, 我们来特别关注一下它们的文章.

How to Communicate Design Decisions to Clients?
不管你是Graphic Designer还是UI Designer, 都经常要向businnes sell你的观点,设计等等. 这时候, 再创新,再漂亮, 再另类的的点子, 如果不能符合business的要求,那它们都是白费心机. Effective Design is the key.

Read the rest of this entry »

—–交互创新案例—–

这期沈主编很忙很忙。于是就由偶来为大家献茶。

Facebook的新改版简直做了重大调整，整个界面流基本重写。最大的特点莫过于大量应用Ajax，大量减少了页面跳转。另外，Facebook开始在 页面内应用了多层级的导航。Facebook的层级Tab导航：其实我很少见到两级的Tab，更别说这种三级的了……用了三套样式来表达同样一个 “Tab”概念。

新版Facebook第一次登录就可以看到许多首次使用提示。提示这部分我们以前有给大伙儿提到过，但是，这次Facebook将点击展开应用在了提示的气泡上，确实是个创新的设计。

Facebook的编辑个人资料页面的交互也蛮有意思的。改版后的编辑个人资料页面做成了可关闭的面板(Closable Panels)。更进一步的是，点击面板的标题让面板展开的时候，Facebook帮你移动了滚动条。起初觉得有些突然，使用了几次，也就渐渐感觉习惯了。(注意动画最后几秒，点击完后面板会滚动)

Facebook改版后的撰写日志(Write a Note)功能应用了相应式展开(Responsive Disclosure). 最开始，提供给用户最简单的输入，仅包含标题(Title)，正文(Body)。

当用户点击More Option(更多选项)后展开日志中提到的人(In this note)。

当用户继续点击Add photos(添加照片)后跳转页面，展开了全部输入项。不过我有个疑惑，Facebook用了Add photos这个文字来描述展开全部输入项这个功能是不是有些不妥(不过这样的文字确实符合更多数用户的工作流)。

本期采茶人：包总(OM19’s Time)

帮前同事寻觅几个人才。
工作地点：上海
关键词：外企，高薪

职位： Software Stylesheet Developer, XML Specialist
具体要求，点击如下两个link观看：

从今天起，我决定退出油茶会。
这里将会转给其他成员继续打理，跟各位看官说声谢谢，再见了。

－杨掌柜

Bill Gates’ web experience: Byzantine, idiotic logic
Bill Gates在下载Microsoft的自己软件的时候, 碰到了如何的际遇呢?

Read the rest of this entry »

先向各位道个歉,这期茶闻的推迟是由于沈主编我忘了带钥匙, 而被锁在家门外到晚上10点造成的

Tips on providing user reviews
用户的review对于一个产品的销售有着越来越大的影响. 那如何才能有效的利用这些review提高买家对产品的信赖度, 从而提高销售量呢?

Is Google making us stupid?
Google经典的一个search box对大家到底有多大的影响呢?

Read the rest of this entry »

朱利安`布朗说：

好的设计和差的设计的差别，就像一个好故事和差的故事，好的故事是你听再多遍也不厌烦，但差的故事，你一点也不想听。

油茶的同胞们早就厌倦了关于简单易用或者愚蠢的故事，我们总想写出好的故事，听到好的故事。黄主任，俺很想念您老杜撰的段子，啥时候出来再给大家说书啊？

嗯，设定一个故事主题吧，关于产品/空间体验中的惊险刺激。读过《情感化设计》的人应该都知道我指的是什么吧~

读者朋友如果你擅长编段子，不妨也来表演一下。

—–Part1：海外部分—–
Redesign a first step in bringing order to the Myspace chaos
网络最大的Community之一Myspace即将推出自己新的网络, 改版过后的Myspace将在homepage, navigation, profile editor, search and the MySpaceTV Flash player有明显的变化. 在这里让大家先睹为快.

Soft skills
Soft skills包括一个人的沟通能力,演讲能力,观察能力等等. 这些能力在用户测试, 与客户沟通, 与产品经理及技术人员的交流中都有很大的作用.

Read the rest of this entry »

– Part 1: 海外茶闻 –

BSR blind phone
这是一款专门给有视力障碍的人事们设计的手机. 它的设计很独特, 就象个joystick一样.

Does the typeface of a resume impact our perception of the applicant?
字体的使用和阅读有着一定的关系. 不管是网络字体的使用还是一般的文档, 当复杂的字体影响到用户的阅读时,再有兴趣的文章大家都不会读下去. 个人简历就是个很好的例子, 千万不要因为字体的原因而丧失了求职的机会.

Read the rest of this entry »