http://blog.d8in.com 第8音 Design Everying Thu, 10 Apr 2008 02:26:47 +0000 http://backend.userland.com/rss092 en 昨天在闲逛豆瓣小组，然后在日剧小组里面看到了一位网友发的一片帖子，名字就叫《豆瓣那个日本明星的组人数最多？》，里面得出最后的结果是：演员：仓井优 3000多，高居榜首。而滨崎步只有100多。这个数据很有意思，就是说实际上正常大家都非常耳熟的日本明星，在豆瓣上人气并不高，反而是一些大家不是非常熟悉的在豆瓣上人气很高。不过这个结论也要值得推敲，因为很多都不是很熟悉呀，为什么苍井优同学的人气在豆瓣上这么高呢？这个帖子中还有一个数据就是非日本明星的，日本名人榜首是导演岩井俊二 （15585） 。可见大家都非常喜欢看“岩井俊二”老师的片子，而苍井优就是从过岩井俊二的片子出名的，而且在几部片子中都有很重要的角色出演，地地道道的"岩女郎"，同时苍井优也是岩井片子中最有特质的一个女演员。 看来已经很清晰了，我们来做一个推到公式： 苍井优->岩井俊二->日本文艺片->文艺片->电影。 都说豆瓣里面的同学都很文青，这回看来真的是很文青了。 ps：最后补充一下数据，我刚才翻阅了一下豆瓣的电影频道，标签云中，日本，这个标签是一个比较热门标签，单击进去里面的列表是按照电影热门程度排序的，页面中岩井俊二老师的片子《情书》排在了第一位，《关于莉莉周的一切》排在了第三位，《关于莉莉周的一切》是苍井优同学第一步电影，同时也这部电影一炮而红的。一页中显示20部电影，其中6部是岩井的片子，2部里面都有苍井优。 http://blog.d8in.com/posts/194.html 这项对美国iPhone手机用户的调查显示，一般手机用户71.7％的时间是使用手机来打电话，而iPhone手机用户只有46.5％的时间使用手机打电话。而在其他时间内，iPhone手机用户12.1％的时间用其手机上网（普通手机用户2.4％的时间上网），11.9％的时间用iPhone手机听音乐，浏览视频（普通手机用户2.5％的时间听音乐，浏览视频）。另外，iPhone手机用户10.4％的时间用手机收发电子邮件，而普通用户仅用2.8%的时间用手机收发电子邮件。 详细调查信息请参看下表： ps：上面的数据很有意思，智能手机并不是一个新概念，手机上网也不是什么新奇玩意，音乐手机也遍地都是，但是IPhone出来以后，大家才发现，并不是概念和想法有问题，而是大多数的产品设计有问题。 http://blog.d8in.com/posts/193.html 相册是互联网最常见的一种产品，尤其是在国外，Flickr，Picasa，Photobucket等等，有着非常多的强大且功能完善的相册在线产品，但是在美国用户在相册产品中现在用的最多的不是上面几个而是Facebook相册。Facebook的相册已经成为Facebook中用户使用频率最高的一个app。无疑在众多SNS网站中，Facebook的相册功能是非常出众的。下面我们就来看看Facebook的相册设计。 Facebook中的相册在左侧导航中排列的是第一位的app,为什么是第一？带着这个问题我们先来说说Facebook本身，Facebook是一个熟人社区，而且有很多是线下线下既有的关系。那么既然都已经认识了为什么还要上Facebook？在美国虽然互联网已经很普及，但是和中国不同的是他们在线上交流不是特别太依赖即时通讯软件，大多数是通过电子邮件，但是电子邮件的效率并不是很高，而且形式也比较单一，而这个时候Facebook的兴起给了美国人一种新的沟通和联络方式，那就是在Facebook里面展示一些自己最新的东西可以让老朋友看到，同时也可以看到老朋友一些新的动态。既然提到沟通的问题，我们来看看Facebook默认左侧的默认的几大APP,其中相册无疑是当中最有效率的工具，我可以立即上传自己最近的生活照片，分享给好朋友，让他们知道我的动态，相册也是一个新用户在站内沟通工具中，使用成本最低也是最有效率的，用户只需要选择相片Upoad即可。可见Facebook把相册默认排在导航的第一位是没什么可说的。 虽然相册的App在Facebook里面十分重要，但是它的功能却设计的出奇的简单，不但没有Flickr华丽的ajax交互，甚至连普通相册照片标题，查看原图这些基本的功能都没有。但是当你真正的开始使用的时候就会发现，与其说是相册，到不如说是我的生活相册更加贴切一些，它的所有设置都是围绕“用户快速上传生活中的照片”这个中心点来设计的。 1、快速： 默认左侧导航的第一位：用户可以最快的速度找到相册功能的位置。 批量上传：一个java控件，安装以后用户可以跨快速的批量上传图片。 没有标题只有简介：一般普通的用户很少对照片起一个专门的名字，顶多写几句话描述一下，没有标题就省略了用户的思考过程，因为如果是生活中的照片，大量都是数码相机照出来的，他们会生成一些奇怪的名字，一般上传以后的图片名称都会默认这个，但是对于上传者来说，一般不会改，如果要改掉，就要花费更多的时间，而且一个简介功能基本上也可以代替标题，而观看者来说，数码相机默认名字也代表不了什么意义。所以去掉了标题，可以节省用户过多编辑照片的思考时间。 上传以后批量修改：用户上传以后会把这个相册中的所有照片都提出出来进行批量编辑，这样用户可以在上传新照片以后直接对相册进行批量修改编辑，譬如删除老照片，查看是否有重复照片，设置相册封面等。 照片旋转：用数码相机照像后期处理用的最多的功能恐怕就是旋转照片了，而这个功能的设计就是帮用户解决了一个很大的烦恼，因为有些用户上传了照片以后才发现，原来照片是横的，所以还要删除，再找其它软件处理，然后再重新上传，或者有些为了上传以后出现位置问题，上传之前要先浏览检查一下，而现在用户只需要上传即可，旋转照片的问题用户完全可以在facebook上解决。 2、生活照： 朋友相册：一进入首页就是朋友相册，相册会按照朋友的最近更新排序，这个页面如果都是朋友的生活照的话，自然也会暗示你要上传生活照，而最近更新的排序方式，可以让用户更加一目了然他的朋友的最近动态，这是一种和谐社会氛围的培养。 标记你的朋友：这个功能就是在照片中标记出你朋友的区域，作为这张照片的tag，这种功能其实并不稀奇，在Flickr上早就有这种圈出区域进行标记的功能，但是在facebook上做了一个限制，你只能圈出你朋友的区域作为标记，功能上的简化，让用户可以更加容易使用这个功能，功能上的限制也暗示了用户尽量要上传生活中的照片。 没有原图：上传到相册中的照片，是不显示原图的，即使用户想查看也查看不了，这种巧妙的功能限制避免了用户上传一些非生活类的照片作为存储的可能性，正常来说用户在传播生活类照片中是没有必要要十分大的原图的，反而尺寸小一些的图会更好，facebook上相册的尺寸已经可以满足用户传播生活照片的作用，而譬如，壁纸，完整屏幕截图，文字扫描一类就需要原图显示，而者些类图片是恰恰facebook不想让用户上传的，所以巧妙的限制了一个合适的尺寸，不仅让上传生活照片的用户用起来爽，也一定程度上限制了用户上传一些其他非生活类的照片。 一切的功能设计只为生活照考虑：在快速中提到的，没有标题，照片旋转，这些功能也是为了用户更加方便的上传数码相机中的照片设计的。 相册只是Facebook中比较受欢迎的app之一，其实每个App设计都有很出彩的地方，可能以后有时间还要做陆续的介绍。但是从相册这个设计可以看出，当我们把一些传统的应用，放到新的平台中的时候，是可以做一些针对这个平台的用户群的一些创新的，这里指的创新不仅仅是增加一些功能，同时也是删减一些功能，改造一些功能，同时不要试图通过一两个功能试图达到目的，应该通过对整个系统的点阵式优化才能达到最终的效果。 http://blog.d8in.com/posts/192.html 作为一个产品设计人员，每天在对着电脑想，到底用户需要什么样的功能，他们的需求到底是什么，怎么设计用户才更加容易使用，有些时候想到脑袋爆掉。但是当我们真正面对用户的时候，却惊讶，原来是这样… 下面就来说说我身边的两个小经历： 1、USB：周末的时候一个女同学给我打电话过来，说要买一个移动硬盘，我简单介绍了一下，顺便推荐了一下配置“三星硬盘+元谷的盒子”。过了半天，又来了一个电话，说;"硬盘有了，但是说元谷的盒子一插在电脑上就死机，配其它盒子就能识别"我当时就一晕，这事情俺还没有遇到过，然后就问“你硬盘是什么接口的？”“接口？就是那个小口扁的可以插U盘和MP3那个一样”我又是一晕“我是问你的硬盘接口是ide或sata的，不是你刚才说的那个usb接口”“。。。。。”电话里面没声音了半天，估计是不明白我在说啥。她说“这个放在其它盒子里面就能用，IBM,三星还有东芝的”我也比较无语我也不好说这些盒子都是假货“你用的是元谷什么型号的盒子？”“刀锋”“那你再换其他型号的盒子好了”我又把我用的移动硬盘盒子型号告诉她。大概过了1个半小时，告诉我终于搞定了。 通过这个事情让我想到，大多数的用户根本不懂电脑接口的名字，哪怕是最常用的USB接口，他们只是知道这个东西能插U盘，可以插数码相机。我们在回过头来看看最近炒的火热的Macbook AIR,因为只有一个USB然后被N多人骂，但是用户真的要有那么多USB设备同时插在一台轻薄移动的笔记本上吗？ 2、驴子和BT：去年帮一个朋友装电脑(也是女性)，她说帮她把驴子装上好下电影，我说：“你一直都是用驴子下吗？”她说：“是呀”我说;"那我帮你装个BT吧，那个下电影也不错的"。当我装完了BT软件，顺便教她怎么用，结果最后还是不怎么会用，因为她不知道到那个网站去下好，网站太多了。而骡子一打开就有最新的电影推荐，而且网站也只有一个，去哪里找就可以了。 虽然都是驴子和BT都是p2p软件，但是对于用户来说这并不是他们关心的，那个软件更方便，更容易快速的获取信息那么就用那个，这也是为什么bt在横行了那么多年以后，驴子一出来照样有很大的市场，确实拿我来说一般都很少用BT了，因为骡子只有一个网站上有资源，每个资源下载链接都是唯一的，而且资源的质量一般都是非常高，而且就算时间比较长的资源仍然有种子。而用BT找资源，总有一种大海捞针的感觉。 http://blog.d8in.com/posts/191.html 百度IM测试了，火了，用来以后，总体感觉还可以，不过还是有不爽的地方，下面列举两个： 1、最大化,最小化,关闭按钮点起来不爽 问题： 主要是因为baidu hi的按钮不是按照windows 标准的设计，在界面上只能看到图标，并没有显示出可点区域，造成用户在点击的时候，可视点击范围就比较小，同时鼠标悬浮以后，按钮的变化十分细微，不仔细观察很难看出。 改善： 建议加大按钮点击范围，并且增强悬浮效果 2、发送按钮和快捷键不爽 问题： 在发送的的时候总是错误认为回车就可以发出信息，但是实际上是ctrl+Enter，主要是因为界面与msn从颜色到布局都十分相似，这样msn用户在使用的时候就会有msn的感觉，所以错误的使用msn发送消息的快捷键。 改善： 方案一：建议默认的快捷键方式为回车 方案二：如果考虑到大部分QQ用户的习惯可以把界面和msn界面增加区别，更加偏向QQ http://blog.d8in.com/posts/190.html 网易江苏淮安网友(222.184.*.*) 的原贴： 很好吗？ 我第1个用 网易北京网友(125.96.*.*) 的原贴： 我抽你一个大嘴巴！！！ 网易广东深圳网友(121.35.*.*) 的原贴： 我抽你2个大嘴巴！！！ 网易四川成都网友(218.205.*.*) 的原贴： 我抽你3个大嘴巴 网易广东广州天河网友(218.20.*.*) 的原贴： 我抽你四个大嘴巴 网易山东潍坊网友(221.1.*.*) 的原贴： 我抽你五个大嘴巴 网易湖南湘潭网友(222.243.*.*) 的原贴： 第六个我来抽…… 网易河南濮阳网友(218.28.*.*) 的原贴： 抽S算了，NND 网易浙江杭州网友(125.121.*.*) 的原贴： 莪來苚鞵厎抽第8嗰?嘴巴 网易北京网友(210.72.*.*) 的原贴： 我挖坑！ 网易广东深圳网友(116.24.*.*) 的原贴： 我来填土 网易广东广州网友(121.32.*.*) 的原贴： 我夯实 网易云南昆明网友(222.221.*.*) 的原贴： 我种树 网易广东网友(116.60.*.*) 的原贴： 我种林 网易广东广州网友(116.21.*.*) 的原贴： 我开发房地产 网易江苏苏州网友(211.103.*.*) 的原贴： 我来卖给中国移动！ 网易山东青岛网友(124.129.*.*) 的原贴： 盖个厕所 网易陕西网友(117.34.*.*) 的原贴： 我来收费 网易广西桂林网友(222.84.*.*) 的原贴： 你们辛苦了，我来视察。 网易北京网友(59.109.*.*) 的原贴： 我陪同。 网易浙江台州网友(61.175.*.*) 的原贴： NND,有人报案了，又要挖出来尸检。 网易浙江宁波网友 [czt_870828] 的原贴： 尸检一年都没有结果 网易广东深圳网友 [54xunstar] 的原贴： 尸检两年还是没有结果 网易广东深圳网友(58.251.*.*) 的原贴： 尸检三年，尸体复活，说：“够了，不要在我身上摸来摸去。” 网易广东汕头网友(125.91.*.*) 的原贴： 没想到一身白骨也能复活. 网易浙江宁波网友(61.241.*.*) 的原贴： 白骨精来了 网易广东广州海珠网友(59.42.*.*) 的原贴： 白骨精带着唐三藏来了 网易广东深圳网友(116.25.*.*) 的原贴： 回归台湾吧, 网易广东惠州网友(59.33.*.*) 的原贴： 悟空也来了! 网易陕西西安网友(202.100.*.*) 的原贴： 猪八戒带着潘金莲叶来了 网易广东广州番禺网友(116.21.*.*) 的原贴： 潘金莲说：我和移动的老总有一腿 网易云南昆明网友(222.172.*.*) 的原贴： 移动老总他老婆来了～～～ 网易上海网友(220.232.*.*) 的原贴： 移动老总他老婆和我有一腿 网易河南郑州网友(222.137.*.*) 的原贴： 我先上 网易浙江杭州网友(125.120.*.*) 的原贴： 你们真牛~！ 网易安徽合肥网友(220.178.*.*) 的原贴： 谁参加听证会了，还是没开！ 网易北京丰台网友(125.34.*.*) 的原贴： 陈关西来了说：“嘿嘿我这还有照片呢！” 网易广东深圳罗湖网友(219.133.*.*) 的原贴： 不好意思，我和移动老板娘的事被他老公视频发现了 网易北京网友(124.192.*.*) 的原贴： 不好意思，我和移动老板娘的事也被他老公视频发现了 网易北京网友(124.192.*.*) 的原贴： 移动老板:"发现就发现吧,小M我有100个,你们才发现几个?" 网易江苏苏州网友(58.211.*.*) 的原贴： 你说小M?回家看看你的电脑吧?硬盘在我这! 网易山东日照网友(222.174.*.*) 的原贴： 我是城管大队大队长，你们的资料全部上交，我要审查！ 网易浙江温州网友(218.75.*.*) 的原贴： 我来刻碟子，4.5一张，8块2张 网易辽宁朝阳网友(59.44.*.*) 的原贴： 都是移动老总的女儿的艳照 网易广东深圳网友(202.105.*.*) 的原贴： 我是搞Se 情杂志的,我马上给她出版.促销价10元/本 欲购从速! 网易广东东莞网友(59.37.*.*) ... http://blog.d8in.com/posts/189.html 经过6个月的开发，wordpress 2.5 正式发布，不过版本确实发布够快的，从rc1、rc2、rc3 到正式版本，不超过一个月的时间，看上去这个正式版发布的够仓促的。传说至少还是有200多个bug没有修复。无论在那样了2.5版本比2.3已经有了很大的飞跃，后台管理，速度，全新插件更新方式等等，及时有些小bug也再说难免。不过大家要是升级还是要慎重。 WordPress 2.5 中文版下载地址： http://code.google.com/p/wordpresschina/downloads/list WordPress 2.5 英文版下载地址： http://wordpress.org/download/ http://blog.d8in.com/posts/188.html 经过不断的努力终于下定决心，把blog全面升级。 1、博客程序由wordpress2.09升级到2.5可谓的大的飞跃，因为一直比较懒，加上工作忙，wp程序升级毕竟还是有些风险，但是在试用了2.5以后发现，差距太大了已经和我的老版本，而且还有不少功能的集成和提升，所以还是下定决心升级，因为玩程序玩久了也知道，小升级没啥意思，大升级出有风险，如果版本差距过大升级，那就更麻烦了，所以下此决心升了一下。总体来说还算满意，暂时没有发现什么大问题。就是用客户端进行博客管理还是有些问题。 2、皮肤也从新更换了一套，原来的那套确实也很漂亮，但是不少人反应太黑了，看不太清楚字，确实如此，所以也寻觅好久新皮肤了，终于找到了，花费了N多心血进行改造和调试，现在这个效果应该还算满意吧，不过以后还要有微调的。 3、新的一年，博客的主要内容将基本保持不变，但是会更多的介绍关于用户体验和Web产品设计的东西。 ps：升级wp25的时候一定要注意把后台的gzip选项去掉，不然可能会升级以后前台访问出现白屏的情况 http://blog.d8in.com/posts/187.html Myspace和Facebook是当下最火爆的两个社会化网络网站，虽然都是社会化网络网站，但是架构却是截然的不同，所以虽然同是社会化网络网站，但是用户在里面的感受的截然不同的。 社会化网络里面一个重要的功能就是交友，Myspace的开放性非常强，它鼓励用户在里面尽可能的结交新朋友，而Facebook的封闭性非常强，他鼓励用户找到老朋友，不太提倡过多的结交新朋友。从某种角度来说，Facebook更趋近于真实社会中的交友方式，而myspace更像是一个“交友俱乐部”。 在Myspace中交新朋友方式很直接，甚至新人就给了你一个新朋友，你可以通过“Browse”查看系统里所有的人，如果你是男性那么默认的结果都是女性，如果你是女性默认的结果都是男性，而且当前在线的人都是排序靠前的，一个新人刚刚注册，就可以很容易的加上十几个新朋友。而Facebook交新朋友的的方式就很含蓄，虽然搜索匹配这些功能也都是有的，但是这些东西都被放到不显眼的角落里，一般都是通过朋友的朋友，或者小组，等一些小圈子的地方不经意加了一些朋友，如果是一个新人还没有老朋友在上面的话就会比较惨。 Myspace让用户在系统中快速简单高效的加进可能多的新朋友，但是因为数量庞大新朋友会导致弱化了朋友和朋友之间的关系强度。Facebook让用户尽量困难的增加新朋友，因为增加新朋友途径的问题，这个新朋友和用户的关系就比较强。用户和用户的朋友的关系强弱直接导致了关注度，当然这个关注度可能是单向的，而对于“关注”最好的功能莫过于Feed了，Feed的这个功能只有在强朋友关系下才会运转起来，而如果关系不是很强的话Feed甚至可有可无，当然我不否认Myspace一样里面会有强关系的朋友，但是比例和Facebook来比确实要低很多。毕竟初始状态下Facebook里面是老朋友+比较强关系的新朋友，而Myspace基本都是弱关系的新朋友。 其实对于交友Myspace和Facebook采取了不同的策略，无所谓那个好那个坏，策略的不同是因为站点满足的用户需求是不同的，就算是相同的功能在站点中起到的作用也是不同的，对于以后发展不知道Myspace和Facebook对交友策略是否有一些其他的功能改进，持续关注中。 http://blog.d8in.com/posts/182.html 今天用Aptana 有了新的更新，软件版本更新到了1.1同时推出一个重要的功能就是Aptana自创的Jaxer，号称是世界上第一个Ajax服务端，虽然是1.0版本，但是发现网站上的资料库已经相当健全，而且还有不少的视频演示。 引用一段官方的对Jaxer的说明翻译： Jaxer改变了这一切，它是世界上第一个真正的Ajax服务器。在Jaxer里面, HMTL, CSS,Javascript都是它的其中一个对象，就象XMLHttpRequests, JSON, DOM一样。并且作为服务器，它提供了进入数据库、档案和网站建设，以及服务器日志、进程管理、安全性、可扩展性和整合了API。 其实javascript本身是具有服务端运行的属性的，譬如下面这段代码： 客户端运行 document.write("hello word"); 服务端运行 document.write("hello word"); 只要 script声明的时候是runat="server"，就表示在服务端运行，这样的写法其实稍微喝.net类似。而且javascript本身也是可以调用数据库做一些稍微复杂的操作的。但是代码十分繁琐，Jaxer通过再次封装同时加入一些新的功能在里面，就是javascript语言在服务端的功能大大增强。 看下面一段示例代码: Enter and number between 5 and 50: var count =Jaxer.File.read("count.txt"); document.getElementById("number").value=count; function saveNumber(number){ if (validateNumber(parseInt(number))) { Jaxer.File.write("count.txt",number); } } saveNumber.proxy=true; function SubmitNumber(){ var currentValue=document.getElementById("number").value; if(validateNumber(parseInt(currentValue))){ saveNumber(currentValue); alert("Your number is save") } else{ alert("Your number is out of range") } } function validateNumber(number){ if(number50){ return false; } else{ return true; } } 从代码中可以看出，客户端和服务端的数据通信无阻隔，想必是最大的优势。用一门语言可以写服务端也写客户端，可以随意设定语句是在服务端运行还是客户端运行，还是服务和客户端都运行。虽然现在Jaxer刚刚发布，功能还不是很强大，不过确实试验一下还是蛮有意思的东西。 Write entire applications or presentation layers in Ajax Full DOM and JavaScript on the server Seamless communications between browser ... http://blog.d8in.com/posts/181.html