







原本我是不太支持盗版的,但是现在经济实力有限。。。所以呢,SPB真是个伟大的公司啊,反SPB出品的软件没有不好用的,现在我手机上用Spb Mobile Shell 取代了Today,隔三差五用Spb Backup 备份一次联系人和短信邮件,另外最近最常用的就是Spb Insight 了,订阅了很多RSS和牛人博客,没在线的时候就看手机了。至于游戏,只玩Sudoku。
Productivity
——————————————————————————————————-
Product Name Release Date Serial Number
——————————————————————————————————-
Spb Backup 1.6.3 Nov 22, 2007 36246788
Spb Backup 2.0 Jun 10, 2008 3J4Q-623Y-SA9K
Spb Diary 2.5.8 Mar 20, 2008 93476932
Spb Finance 2.8.0 Jan 22, 2008 26324567
Spb Full Screen Keyboard 3.0.1 07 10 2005 45436801
Spb GPRS Monitor 2.5.1 Oct 29, 2007 71290456
Spb Insight 1.5.1 10 5 2007 3H3F5DEFJ46M
Spb Imageer 1.6 9 10 2007 21428451
Spb Mobile Shell 2.1 Apr 29, 2008 5D4758P72884 5D4676738P92 5D4387D52T98 5D4527U36873 5D4522645K88
Spb Phone Suite 1.3 Apr 30, 2008 5C3M578358C4 5C39E638333F 5C3EJ3488577 5C325663A672
Spb Pocket PC Tips & Tricks 1.5 04 8 2005 82702398
Spb Pocket Plus 4.0.2 Dec 06, 2007 2G6X-V8J6-WU2Y
Spb Time 2.2.2 Dec 13, 2007 21341317 61330463 24234523 73679292
Spb Traveler 1.6.0 Mar 12, 2008 3K3848A525C9 3K345A4E82H2
Spb Wallet 1.5.1 Mar 03, 2008 5A39-SETU-ZM5X
Spb Weather 1.7.4 Mar 14, 2008 46123413
=======================================================================================================
=======================================================================================================
Games
——————————————————————————————————-
Product Name Release Date Serial Number
——————————————————————————————————-
Spb AirIslands 1.1 22 3 2006 59247565
Spb Arkaball II 1.1 May 02, 2006 13432346
Spb Balltracker 1.2 Jan 30, 2008 5O3B636F8277 5O3B6E353942 5O3J2E285334
Spb Brain Evolution 1.2 Jan 30, 2008 5B3227F52FH6 5B3G4B3DA2E3 5B3D963C32K2
Spb Bubbles 1.1 May 02, 2006 97814365 47385623 17883912
Spb FreeCell 1.5 Jun 01, 2005 727DAC24
Spb Matches 1.2 Jan 30, 2008 5U3486B355J5 5U3528A3F277 5U39G6472538
Spb Minesweeper II 1.2 Jan 30, 2008 5Y354B3572K3 5Y33K3246534 5Y3D64A2C2C2
Spb Numbers 1.2 Jan 30, 2008 623F9E35A3M4 623K324863H2 6233H92D4868
Spb Quadronica 1.2 Jan 30, 2008 6434JF3B26C2 643D7332HA99 643DE565848B
Spb Sudoku 1.2 Jan 30, 2008 663V9EDPIHOX 6636W9ZJQAVY 663L5T9KATDV
Spb Xonix II May 02, 2006 73903753
上周四,因为去北航打球,然后回搜狐和旧同事吃饭,又让我回五道口转悠了一圈,晚饭过后和来北京出差的google帅哥金凡碰面叙旧,有幸去到谷歌总部转了一圈,见识了免费的饮料和食品架,喝了一厅应该是架子里最贵的旺仔牛奶,至于吃的零食,我还是保持了矜持没有下手。然后去城铁边的Bridge吃了个沙拉,话说那边那么多酒吧,我只去过这一家。
今天,本周四,本来没计划去打球,想在家做个好菜,结果出门买菜锁门的瞬间,发现自己没带钥匙出来,而外面还有一层玻璃门锁住了,进退两难。还好住在对面的邻居就在本栋楼上班,只好打电话麻烦她来开玻璃门解救我。买了菜,还是进不了家,喜姑娘要在外面和朋友吃了饭回来,于是我就再次出门,也不知道去哪,就上了地铁。
想想要么就去打球吧。于是换上了13号线,结果,鬼使神差,一不小心就坐过了,又到了五道口。既然这样,反正打球也迟到了一个小时,就在五道口转转算了。直接去了华联下面的超市,发现我上周跑遍西边5个超市没买到的东西这里都有!我在这边上班的时候怎么从来没注意过这个好地方。。。
逛完超市,同事打完球回来了,于是约着在华联顶上吃个越南菜,吃完发现旁边有在HK看到的美珍香的烤肉,于是又买了60块钱的肉。然后去搜狐转了一圈,回家。
五道口是个好地方,我终究要再回到这里生活,鉴定完毕。



一年中第二次去HK,完全是实用主义在作怪。
其实原本计划的是蜜月去马尔代夫,但是随着上证综指从6000多点跌到2000以下,我已经完全没有多花一毛钱的资本了。于是讨论了一下,四个国内提案:成都、厦门、三亚、HK。成都我6月刚去了,对那我并没有太多感觉,而且去一个刚经过大灾的地方度蜜月有点说不过去;厦门似乎呆不上一周,没太大必要;三亚一般人会当作首选,但是两个人想了想,花一周时间躺在海边晒太阳,晒了A面晒B面,又不喜欢吃海鲜,这多浪费时间浪费生命啊,而且10月还是很热的时段,回来还得护肤……不如还是去HK吧,上次只去了4天,还有很多地方没去到,而且刚好再买一些便宜东西,买到就是赚到了。瞧,很实用主义的两个人吧。
婚后休息了几天,10月9号上午经深圳到了HK,再次赴港多少有了点经验,就住在庙街的经济型小酒店(实在算不上是蜜月啊~),附近就有商务印书馆,下楼就吃夜宵,对面就有许留山,往南走就去油麻地,往北就去旺角,不用像上回住在湾仔的时候那么麻烦了。
第一第二天就是疯狂购物,喜姑娘购入数千元护肤品,而我则购入数百元的书……
某天计划去浅水湾,结果过了站直接到了赤柱,发现赤柱的夜晚还非常不错,算是偶然收获吧。从赤柱回来坐的双层巴士的上层,司机在一个小时的颠簸山路上四档疯狂驾驶,车随时像会翻,我过足了过山车的瘾,喜姑娘都快哭了。
这次的离岛计划还都执行得不错,南丫岛确实是个好地方,有点赖着不想走;长洲就差了很多,海滨浴场脏兮兮的,买了几个特产——麦兜里提到的“抢包山”的包子。连续三日坐船,两人都慢慢习惯了,基本没感觉。
依旧没去迪斯尼,我们都不喜欢,依旧没去大屿山坐缆车,那缆车据说还是经常出事。
买了一些国内买不到的书和DVD,把中环和尖沙咀的街道都走熟了,以至于回来看TVB的片能到处都认识。还有铜锣湾的一家宠物店,有人赖着不肯走啊,哎。。。
买了《玻璃之城》的DVD,然后去了香港大学,和我想象的完全不一样啊。。。
14号是返程日,也是个很痛苦的日子,上午我们从香港坐船往珠海,因为喜姑娘的澳门签证已经过期,所以我们计划从珠海飞北京,到珠海后我见时间还充裕,就打算自己过关去澳门拍点照片,我的签证还差几天也要过期了,好歹也算是去过澳门吧。谁知道从澳门过关回珠海的时候,那个队伍啊。。。好多从澳门买玩具和奶粉回珠海的主妇们。过关碰了喜姑娘然后打上车一路狂奔到机场,奶奶的珠海机场比首都机场还远,花了150块来到荒山野岭里的曾经被誉为盖得很超前结果最失败的冷清机场,我们的班级还赶得及,但是已经不能托运行李了,工作人员要我们把装满液体护肤品的那一箱子都扔掉才能登机。开啥玩笑,护肤品几千,箱子也值三千呀。只能让喜姑娘怨恨地先走了,我留下来买了稍晚的机票,之前订的是特价票,没法退,只能浪费了。在这冷清的机场享受了一次全体工作人员为我们两个人的专程服务。他们悠闲得在我接下来等飞机的三个小时内不断的来打听我们刚才的情况……
15号凌晨我终于回到家,不完美的蜜月结束,自觉的答应了以后一定补个更好的给喜姑娘。。。
在以Axure为代表的各种高级原型工具泛滥的今天,很荣幸的看到了这样一组手绘得非常精致的UE,这些画面在我眼前绕了很多个圈,直接击中内心底的一句话:我们在这个世界,做些什么?
除了我以外,我相信所有人都看到的是:用纸原型还是最高效的,最低成本的,最易修改的。而我,在这个赋闲的晚上,看到的不是那些效率和成本。
创造的过程,本身也是一种美,这些精致的草稿,也许画完之后马上就要被涂抹被撕成模块,但是它们都曾经这么美好过。它们已经不只是草稿,它们是产品的在路上的生存状态,它们就是艺术的本体。





Soxiam手绘相册:http://www.flickr.com/photos/soxiam/sets/224126/
本文刊于《电脑爱好者》,鉴于受众初级,文章比较轻量级,见笑了。
从用户角度来说,交互设计(Interaction Design)是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。
这些年交互设计在网站产品中提到比较多,很多网站已经有了专职的交互设计师职位。通过对基于web浏览器产品的界面和行为进行人机交互设计,让产品和用户之间建立一种有机关系,从而可以有效达到用户的目标,这就是网站交互设计的目的。
同时,交互设计的目标还体现在网站的用户体验之中,体验在于给用户一些舒适的、与众不同的或者意想之外的感觉。可用性实现产品应该做到的基本功能,并且符合基本逻辑,一切顺理成章理所应当;而用户体验则是这个流程的操作过程中用户获得的便利、额外的惊喜、还有收获。
伴随着这个话题,有很多的网站及网站产品在被对这个行业有着浓厚兴趣的设计师们津津乐道着,典型的自然是google和一系列玩弄概念的web2.0网站。
Google Gmail
我们先来看看Gmail,虽然Gmail在中国还是存在速度慢、登录有些不稳定等,但这丝毫没有减弱忠实用户的热情,Gmail在使用体验上做的非常好,除了在容量上的惊人慷慨,还有些独有的功能特性使Gmail形成了很强的独特竞争力。
Gmail 可以自动将电子邮件及其回复汇集为会话,这是我所看到的Gmail最具交互意义的功能创新了,在此以前的所有Email系统里面,要在大量的邮件中找到自己上次回复过的邮件是非常麻烦的一件事情。而现在Gmail能够像一个BBS帖子一样把所有与收到或者发出的邮件关联起来,就能够马上看到整个邮件的沟通过程,连搜索都不用。
好的功能设计一定是考虑到用户最方便的使用,最近看到不少人在用户体验方面的争论,大家把焦点放在了是否顺应用户的使用习惯方面,而我觉得使用习惯固然重要,如果没有意义的改变了你产品的用户习惯肯定是一个错误的选择。如果这个用户习惯的改变是对原有使用习惯的改进,使用户更加方面的进行操作,那就像Gmail一样是个出色的交互革命。
图1:Gmail的折叠对话式邮件往来。
豆瓣(http://www.douban.com)
豆瓣的交互设计一直让人称道,作为web2.0产品中的经典设计,豆瓣搜索工具做得很人性化,虽然豆瓣已经发展了书籍,影片,音乐的多个领域的业务,但其搜索并没有出现让人烦心的选择项,一个简单的搜索按钮全部搞定,并有字幕提示可搜索的种类,并有指示性的小按钮可供精确搜索。而在搜索的结果页可以进行更细分的搜索,相对于其他很多搜索功能上已经是很大的进步。
豆瓣使用了许多指示性的符号。如 在哪儿才能买到书?……. 不仅通过问号来指示,而且用省略号来吸引你注意。整个页面没有过多的小图标之类的东西,更多是采用指示符号。
无论身处豆瓣哪个页面,针对该页面的各功能模块都会将围绕该功能模块的功能链接进行合理的安置,以至于你看到哪个功能块,想干什么,想看什么,他所有的功能操作能在周围就找得到。
图2:登陆之后的我的豆瓣页
开心网(http://www.kaixin001.com)
今年SNS网站的用户争夺战可谓是愈演愈烈,起初Facebook没能占据白领阶层的主力市场,接下来的校内网和海内网之间的较量还刚拉开帷幕,又多了一个搅局的开心网。纵观SNS的众多大小网站,都非常重视交互设计对用户体验度的影响,之所以有这么多人愿意每天花半数以上的工作时间泡在SNS上,和他们优秀的交互设计是分不开的。
开心网的交互设计在很多细节之处可圈可点,选择人名的时候如果遇上有数个人同名同姓无法区分的,那么在名字右侧便会有他的缩小头像显示;在抢车位的小游戏中,右侧好友列表的中,好友名字旁边会有显著标识该好友家车位是全满还是半满,免得点进去之后才发现没位置停车而浪费时间;另外在新推出的“咬人”游戏中,欲咬人之前界面上还会给显示出来哪些人还有能量经受你一咬,而哪些人又是你今天已经咬过了的——在方便的基础上更加方便。等等很多用户体验细节的专注,使得开心网热潮退去之时仍有很强的用户黏性。
图3:开心网的交互设计细节
Flickr相册(http://www.flickr.com)
Flickr却一直在尝试用文字去表现其个性,每次Flickr都会变着花招的跟登录进去的用户打招呼。——Labdien 小猪头!現在你懂得怎样用拉脱维亚语打招呼了!(Now you know how to greet people in Latvian!)。放在本地的中文网站,搞这套自然没有大意思。因为Flickr的国际化,每天来自世界各地的用户互相浏览对方的图片,而语言则正好是一个沟通重要因素。
简洁的用户界面不带强制性的广告,使起来顺手且随意的翻页浏览,不论产品和用户界面,Flickr都强调要使初次登入的用户有种亲切感。Flickr团队的工作人员每天每秒不停息地改进Flikcr以使用户能获得更好的用户体验。已经成为 Web2.0标志之一的小插件(Features)诸如博客的导入/导出,能内嵌入其他网站的Flickr相册代码等,都很早就发展起来了。因此几乎 80%的新用户是通过浏览其他Flickr用户的博客而知晓Flickr的。同时,Flickr也以提供额外功能(诸如:扩展的存储量)作为奖励,来吸引用户更积极地邀请他们自己的朋友参加进来。
图4:Flickr,极方便的字段修改操作
介绍了很多出色的交互设计,接下来看看这些做得不那么好的例子,对于交互的把握不够、或者稍有偏差,使得整个产品就不那么完美了。
各大门户网站
几大门户网站有着最失败的用户体验,虽然这些年各网站都开始注重交互设计和用户体验,但只有网易真正把交互的职位和权责确立了起来,于是把新浪搜狐远远的甩在后面。
传统的门户不外乎是无数标题和专题以及广告在首页的无穷堆叠,以至于页面冗余到近十数屏的高度,还好门户有着及其强劲的服务器支持,不然这样的页面根本无法呈现在用户面前。
海量的信息在用户体验上就纯粹是浏览,真正的标题式浏览,这样就导致了页面的位置格局具有了极大的战略意义。网站本身已经不是以用户为本,而是以该网站、该网站编辑的主动导向为本,可以说这样的人机交互是非常失败的。
具有前瞻意识的网易让我们看到了门户的改变,虽然网易的主要页面仍是传统型门户,但是其各种产品已经逐渐建立起了系统的交互设计体系,这些在网易相册和邮箱里体现得比较明显。
[i]图5:新浪首页
图6:搜狐首页[/i]
谷歌财经
今年初上线的谷歌财经可以算是一个毁誉参半的产品。谷歌财经对资讯及日历的整合和交互式的图标设计让看习惯了填鸭式财经网站的用户眼前一亮。在谷歌财经的首页中显示了国内商业新闻按照专题进行了分组,而不是按发布日期进行排列。这样,就不必再阅读大量 的具有相同标题的新闻事件。此外,大家还可以将自己的股票添加到谷歌日历中进行管理。谷歌财经将市场数据以图表的形式在的首页中显示出来,同时结合相关新闻将其放置在一个单一的互动图表里。这样用户可以追踪新闻直至股票表现,也可以点击并拖动图表,查询不同时段的信息或其它更详细的资料。
而谷歌财经的个股行情图却让中国用户汗颜,由于应用程序是直接汉化过来使用的,所以每天的11点30分到13点这一个半小时的中国证券交易市场午间停牌时间,在谷歌的行情图上显示的是一条笔直的线段——因为那段时间价格没有变动,但是技术上似乎也没有办法隐去。
图7:谷歌财经的尴尬
MSNSpace
说MSNSpace是有史以来人机交互界面最差的东西丝毫不为过,用户对文本编辑器控件的抱怨已经不是一句两句,虽然MSNspace在博客网站中算是比较早的使用模块化拖拽的,但是这也丝毫不能激起用户的兴趣。照片列表的小气设计、头顶永远的宽大丑陋的搜索栏、日志左侧拖沓的无穷无尽的月份汇总……还有文章的分页呢?在哪?在右上角一个用户永远不可能在三秒之内找到的地方。
MSNSpace改版以后界面上已经是怨声载道,而如今用户体验又给人留下这么糟糕的印象。相比微软的其他的伟大的产品群,MSNSpace的交互设计团队确实算是比较弱势的。
图8:MSNSpace的博客页面
另外需要说明的是,交互设计关注的焦点是关于用户的需求,是主要针对于用户感知及知识领域的,不是设计,很多人因为“设计”二字就把交互设计和美术设计混为一谈,这是个误区。我想“交互设计”达到的最高境界应该是用户对产品的满意度最大化,即实现最高的用户体验度,同时为设计人员提供帮助的最大化,以促使产品最终能趋于完善的交付给用户。
婚礼已经过去大半个月了,喜姑娘把婚礼照片整理出来发,点图片链接可以仔细查看,200多张一气呵成。
感谢李炜同学为我主持这个完美婚礼,感谢李炜同学的女朋友李媛玲为我们撒花瓣。。。
感谢李超同学提供的花车和司机服务,感谢叶茂提供的摄像车和王江哥哥的全程摄像。
感谢伴郎李剑和伴娘吴音莹,感谢提供全程摄影的梁谈、夏怡、陈琛。感谢专程赶来长沙出席的小白。
感谢杨柳老师为婚礼布场进行全程督导,感谢长得特像林文龙的婚庆公司的欧江凌同志。
感谢金凡、高彬、高彬的女朋友、表弟、表妹……等等很多朋友在婚礼当天给予我最热心的帮助。
感谢我亲爱的老婆。感谢岳父大人、岳母大人、妈妈、爸爸。感谢为我们祝福的每一位到场和未到场的亲戚朋友。

本文刊于8月~9月《计算机世界》报,专题连载《全局于网站整体的网页设计 五》,一直忘发上来,备份使用,插图欠奉。
不是所有设计师都知道可用性测试和网站设计的关系,可用性测试和产品概念在国外同行业中已经形成了强大的认同,并在发挥重要的作用。在网站产品上线之前,对其进行系统规划的可用性测试,能减少后期用户在使用中将又可能产生的抱怨及不满。而这个测试,有一部分是针对系统架构的,有一部分是针对网页界面设计及用户体验的。我们在这主要说说后者:可用性测试对界面设计的折回补充。
在交互性比较强的流程页面中,影响用户操作习惯的所有设计,都有必要在可用性测试中重点注意。常规的可用性测试会以模拟一般用户或核心用户的一次完整操作流程为基础,比如网站的注册、填充资料、选择服务或模块、发表图文或修改删除、最终登出帐户关闭页面等等。在这个过程中,各种操作控件的指引、按钮及文字的诱导,都可以影响用户体验。
其实用户体验无一定,没有确切的章法来规定说这么做就是好的、那么做就是不好的。只要用户操作起来无障碍,能一气呵成之后没有怨言的,那就是用户体验不差的设计。
1.操作流程中的用户体验。
这里我们以几个失败的例子,来看看界面设计是如何影响用户体验的。
图1:myspace失败的登录按钮的设计。
myspace上线后,无数用户表达了对上图这个极不合适的登录按钮设计的不满,这个重要的元素,被普通的淡化在左侧,右侧是以鲜亮颜色突出表现的注册按钮。很多人在填写完账号密码之后迅速的不假思索的点击了“注册”。这是一个失败的典型,但是它并不是偶然,除了myspace,还有很多登陆设计是这样,如图2。
图2:除了myspace,还有很多登陆设计是这样
网站为了吸引新用户注册,或者是为了商业回报,会主观上希望某些元素被突出体现,由于设计上处理不当,难免有些原本对于用户操作来说更重要的元素反而会被淹没了,以上这些设计正说明了这点。而如果把“注册”按钮从登录的区域拿出来,或者以不同于“登录”按钮的形式表达,也许效果就会好很多。
图3:新蛋网的登录区域的设计
在新蛋网的登录区域设计中,设计师把用户注册以链接的形式设计,而不设计成按钮,这样也是能明显区分开功能区域的,但是这个设计也不见得稳妥,因为它的登录按钮水平向左超出了用户名密码的区域,用户的鼠标轨迹不具有连贯性。应该把“登录”放置到右边,把“用户注册”放到左边为宜。
2.导向性的用户体验设计
用户体验的导向性,一般体现在希望对用户的行为方式有明显影响干预的网站,典型的代表就是购物网站了。
淘宝网的用户体验在业内应该算是典范,作为国内最成功的C2C网站,淘宝的用户体验设计也在无时无刻的完善之中。
图4:淘宝网商品细节展示及购买引导
以淘宝的产品展示页为例,在单件出售物品的信息传递上,在产品照片右侧,清晰写明了一口价和运费,然后紧接下来就是一个硕大的“立刻购买”按钮,然后种再将需要写明白的物品信息及参数等等一一罗列。这个页面就具有很明显的用户诱导性,淘宝需要的就是货品的成交量。
图5:开心网忽略了对博客的引导
而开心网的引导设计就完全不同,开心网是一个以娱乐为主线索的网站,虽然它也涵盖有博客的功能,但是这不是它的重点和强项,于是开心网在各种环节减少对博客的侧重,尽量简化了对博客的引导,而重点发展其他有别于传统博客的互动性娱乐项目。
3.Don’t make me think
Don’t make me think——这是用户体验及可用性测试方向一本很有名的著作,好的用户体验就应该把用户当作不会思考的傻子,只会沿着你计划好的路径一步步往下走。用户犹豫得越久,越能说明这个网站的设计体验化还不够。
图6:digg,直接明了的操作体验
Digg.com给web2.0带来了新的亮点,每篇文章前有一个digg按钮,你觉得这篇文章好,你就可以顺手“digg”以下,完全不用考虑如何操作。
图7:某网站让人无所适从的按钮群
在同一个页面上,出现了4个操作按钮,并且仔细一看他们之前还是从属关系,更是让人一头雾水。
4.用户体验,细节决定成败
一般用户很难记得网站流程中好的部分,他们会认为做得好的地方都是应该的;相反,他们特别容易记得一些影响了全局的细节,一个让人吃惊的微小细节,都可能影响用户对整个网站的评判。
图8:搜狐邮箱,退出的时候确认提示
图9:微软live邮箱的添加附件操作,公认的失败设计
搜狐闪电游,在编辑邮件的同时,如果点击了任何别的离开编辑状态的操作,您就会看到弹出的提示是否确定放弃正在编辑中的邮件,如果又人在编辑重要邮件的时候进行了误操作,那么这样的细节就能够帮助他们避开损失,进而对该邮件系统更为信任。
接下来不得不说说微软的live邮箱,整个邮箱界面的设计是被公认为很差的。尤其是在编辑邮件状态下,点击曲别针一样的按钮,按理说应该是就可以浏览机器磁盘并且上传图片或压缩包等有限格式的文件。而在live邮箱里,曲别针按钮右侧有个可下拉的三角形,上传附件须先选择是图片还是文件。我不知道这样设计的意图何在,难道图片就不算是文件的一种吗?
图10:淘宝优秀的下拉选择菜单设计
去淘宝搜索任何一件物品,就可以看到图上这个很长却又很整齐的物品分组下拉菜单,特殊分组还有背景颜色块以示区分,合理的分组搜索,能缩小搜索的包围圈,提高用户的寻找效率。
图11:开心网的圈人操作的优秀体验
圈人这个创意应该是来自于照片网站Flickr,开心网在细节上对其发扬光大,使得“圈人”的体验度更强,使用起来更加得心应手。
在进行了科学的可用性测试,掌握一般用户和核心用户的体验报告之后,设计师就需要以用户体验报告来对设计进行分析调整,完善网站,实现可用性测试对网站设计的折回补充作用,用以实现更具有用户亲和力和操作便利性的操作界面。
到此为止,本文一共使用了五个大章节来对脱离了最基础的美术设计高度之上的网站整体设计发表了我的个人看法。设计其实是个无标准也无满分的东西,它存在于网站假设的各个环节之中,因篇幅所限,只能谈到一些常见的并且容易表达和揣摩的内容,也许我的某些观点和各位不一致,您可以反对我,但是请您一定记住:最简单的设计,不一定是最好的设计;而最简单的操作流程,才是最好的流程。
本文刊于《计算机世界》报or《数码》杂志,我忘了。。。
数码产品的材质和产品性能、使用感受总是息息相关的,当前流行的数码产品材质可以分为两大类,一类是非金属材质,一类是合金材质。非金属材质大约致有ABS塑料和碳纤维;而合金材质有铝镁合金及钛合金。同时还有面向高端的皮革产品及尝试文化气息的木头、竹子产品等等不太普及的材质应用。这里我们主要以材质应用较为丰富的笔记本及相机、MP3等个人随身数码产品为例介绍各种不同材质在不同产品上的表现。
• ABS工程塑料
现在市场上绝大多数IT产品外壳或多或少都采用的是ABS。ABS的化学名称为丙烯腈-丁二烯-苯乙烯共聚物,丙烯腈有高强度、热稳定性及化学稳定性;丁二烯具有坚韧性、抗冲击特性;苯乙烯具有易加工、高光洁度及高强度。
通常在笔记本的材质介绍中将工程塑料表述成PC+ABS,因为它既具有PC树脂的优良耐热耐候性、尺寸稳定性和耐冲击性能,又具有ABS树脂优良的加工流动性。同时其具备极好的冲击强度,电性能、耐磨性、抗化学药品性、染色性,成型加工和机械加工较好。这样的特性应用在笔记本外壳上非常合适,较好的抗冲击性和尺寸稳定性保证了对机身的保护,而极好的染色性和加工性则使后期的成型加工和染色非常容易。
不过ABS的密度较大、质量较重,所以一般在注重移动性的产品上不会得到使用,而且塑料本身的导热性能较差,所以不利于产品散热,同时也不利于环保。但当前绝大部分笔记本、相机、入门单反相机采用的都是工程塑料材质,毕竟成本的控制直接关系到消费者的承受能力,也就代表着市场的认可程度。
随着ABS加工技术的日趋成熟,部分厂商推出了“镜面钢琴烤漆”、“膜内转印”等新工艺,使其拥有更漂亮的外观以及更好的抗压耐磨特性。虽然并没有从根本上解决ABS质量重、散热差的缺点,但在价格实惠的前提下,对消费者同样很有吸引力。这些工艺比较多的出现在面向时尚人群的笔记本及MP3数码产品领域。
[i]图1. 采用了镜面钢琴烤漆材质的ThinkPad SL400
图2. 使用透明塑料的三星S2[/i]
• 碳纤维
碳纤维的外观类似塑料,但是强度和导热能力优于普通的ABS塑料,它既拥有铝镁合金坚固轻盈的特性,又有ABS工程塑料的高可塑性,而且碳纤维是一种导电材质,可以起到类似金属的屏蔽作用。
碳纤维的强韧性是铝镁合金的两倍,而且散热效果最好。碳纤维的缺点是成本较高,成型没有ABS外壳容易,因此碳纤维机壳的形状一般都比较简单缺乏变化,着色也比较难。此外,碳纤维机壳还有一个缺点,就是如果接地不好,会有轻微的漏电感,需要在其碳纤维机壳上覆盖了一层绝缘涂层。所以数码相机领域内没有碳纤维的应用,除了以上原因之外,也因为相机多少需要一些重量来衬托拍照手感。
采用碳纤维材质的机型主要是各大品牌的高端商务系列,包括索尼的TZ/SZ/G等便携商务系列、联想天逸F31以及ThinkPad早期的T系列。
[i]图3. 天逸F31是为数不多的采用碳纤维材质的家用本
图4. 索尼TZ使用碳纤维作为外壳材料,凸显其便携商务定位[/i]
• 铝镁合金
铝有着质量轻、散热好等优点,再掺入少量的镁及其它的金属材料则能够加强合金的硬度和抗压能力,于是目前许多中高端数码产品都采用了铝镁合金材质外壳。
铝镁合金的硬度是工程塑料的数倍,但重量仅为其三分之一,加上其优良的散热能力,更得益于铝的低重量,铝镁合金材质更适合生产轻量级的产品。同时银白色的外壳使得产品更加美观时尚,而且易于上色,因此铝镁合金是目前便携型产品的首选外壳材料。但是镁铝合金并不是很耐磨,用久了会显得颜色暗淡,而且喷过漆的产品容易出现划痕、掉漆等情况。
中高端单反相机中采用铝镁合金或者是镁合金作为机身骨架材质比较多,这些产品对机身硬度要求比较高,所以使用铝镁合金是比较合适的选择。
而随身小数码产品并不用过多的考虑机身坚固程度,所以很多MP3及数码相机机身采用的全铝合金。苹果ipod nano 4外壳采用了全铝合金材质设计,非常上档次并且整机重量仅仅40g。铝合金材质的使用使机身外壳有足够的摩擦力而不至于手滑跌破,同时不容易留下指纹和划伤。
[i]图5:全铝外壳的ipod nano 4,更容易喷涂丰富色彩
图6:使用铝镁合金机身的宾得中端单反K20D[/i]
• 钛合金
钛合金材质可以说是铝镁合金的加强版,钛合金的主要成分也是铝,而金属钛的含量不足3%。钛合金除了掺入金属本身的不同外,还渗入碳纤维材料,无论散热、强度还是表面质感都优于铝镁合金材质,而且加工性能更好,外形比铝镁合金更加的复杂多变。
就强韧性看,钛合金是铝镁合金的三至四倍。强韧性越高,能承受的压力越大。至于薄度,钛合金厚度只有0.5毫米,是铝镁合金的一半,厚度减半可以让数码产品更为轻薄小巧。钛合金唯一的缺点是必须通过焊接等繁琐的加工程序,才能做出结构复杂的笔记本外壳,这个制造过程意味着可观的成本,因此造价十分昂贵。
诺基亚在8800CA上使用了钛合金作为外壳材质,使这款高端手机独显奢华本质,屏幕更采用了超强度玻璃材质打造。如此的高端材质和出色设计代表着诺基亚始终是引领着手机界的时尚潮流和最高的锻造工艺。
三星和佳能也都发布过几款使用钛合金外壳的卡片数码相机,但是钛合金对相机这类消费类产品意义不大,所以目前使用钛合金在相机领域的应用还是比较少的。
[i]图7:使用钛合金的高端商务手机诺基亚 8800CA
图8:ThinkPad X系列御用钛合金为外壳材料[/i]
• 皮革
以专门打造奢华数码产品而闻名的英国公司Goldstriker International发布了一款拥有皮革和黄金混合材质的iPhone特别限定版。皮革目前仍是奢侈品的象征,皮革的使用在手机中出现得比较多,而后才逐渐使用在IT产品领域。
率先将皮革材质引入笔记本外壳设计的是华硕,2006年推出的S6皮革版是全球首款采用皮革外壳的笔记本产品。皮革本身的特点是柔性较强,所以可以根据笔记本不同的外观附着不同的皮革,并且手感非常出色,而且染色工艺也比较成熟,不过和其他的材料相比,皮革本身过软,所以它不能单独用作笔记本的外壳,必须是附着在某种坚硬的材质表面才可以,否则是不足以对内部的原件起到保护作用的。另外,皮革材质的导热性一般,对于发热量较大的产品来说不是很合适。
同时华硕也生产了皮革材质的手机产品Z801和Z802i,不但有皮革,还有蓝宝石表面,都用来衬托其高端定位。
图9:定位高端的华硕S6皮革版笔记本
• 竹子
作为生活中常见的一种材质,将竹子引入到笔记本的外壳制造最大的意义在于其本身的环保概念,而从另一个层面上来讲,竹子本身代表了中国的一种文化,以竹子为主题也可以凸显出浓浓的中国风设计理念。从竹子本身的特性上来讲,生长到四五年左右即可以进行采伐,而合理的采伐非但不会破坏竹林,而且有利于促进竹子的新陈代谢,有助于其生长。
竹子本身比较坚固耐久,而且质量也比较轻,为了提升其强度以及防褪色,在竹材的处理过程中还特别使用了烟熏或是蒸煮的工艺,将竹子中的醣份去除,同时在竹材的表面加上透明的漆料涂装,这样做可以有效提升竹材的防虫蛀、防潮、抗磨损以及防褪色能力。
事实上,将竹子应用在笔记本外壳制造上最大的难度并不是来自于提升竹子本身的物理性能上,而是如何将竹子加工成需要的厚度。因为笔记本要考虑到体积以及重量的因素,所以其表面材料要足够薄,而当竹子被切削至足够薄时,再对其进行成型加工的难度非常大,因此在加工过程中应用到了机械雕刻的方式,同时辅以一定的金属件,一方面可以提升强度,另一方面也可以弥补竹材本身散热不好的缺点。
图10:使用竹子表面的华硕笔记本
好的材质固然人人都渴望拥有,但它同时也意味着更昂贵的价格。高端的材质能带来更好的使用感受,凸显产品量级,而廉价的材质能降低生产成本。没有一定的指标来评价哪种材质好哪种材质不好,只有在合适的产品设计上应用合适的材质及原料,照顾到目标用户的切实使用感受,才是成功的产品设计。