http://blog.d8in.com 设计就是炼金术，用她可以化腐朽为神奇！ Fri, 03 Jul 2009 08:36:20 +0000 http://backend.userland.com/rss092 en 白社会差不多是搜狐产品团队不到1年的时间开发完成的。上线以后普遍反映都不错，虽然还是有褒有贬。说好的都是从视觉效果和一些小的交互效果来评价，而说不好的一般都是从产品本身设计、策略方面。 对于我来说搜狐白社会是一款产品质量很高的产品，但不是一款好产品。 1、产品定位到底是什么？ 如果把白社会单独提取出来，当然来说定位很比较清晰是一个白领社区。但是放到sohu这个大的框架下到底起什么作用呢？对于整个sohu架构，白社会到底处于什么位置呢？这确实是一个很尴尬的问题。 2、过度交互 虽然对于界面的精美和交互的华丽，不少人送来了赞美之词，但是仔细发现其实产品在许多设计上实际上过度交互，说的简单点就是为了交互而交互，不是为了让产品更好用，而是为了看起来更炫酷。一个最简单的例子就是首页的"吼一句"，当单击以后才会自动出现发送按钮。从设计的角度来说这个按钮不会对页面造成空间节省，只是看起来更炫一些。但是这个设计可能会对用户使用产生一个反的作用。譬如但该用户单击输入框的时候才会出现发表按钮，而且是用了缓冲出现。这样很容易就把用户的事先焦点转移到发送按钮上。同时因为发送按钮出现的效果太过于引起用户注意，这就会造成一种心理暗示，就是当我输入完内容以后一定要点击这个按钮才能发送。而弱化了输入以后直接回车发送也是一个很快捷的操作。 3、聊天是最大的亮点 整个白社会产品中最大的亮点，我觉得莫过于在线聊天了。虽然facebook有在线聊天，校内也有在线聊天。不过我觉得他们的产品设计一直都很有问题。而白社会很显然知道了这个问题的关键点，关键点就是～用户习惯。中国用户是很喜欢用IM来沟通的，而把Im放在桌面的右侧，聊天的窗口放在Im主装口的左侧是一个最基本的习惯。很显然白社会的聊天工具抓住了这个点，把整个浏览器看似成桌面，聊天工具放在浏览器的最右侧。第二个点就是把IM做得要像一个IM。虽然校内、facebook也有聊天工具。但是设计的界面和交互方式和普通的桌面IM差距太大了。让用户操作起来很难有IM的感觉。而白社会尽量按照桌面IM的设计方式，设计了界面。同时和网站中的好友管理系统关联。这样就让用户使用起来和桌面IM有了高度的一致性。 无论在怎样，白社会还是一款非常用心的产品。尤其是一些小的地方，设计的非常讨巧和有趣，譬如任务用了团队的自拍照片、说秘密根据各种情景引用了经典的照片作为头像等等～～，这些是非常值得借鉴的。希望白社会可以把和sohu整个产品框架的脉络可以打通，这样才能发出出产品的真正价值。 http://blog.d8in.com/posts/350.html 自从09春晚刘谦表演了近景魔术以后，这魔术可变在中华大地一下火爆起来，各个电视台相继推出了魔术节目，cctv1，湖南卫视，更是推出了专门的魔术节目。但是我们发现，为什么有那么多种魔术，但是近景魔术一下就火了呢？ 近景魔术(Close-up Magic)，即近距离观看的魔术，它具有与观众互动性强，对细节手法要求高等特点。所用的道具多为日常生活用品，如钱币、扑克牌、戒指等。因为与观众面对面接触，观众又常常可以触摸表演物，往往带来的震撼极大。 近景魔术运用的是"灯下黑"的原理，利用观众的错觉心理，通过违反常规的程序，制造出让人惊叹的效果。 总结来说就是两点：1、观众直接参与互动。2、贴近生活。 我在看"金牌魔术团"的时候发现，同样的魔术，在刘谦的手里面处理就变的十分惊奇，但是在那些团员中就要差很多。差在哪里？技术？意识？手法？这些可能都有原因，但是我总结最关键的就是"魔术体验"。也就是说一个魔术的好坏最关键的就是魔术师是否能给观众带来好的"魔术体验"。 而近景魔术用人们的生活用品，这些东西的规则都已经在用户的头脑中形成定式，当魔术师打破这些规则的时候，魔术效果就出现了，而再加上与观众直接的互动，这样让观众参与其中，这就更加强了观众直接的"魔术体验"。 回过头来我们发现，其实近年来一些成功的好的电子产品和Web产品，并不是在技术上有什么突破，而是利用很成熟的技术，把已经人们熟知产品，赋予一种"魔术体验"，从而打败对手，获得用户的认可。 1、ipod touch/iphone 如果好说起来最成功的"魔术体验"产品那首先要提的就是Apple 的touch和iphone了。在手机技术和市场已经很成熟的2007年，iphone的出现却一下改变的历史，除了大屏幕，简洁的设计和丰富的软件以外，苹果用了两项技术让这种本来很成熟的产品一下拥有了"魔术体验"，一个就是多点触摸，再有一个就是重力感应。多点触摸可以让用户用两个手指有魔力一样，在屏幕下直接把图片放大缩小，重力感应就像读心术一样，只需要把手机换方向，里面的东西也可以换相同的方向。 2、Wii 无论你玩不完游戏，你可以不知道ps，你也可以不知道xbox，但是你绝对会知道Wii。因为它实在是太有名了，在电子游戏机市场已经饱和的2006年，Wii就像一股新的血液一样，同样也改变了电子游戏机的历史。Wii没有高品质的游戏画面，也没有强劲的处理器。只是用了无线手柄和在手柄里面加了一个陀螺仪，一下赋予了游戏机一种全新的"魔术体验"，玩游戏已经不再是坐着，按一大堆按钮来控制里面的角色，而是站着，游戏画面中的人物会随着自己的动作而做出同样的动作，哇，这简直太神奇了。 3、Google 世界上最成功的搜索引擎公司，他的"魔术体验"就是简洁，一个输入框，一个按钮，你可以把它想象成机器猫，或者是神灯？总之你只要对他提出要求，那么马上上结果就会出现。你不用理解什么是计算机，你也不用立即什么是浏览器，你只需要做的就是输入和点击，那么你想要的结果就会立刻出现，还有比这更其妙的事情吗？ 无论对于电子产品行业也好，互联网行业也好，现在来说可用的技术越来越多，越来越成熟，而人们的需求真的是越来越复杂吗？我们总是试图创新，但是何为创新？其实不妨换换想法，用"魔术体验"重新赋予产品新的生命力。 http://blog.d8in.com/posts/339.html 最近在看《应需而变》里面有一章中谈到，"技术、特性、体验"，其中引用了一段乔布斯的经典言论，摘录如下： "当你开始处理一个看似十分简单的问题，你可能没有真正意识到其复杂性。当逐渐深入后，发现其复杂之处，随之而来的则是很多复杂的解决方案。其实这只走到一半，这也是大部分人止步的地方......但是真正睿智的人会继续寻找答案--问题的本质，然后提出优雅、漂亮的解决方案。这正是我们在Mac上所想做的。" 这段话出自于iPod诞生前17年、iPhone诞生前23年，乔布斯精确的说出了产品的"进化论" http://blog.d8in.com/posts/338.html 最近貌似Twitter异常的很火，Facebook最近的一次改版明显就很"Twitter"，而就连刚刚改版的FriendFeed也改成了Twitter似的的界面。我不禁要问一下Twitter真的有那么好吗？ 2004年开始blog慢慢热起来，突然一时间大家都来写博客，但是到了2009年了发现一个很有意思的事情，就是大家貌似都有博客，但是基本上很少写。说稍微勤奋点儿的一个月半月个一篇。我的同学貌似应该没有一个是做IT的，看他们的博客除了文章少以外，还大部分还是转贴。在Facebook上貌似大家也很懒，虽然提供了群组和日志这样的书写内容工具，但是大家更热衷于上上照片，发发视频，贴贴链接。 我们不禁要仔细想一下SNS（Social Networking Services）中的UGC（User Generated Content）的C到底是什么？是文章？视频？照片？我觉得用"信息片段"这个词更能表现出现在SNS中用户喜欢的UGC方式。那什么是"信息片段"？我觉得就是用很简短的描述一段时间内做的事情。可能有人会说这不就是Twitter吗？没错，Twitter的口号是"What are you dong"。做一件事情：doing something，传统理解的内容应该是偏重something部分，而我觉得"信息片段"更注重的是doing部分。用时间的方式把信息片段进行组织就变成了Feed。 信息片段可是一段简短的文字、一张照片、视频短片、文字链接、甚至是xxx正在玩xxx游戏。信息片段除了即时性很强以外，还有高度的用户绑定性。我们往往在看一篇很棒的文章，有些时候会忽略掉作者。也就是说传统的文章即使不知道作者依然不会削减文章的意义。而信息片段则不同，譬如你关注的人发了一条twiiter：睡不着呀？谁给我想象办法？这个时候你就可能会立即回应。而如果是单独看了这么一条信息，肯定理都不会理。又譬如在Facebook上分享了一个关于xxx新闻的链接，除了你可以点击链接去看内容意外，还获得了一点信息就是你所关注的人最近也在关注这些什么。 所以我们看实际上Twitter，Facebook，FriendFeed本质上都是一样的，只不过Twitter是最简化的"信息片段"产生方式，而Facebook是更加复杂的"信息片段"的产生方式，而FriendFeed是把用户在不同站点上产生的不同类型的"信息片段"进行收集整合输出。 http://blog.d8in.com/posts/330.html 我可以说是china-pub的老用户了，貌似从3年前在china-pub网购第一本书开始就一发不可收拾，而且基本我的书都是网购的，不仅价格便宜，而且十分方便。但是最近在china-pub买书的包装发现一个问题，就是包装全部是用塑料袋机器封死的，而不像原来都是有一个购物袋装着。这就造成了我把包装撕开以后，必须再找一个其它的袋子从公司拿回家。 所以一件可笑的事情发生了，我每次订购书以后，都要记得带上一个方便袋到公司，好把书带回来，而这个方便袋就是以前china-pub的送书带的。 我不知道为什么china-pub把购物袋取消了，如果是因为技术改进，采用一次性塑封。那么请下次把一个购物袋也塑封在里面不会增加任何难度。如果是因为节省成本？其实大可不必，因为如果走在街上拎着的是标有明显china-pub标志的购物袋，我想这样的宣传成本绝对比一个塑料袋更要值得吧。 ps：记得很久以前有一段时间，china-pub还是赠送自制的书签，根据买书的数量赠送，但是仅仅是很短的一段时间。 http://blog.d8in.com/posts/329.html 今年估计一件大事就是Windows7发布了，虽然发布的日期还没有确定和公布，但是Win7的话题已经被炒得火热了。和上一次的Vista发布不同，这次貌似大家都对Win7的评价很高，虽然大多数人用的只是Beta版，手快的人都已经用上Rc版了，但是大家对Win7使用颇为满意。 其实我在去年的时候就已经开始跟踪Win7，从0680到现在的7100，试装了好多版本。第一次安装的时候给我最大的惊喜就是竟然兼容公司的打印机，我的Vista用了2年多了都不兼容。另外还有传说的Superbar，也非常的好用。不过我今天要说的不是兼容性也不是Superbar，而是Win7对文件管理检索的改进。 一、库 Win7中增加了一个新的概念叫做库（Library）。简单的说就是用户可以把不同磁盘下，不同文件夹下的文件夹，按照自定义的方式，进行打包归档，成为一个崭新的文件夹。传统的Windows目录结构是按照树状排列的，好处是清晰简单。但是我们发现这种方式在几年前还可以，因为哪个时候硬盘还不是很大，一台机器里面存储的资源也不是很多，但是现在不同了，由于互联网共享特性，可以让人们轻而易举的获取大量的资源，同时因为硬件技术的成熟，大容量的硬盘也十分的便宜。所以我们发现树状的文件夹结构越不能满足我们的需要。当文件过多的时候，最简单的方式就是用文件夹分类，但是无论是广度过宽（顶级文件夹的数量），或者是深度过身（层级数量），最终都会造成很难找到文件。虽然我们可以用"快捷方式"把最常用的文件夹进行归档，但是操作还是仅限于一个文件夹内。 我们来举一个例子，把刚下载好的电影按照不同类型放入文件夹中整理，譬如爱情、文艺、动作。这个时候我想看最新的电影，怎么办？如果是传统的方式，就必须要打开3个不同的文件夹，然后按照"最近修改时间"排序。而如果用库，我们可以建立一个"电影库"，包含爱情、文艺、动作。这样我需要在"电影库"中按照"最近修改时间"排序即可。 这里例子我们可以看出，传统树状目录分类是用来解决，排斥分类的问题。而新的网状的库是用来解决，共有属性的问题。库的出现不是用来代替目录，而是对目录方式的一种补充。 二、搜索 Vista的一个重大改进就是搜索功能，但是实际上想法是好的，但是在实际使用上确实有不少问题。譬如速度，Vista中虽然搜索速度比Xp快了不少，但是还是远远不够。同时Vista的搜索很容易出现莫名其妙的状况，譬如我经常在开始菜单中搜索应用程序，但是当我单击搜索结果的时候却打不开选定的程序。 而Win7在Vista的基础上，改进和优化了搜索功能。不仅在效率上有很大提高，同时在用户体验上也有很大改进。 1、搜索自动分类：在Win7的开始菜单中直接搜索，结果会按照类型自动归档，同时改变整个开始菜单为搜索结果界面，这样就可以显示更反正的搜索结果信息。另外速度也快了不少。（vista也含有这个功能，不过win7的效果明显要好得多，无论是从速度还是结果显示上） 2、搜索结果显示优化：在文件夹中直接搜索，搜索结果进行优化，不仅显示了更加完整的搜索信息，而且还还用高亮的方式标识出搜索关键字。 三、关联最近打开的文件 自从我使用WIndows开始，就有这么一个功能，它的想法是好的，但是却一直是最没有用的。这个功能剧是开始菜单中的"最近使用的项目"。 为什么说这个功能想法是好的？其实这个问题的答案是显而易见的，用户当然希望可以快速的找到并打开最经常近处理的文档或者图片。 为什么说这个功能是最没用的？如果经常操作电脑的话，会打开各种各样类型的文档，而且数量也会很多，虽然用户可能在1小时内之打开一两个word文档，但是用户却可以在几秒钟内打开十几张图片，不仅不同类型的文件数量差异很大。同时这个"最近"的预期不尽相同，对于编辑文档来说，有些时候"最近"可能是几个小时，有些时候"最近"可能是一两天。 Windows传统的处理方式是把所有类型的人文件混杂在一起，在一个级联菜单中显示前15个，如果我在关闭一份word文档以后，打开了十几张图片，那么我已经在这个列表中找不到我需要的word文档了。而看到的是我随便打开的图片。如果我要快速的找到打开更才那份文档，我就要打开Word，在最近的编辑的文档那里可以看到。 Win7对于这个好想法，为我们带来了一个新的好的解决方案。而这个方案就是把最近编辑的文档和编辑的软件进行绑定。 1、任务栏中的绑定 用户可以右击在任务栏中的程序图标，就可以显示最近这个软件所编辑的文件。同时你还可以单击右边哪个小图钉，把这个文件一直锁定在这个列表中方式被新的文件替换掉。 2、在开始菜单中绑定 用户单击开始菜单中程序图标右侧的箭头，列表中显示出最近用户编辑的文件。同时也可以单击小图钉，把文件锁定。 其实我们看出这里只是一个小小的改动，就是把原来打开程序才能做的事情，放到没有打开程序之前而已。但就是这么一个小改动，解决了Windows在这个"最近使用的项目"功能上几乎N久的问题。另外传统的"最近使用的项目"依然保留，只不过已经不是默认选项而已了。 其实Vista和Win7的内核都是一样的，Vista是Widnows6.0，而Win7是Windows6.1，所以上从技术上来说，Win7并没有什么本质上的提升。但是Win7在设计上应该收集了大量Vista用户的反馈，并根据这些反馈很好的提升了用户体验。如果Windows7正式版发布后很成功的话，那么就又会出现了一个产品的技术一样，但是用产品本身的用户体验取胜的经典案例。只不过这次是微软自己和自己而已。：） http://blog.d8in.com/posts/327.html 终于利用五一放假的时间把《交互设计精髓》About Face 3读完了，记得几年前就买了2，但是因为太厚，而且明显的很教科书，所以一直没有耐心的读完。去年听说出了3，于是年后就买了译本，心想无论如何这次都要读完它。终于经过2个多月的努力读完了。收获还是颇多的，有一种从实践回归理论的感觉。下面是我摘录每一章的设计原则，希望无论对于看过还没有看过的朋友都有一些帮助。 第1章 l 交互设计不是凭空猜测。 第2章 l 用户界面应该基于用户的心里模型，而不能基于实现模型。 l 目标导向的交互反应了用户得的心里模型。 l 用户不理解布尔逻辑。 l 不要全盘复制机械时代产品的用户界面，而一定要按照信息时代的客观情况进行改良。 l 重大改变必须是非常好的改变。 第3章 l 没有人愿意停留在新手级别。 l 为中间用户优化。 l 将用户想像成非常聪明，但非常忙碌的人。 第5章 l 不要让用户觉得自己很愚笨。 l 每一个界面的设计关注点在于一个独立的首要人物角色。 第6章 l 在设计产品"如何"行为之前，要先定义产品"做什么"。 l 在设计的早期阶段假设界面有魔术效应。 第7章 l 绝对不要向利益关系人展示你不满意的设计方案，可能那正是他们喜欢的。 l 用户体验只有一个，形式和行为的设计必须相互和谐。 第9章 l 选择技术平台时，一定要与交互设计工作和谐一致。 l ... http://blog.d8in.com/posts/325.html 今天出门回来才发现，自己竟然没有带钥匙，所以只好在门口蹲着等人回来（我今天出门的时候，家里也有人准备要出去，所以我先走了，没有锁门）。在门口我就想，貌似我是很少出门没有带钥匙的，都有几年就没有发生过这样的事情了。我现在住的地方的门锁是要手动锁的，就是出门的时候门虽然会挂上，但是外面的扶手一样可以拧开，必须要用钥匙锁上才可以。 我一向很讨厌这种设计，一直在想为什么不能自己的锁就跟一般的门锁一样呢。但是突然发现这平时最烦的事情却避免了忘记带钥匙。如果一个住，出去的话一定要用钥匙在外面锁门，这样就不可能忘记带钥匙出门了，除非连门的不锁直接走掉，但是这种情况除非是......，像我一样家里有其它人。如果门是要手动锁的话，经过几次操作以后就会慢慢的形成一种下意识，而且打开门->关门->锁门是一个连续动作。 这让我想起白鸦在很久一篇博客中有提到取款机的问题，大概是说中国的ATM自动取款机都是先取钱，后吐卡。这样方便用户可以多次取款，但是很容易把卡忘在取款机中。而在国外是先吐卡，后取钱。虽然如果多次取款会很麻烦。但是充分的避免了把卡忘在取款机中的问题。 这门锁的问题和取款机都有相似之处，如果操作简单，就有可能发生由于人本身的失误造成严重的错误。如果操作繁琐，就可以避免人为失误造成严重的错误。 http://blog.d8in.com/posts/324.html Windows7RC最近要的发布了，而Windows7RC其中最被关注的技术就是XPM。XPM的全称是Windows XP Mode，原理就把微软自家的虚拟机Virtual PC无缝集成到Widnows7中。XPM包含基于Virtual PC的虚拟环境和一个完整授权的Xp sp3镜像。它可以通过微软网站免费提供给购买正版Windows7的用户下载。可谓是买一送一了。不过想要在Win7上用XPM也没有那么简单，首先你的内存要大于2G，而最关键的是要CPU和主板支持虚拟化技术。 在XPM刚发布我就第一时间弄了我的笔记本上，我的笔记本是Sony Vaio SR16，但是测试发现，我的主板竟然把虚拟化技术禁用了，而Bios中又没有开启的选项，所以唯一的办法就只有刷Bios，感谢google大神，在经过一段时间的查找，终于找到可以开启虚拟化技术的办法了。因为资料的是英文的，国内还没有看到相关的文章，所以我就写了一个小教程，希望可以帮助到大家。 首先声明此教程只适用于Sony Vaio电脑，如果您的电脑不是Vaio的话也可以用Securable先测一下，不过要刷Bios的话就要另寻它法了。 1、检验机器是否开始或者支持虚拟化技术 用Securable软件先检测一下，如果显示为"Locked OFF"那么你的机器就没有开启，如果是"Locked ON"，那么恭喜你，你的机器已经开启了，如果就是一个单独的"Yes"那么表示你的机器支持，如果单独一个"No"那么表示你的机器根本就不支持。 2、确认你的机器的Bios是否是Sony Vaio AMI Aptio BIOS 一般来说新出的Sony Vaio Sr、Fw、Aw都应该是AMI Aptio Bios，你也可以开机按F2进入Bios自己查看一下所用的Bios型号。如果符合就可以使用，如果不符合就不能使用不然后果会很严重滴。 3、制作U盘Dos启动盘 我在做这步的时候浪费了不少时间，测试了不少制作U盘启动盘制作工具都失败了，最终用FlashBoot测试成功。启动FlashBoot选择第三项（创建一个dos引导盘），然后选择第二项（用镜像制作），然后选择Dos镜像文件，我在制作的时候是用的MsDos7.1精简镜像。插上U盘，单击Next，开始制作。制作好以后就可以先测试一下，在Bios中把默认启动项选择用U盘引导。然后保存从新启动，如果能用U盘引导那么恭喜你，你的U盘Dos启动盘制作成功，如果无法引导，那么检查一下你的Bios设定是否正确，还有U盘制作是否正确。 4、刷新Bios 首先从网站上下载VT Patch，最新的版本是1.1，这是一个压缩包，解压以后全部Copy到U盘的跟目录下。在刷新前，首先检查你的电脑是否是接通电源的，另外电池是否已经充满。然后到Bios里面只保留启动项目，剩下全部都设成默认值。最好也检查一下家里的电表看是否有电，因为其实刷新固件最怕的不是程序错误，而是刷新过程中停电。这些都做完了就用U盘启动，进入Dos提示符，输入patch回车。进入刷新流程，如果遇到提示Y/N，直接按Y即可。这样等待几分钟就刷新结束。结束后会提示你，断开电源，拔掉电池，等上几分钟，然后在装上，接通电源。但是实际上我没有那么做，直接从新启动也没有发现什么太大问题。 5、从新检验机器是否开始或者支持虚拟化技术 相关链接： Securable 下载 FlashBoot 下载 MSDos7.1 下载 VT Patch 下载 ... http://blog.d8in.com/posts/322.html 根据自己的一些经历做了一个简单的关于"Web设计师"的发展路线。希望可以为更入行的设计师们解除一些对未来发展的困惑。可以提前为以后的发展做好储备。 http://blog.d8in.com/posts/319.html