马歇•布劳耶（Marcel Breuer，1902–1981），1925年设计了世界上第一把钢管椅子。上图是他设计的另外一个产品，一张桌子，一张由一根钢管弯曲而成的桌子，并不是将钢管切断再焊接，这样设计，除了看上去有意思，还有一个很重要的原因：成本低。
当然，以现在的工业水平来看，是否焊接对成本的影响已经没那么大了。然而在当时，工艺上的区别却是一个需要考虑的因素，因为这样的局限，促成了上面这个产品。类似的技术局限其实始终都存在。社会生产从来就是在技术的局限下发展的，或者说，社会发展水平是技术的发展水平决定的。
阅读全文 »
浏览量：41,655 | 20 条评论 »
设计的目标：设计是为了更好的传达信息。其中的“更好”包括：更美丽的、更高效的、更优雅的……
这是我们经过反复讨论后得到的共识。
只有这样的共识，还不够。因为我们会遇到这样的情况：我希望把这段文字设计成蓝色，这会更有感觉、更舒服。但是，使用蓝色可能会让用户迷惑，因为这段文字没有链接，且这个页面中，有链接的文字都是蓝色。“更美丽的信息传达也是设计的目标啊~”
所以，要让设计的目标能更有效的指导设计工作，我们还需要再做些什么—进一步规范“更好的”各项具体要求。
阅读全文 »
浏览量：32,544 | 13 条评论 »
网站的结构应该是可以理解的
一个网站就是一个小小的世界，这个世界应该是可以理解的。
我们都试图去理解自己所身处的世界，是吗？
为什么要去理解？因为我们希望在这个世界中更好的生活。这是积极的，如果不，那大概就得想着怎么自杀了。试图去弄明白，这是人们有意无意间都在做的，也许有时候你没意识到，但是你确实是在不断的去了解，学习。
“为什么后面的几张菜单比前面的矮些呢？”在味千拉面餐桌上有一个小盒子，可以用作插新菜宣传单。靠近她的那么卡片比较高，远离她，她一眼看不到的那面的纸片比较矮。她转过盒子，“哦，短的是餐巾纸。”
这是IKEA的导航图，你会关注上面的哪些信息？“您当前的位置”也就是图中的橙色原点是一定会看的，是吗？通过这个橙色的点，虚拟的地图和顾客真实的位置产生了联系，顾客清楚了自己当前在这个环境中所在的位置，进而知道自己下一步该如何走了。
阅读全文 »
浏览量：48,728 | 44 条评论 »
关于心理模型，上一期交互设计月报中的《信息构架的若干原则 (第一部分)》(内部资料，未公开。)已经有了很严谨的描述和解释。有感于我们现实生活和实际产品中的种种设计，这里还想再说说心理模型这个事儿。
我们在设计一个产品的过程中，经常会有这样想法：“这里，可以通过教育用户来实现。”有这个想法的时候，往往是感觉到目前的设计方案还不够容易理解，可能会有用户不懂，那么，我们教育嘛~
首先，想教育用户，这个说法是不够好的。我们要以用户为中心的去设计，视用户为上帝，这都意味着要尊重用户，难道我们敬仰的上帝需要我们来教育？
当然，随着互联网上的应用越来越复杂，想要用户一看就明白，甚至不看都能猜明白并不现实。在设计中有这样一个说法—“用户的学习能力”。我们需要通过对用户的研究，或者是有把握的猜测，判断出什么是用户能学会的，什么是不能的。而不是将一切不够好设计的都寄希望于教育用户。
那么，什么是用户可以学会的呢？如果我们能罗列出一大堆设计方案模块，确定这些设计都是用户可以学会的，然后在具体产品的设计中组合使用这些模块…这当然是最理想的，但显然也是不现实的。至少我做不到。
阅读全文 »
浏览量：6,377 | 24 条评论 »
纯粹的对视觉效果的追求是有价值的。
原始人带骨制的项链，为的是看上去很美。在身上弄纹身，显然也不是拿自己的皮肤当记事本用。（现代人中，michael scofield是个例外。）
现代人新修缮的前门大街。这条大街的北段，基本上是依照原有建筑翻新的，可以理解为新古典主义吧。南段则是新建的房子，由于没有明确的参照，设计师可以自由发挥，这给饱学了现代主义理念的设计师提供了机会，设计了很据现代主义的房子—无装饰的，平顶，方方正正的（也许可以节约建筑成本，至少在现代主义兴起的阶段是这样考虑的）。作为一条传统商业街上的建筑，使用了与周围大杂院一致的灰色，门窗上适当使用了一些传统元素。大概应该算是后现代主义吧。
前门大街南段
前门大街北段
阅读全文 »
浏览量：36,887 | 33 条评论 »
目前交互设计在互联网产品中的应用状况
“交互设计可以提高产品可用性。”在国内的互联网行业中，建立在这个认识基础上，交互设计得到了普遍的接受。“产品设计开始的时候应该先交互啊~~”“你这个项目没交互过啊~~”这类的说法越来越多当然是好的信息，但是，交互设计工作到底应该怎么做才能提高产品可用性？通常的互联网产品研发中，交互设计工作是处于没有方法的状况。
理解交互设计
交互设计是一个设计工作。
交互设计是一门技术。
交互设计在目前阶段的主要使命是提高产品可用性。
通过对界面和操作行为的设计提高产品可用性。
互联网产品的特点
1.变化快。
2.质量低。
3.功能操作与信息传达并重。
4.高速创新从而带来的无标准。
那么，互联网产品的交互设计应该怎么做？
互联网产品的交互设计方法分享
经过长期的摸索、体会腾讯互联网产品，我们总结出了几个较为有效的设计方法：
方法一. 自然语言法。设计交互细节的方法。
方法二. 结构图法。设计产品信息构架的方法。
方法三. 任务走查法。对现有产品进行优化的方法，全面普查产品，包括对交互细节和信息构架。
阅读全文 »
浏览量：59,946 | 47 条评论 »
为什么在facebook交友会更容易？facebook与传统的BSP（Blog Service Provider）到底有什么不同？是因为它有横竖两个导航吗？是因为它有个主人信息的聚合页面吗？ Facebook为什么成功？又有哪些不足？Facebook商业上的成功使得它混乱的设计成了皇帝的新装，即使觉得看不懂也不敢去说。让我们拨开网页上那些纷繁的视觉表现，来看看藏在网页背后骨架—信息构架（IA Information Architecture），我们将获得一个全新视角，这种种疑问将迎刃而解。
传统的博客服务提供商（Blog Service Provider，简称BSP），比如：Qzone、新浪博客、网易博客…他们提供的博客服务，不仅仅是为每一位注册用户提供了一个属于自己的blog空间，还有用于bloger间彼此交流的平台。也就是说，信息构架是：个人空间+社区平台。
“个人空间+社区平台”是什么样子的？
一个个的blog彼此独立存在，再由一个社区平台将这些blog聚合一起，通过内容聚合在一起。
阅读全文 »
浏览量：46,194 | 31 条评论 »
在交互设计中有这样一个观念：“产品设计者不是用户”。作为产品的设计者，虽然会试图为用户着想，但产品的设计者不是用户，设计者和用户的立场是不同的，更准确的说，“目标”是不同的。
这个的观念可以用下面的例子来解释：
一个软件公司要设计一款专门供财务人员使用的软件，产品的设计者会有很多想法，想象着用户会要XXX功能，如何如何的功能归类会很方便用户使用… 但是通过实际调查发现，真正的用户—财务人员，想要的原来根本不是这些，他们更需要的是快速的完成任务，让自己显得不那么笨（能顺利的操作此款软件）…
要想单纯的通过主观判断就能做出真正的财务人员满意的软件，需要设计者能按照财务人员的方式来使用这个软件。如果你真能按照一位财务人员那样来使用这个软件，那…那你基本上就得改行了，显然，同时作为一位合格的财务人员和一位交互设计师是不太现实的。
这个例子说明，产品的研发者不是产品的用户，要设计出好的产品，需要进行科学严谨的用户研究，于是才出现了“人物角色”、“情景描述”等等方法用于避免出现类似上面的错误。
阅读全文 »
浏览量：27,179 | 22 条评论 »
表示文字链接最清楚的方式是“蓝色文字+下划线”，这是在浏览器发展过程中形成的。这个问题大家都说过很多次了，我也曾经说过。然而，这样的规范却总是难以实行。视觉设计师会把文字颜色作为一个表现视觉风格的元素，完全出于视觉表现的需要来配色，而不顾及这个规范。在埋怨视觉设计师的同事，我也在考虑，规范之不行，问题恐怕并不全在执行者。这如同交通规则不允许骑自行车带人，但是交警也不能见到骑车带人的都拦住罚款。
显然，这个规范对视觉设计的局限是比较大的，所以视觉设计师才不愿意去遵守。在网页的开发流程中，留给视觉设计的时间是很有限的，并且往往要求有比较绚丽的视觉表现。这样的条件下，再要视觉设计师顾及这个规范确实也比较难。
那么，我们来设计另外一个规范，让文字链接同样能表现的很清楚，做到“操作可识别”，同时，又让视觉设计比较容易做。
阅读全文 »
浏览量：16,037 | 29 条评论 »
订阅日志