Filed under Draft4Media

节选约稿部分。。。

最近唯一完成的就是给一个小众杂志的专访,说数码产品评测和用户体验的。最后一段我还比较喜欢:
对您而言,成功的秘诀是什么?
难道我成功了?假设有天成功了……成功的标准是什么?
总之,要敢于体验敢于尝试,体验这个词,和我之前和现在的工作都是相关的,评测、试用、用户研究,这些都是体验,在生活中也要敢于去尝试各种新事物,与时俱进才能保证不被时代淘汰,并且在第一时间看到未来趋势及商机。不要惧怕成本,为了成长为了丰富眼界及知识面,任何可以度量的成本都是值得的。
对了,一个正常人,要敢做,还要敢担当。

另外,本站不日关闭,谢谢各位这么多年来的捧场。

2009文化创意设计行业信息化特征小结

《计算机世界》年终特约专题,将发表在09年最后一期的专刊。
2009年,受全球经济危机影响,中国市场经济环境恶化、企业景气度降低,但根据相关调研结果显示,大多数中国企业的IT投资并未如预期那样减少,仍有部分行业因中国市场的发展与行业需求,波澜不惊的在2009年增加了IT投资。而设计行业却面临严峻考验,不论是产品工业设计领域还是互联网新媒体设计,资本的投入都显得相对紧张。企业缩减工业设计支出,于是设计行业顿时兴起简约风潮,不论是简化设计流程、减少创意、还是复古甚至抄袭,都可以看出低成本高效率的运作方向。在这个过程中,新兴媒体开始一步步蚕食传统行业利益,大品牌侵占小品牌市场,使得行业竞争陡然激烈。而制造型企业的大幅萎缩,使得国内工业设计面临尴尬,与此同时,大部分企业将营销重点瞄准了成本相对低廉的互联网,又使得网络应用及软件设计热度相对较高,整体的文化创意设计行业出现了冰火两重天的局面。 Continue reading

让人不满的设计缺陷

下周《计算机世界》报产品设计与个人计算版约稿

不得不承认科技的进步给我们的日常生活带来了很多前所未有的现代化感受,硕大的液晶电视、随声的数字音频视频库、绚丽的各种手持数码产品——我们在惊叹不已的同时也在慢慢习惯这些东西带给我们工作生活娱乐的便捷,同时因为它们的存在而养成一种新的生活方式。
然而信息化的现代生活中,并不是所有的设计都是那么和谐,总有那么一些缺陷和尴尬存在在某些角落,我们总是会问,为什么这些细节不能做的更好呢?
我们来看看这些生活中很常见的一些事例吧,它们发生在每个人的周围,也许你也对某些现象抱怨了不止一次了。

Continue reading

i-mu带来新一代的桌面视觉幻响

评测稿,发表于11月某期《计算机世界》报,写得很随便,纯当备份

继前代产品带来不俗的影响力之后,幻响神州又连续推出了数款造型同样独特的新产品,这里为大家介绍的是分别以小鸟形状造型的i-bird和以胖牛形状造型的i-mo。

Continue reading

SRS,如何真正让iPod迎合你的听觉偏好?

本文发表在10月刊的《微电脑世界》杂志,这是原稿,发表出来的因为商业需要已经被改了一部分内容了~

提到SRS,您不一定知道它,不过您很有可能在无意识之间已经间接使用过带有他们先进技术的产品。SRS代表Sound Retrieval System,意思是声还原系统。位于美国的SRS实验室主要研究声音心理,他们的产品用来准确还原声音,或者做虚拟环绕。在很多知名品牌的音频产品上有SRS的影子,比如艾利和的高端MP3系列,摩托罗拉的部分娱乐手机,还有专为ipod定制高端音频外设的奥特蓝星等品牌。

这次我们拿到的是srs为ipod设计的音效还原配件,这个的硬件设备目前只在美国市场有售,售价约70美元。包装有如一本小说般大,而内含的音效还原配件只有差不多一个大拇指大小。

Continue reading

成本控制下上网本的工业设计

按:篇幅有限,没有提及工人舍等设计更精良的进口品牌,这里提到的市场上比较普及的产品中,个人认为从视觉上说惠普2133是最有吸引力的,但是价格完全没有优势,而且评测实验室的同事对2133真实评价很低(但是要发出来的文章不能这么说),所以综合看来,宏碁的AspireOne才是最值得购买的。ExpressCard对我来说没太多意义,通过USB连接WM6的手机都可以无线上网了,只是耗手机电池而已。本文刊于下周《计算机世界》报

自从华硕的第一代易PC横空出世,各种廉价又小巧的低端笔记本产品就如同雨后春笋般冒了出来。这种由Intel提出的“Netbook”上网本——用于基础应用、便于携带的低价位产品的发展理念也渐渐由消费者和各大厂商所认同。可以看出,轻便小巧的上网本已经成为笔记本未来发展的一个重要趋势。
上网本虽然是以市场发展需求孕育而生的新产品,但很多消费者依然对这种产品存有疑惑和顾虑,毕竟在成本控制的前提下,售价3000元左右的笔记本能给用户提供什么样的性能和使用感受?正如您所了解到的,上网本并不能提供太强劲的性能支持,只能进行一些日常基本事务的处理和上网浏览以及联络聊天。而秉承一分钱一分货的道理,上网本的模具设计也肯定受到各方面的限制,这里我们就从材质用料、操控设计及散热、扩展等角度来解析一下当今正流行的上网本。 Continue reading

交互设计与网站用户体验

本文刊于《电脑爱好者》,鉴于受众初级,文章比较轻量级,见笑了。
从用户角度来说,交互设计(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的博客页面

另外需要说明的是,交互设计关注的焦点是关于用户的需求,是主要针对于用户感知及知识领域的,不是设计,很多人因为“设计”二字就把交互设计和美术设计混为一谈,这是个误区。我想“交互设计”达到的最高境界应该是用户对产品的满意度最大化,即实现最高的用户体验度,同时为设计人员提供帮助的最大化,以促使产品最终能趋于完善的交付给用户。

可用性测试与用户体验

本文刊于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:使用竹子表面的华硕笔记本

好的材质固然人人都渴望拥有,但它同时也意味着更昂贵的价格。高端的材质能带来更好的使用感受,凸显产品量级,而廉价的材质能降低生产成本。没有一定的指标来评价哪种材质好哪种材质不好,只有在合适的产品设计上应用合适的材质及原料,照顾到目标用户的切实使用感受,才是成功的产品设计。

脱离美术来看设计

本文刊于8月~9月《计算机世界》报,专题连载《全局于网站整体的网页设计 二》,一直忘发上来,备份使用,插图欠奉。
网页设计的具体化就是网页界面设计,不具备一个考虑用户的好界面的话,无论这个网站有多么好的内容,也无法向用户很好的进行表达。兼具实用性与便利性的界面当然是重要的,但能够唤起用户的好奇心与乐趣,使用户停留及陷入网站,给人留下深刻的印象的界面也是很重要的。要想实现这样的网页界面,就要明确理解网页的特性,在此基础上网页设计者还要具备创造力和卓越的感觉。

1. 网页设计的规范
理解并遵循网页设计的规范是网页界面设计的基础,在行业中也经常称为设计的“一贯性”。一个优秀的有经验的设计师能把网页设计的基本规范很自然很本能的融入在作品中。在显示器的方寸显示空间里以被限定的分辨率来展示页面、以键盘和鼠标两大件来交互控制界面、继而在有限的网络传输速度下一个个层级的浏览整个站点,可想而知其中有多少要素需要规范化。
形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内:在头部显著位置显示网站LOGO、以合理的层级关系及最普通的字体字号来展现导航、设计合理的搜索功能块。注意:除非真有切实需要,网站的LOGO尽量不要以flash动画展示,同时导航也尽量不要以flash动画或图片来表现,因为浏览器有拦截flash的可能,而不同终端设备上的浏览器对flash和图片的不支持也可能造成网站无法继续访问或者根本无法识别。
[i]图1:汽车之家的导航设计,图文结合,非常出色。
图2:贵州省人民政府网站,网站标题和LOGO全部制作到flash动画中,当浏览器屏蔽flash的时候,网站将无法识别。
图3:伊利集团网站,导航flash很漂亮,但是当浏览器屏蔽flash的时候,导航将不可见,网站无法被继续访问。
图4:广东省人民政府网站,非常优秀的设计,导航栏全部以非图片形式制作,既保证了美观,又体验了实用性。[/i]

网站各内容区块应切割明显,让用户能很容易的判断内容块的起始。若非门户类型网站,网站页面长度尽量不要超过三屏(因为不同显示器分辨率参数不同,三屏的说法不一定适用于所有设计),即不要让用户在同一页面上过多滚动鼠标滚轮。中文网站设计时应注意内容区域文字尽量使用12像素、14像素画等偶数字号以准确表达中文字体的整齐切割,正文汉字部分应严格使用宋体,保证用户最好的阅读感受。标题部分可以稍微增大字号,页面上除装饰性图片或广告之外的地方最多使用两种字体。
图5:方正字库网站,左侧列表使用13像素宋体,右侧列表使用12像素宋体,同时除广告外还出现了黑体和行楷等数种字体。

2.简洁为美
网页设计不是简单的在显示器上看到的漂亮的装饰性的画面。所谓的网页设计得比较好的网站,就是考虑了多媒体的特性,色彩设计和信息排列的一定秩序,能更有效的向用户传达内容。比起华丽的画面装饰,网页设计应该在更有效的传达信息方面多下些功夫。这必须有对布局设计和色彩的正确理解和相关知识,要熟知网页物理系统的特性,并具备应对各种情况的能力。在具备人性化界面的网站的设计中,我们不难发现其表现出来的功能性和自然美。
简单就是美,如今的web设计中简约风格意见逐步明朗,在体验了负责繁琐的颜色和图片堆砌之后,主流设计开始返璞归真,毕竟网站是给用户使用的,而不是光用来看的。简约的设计能给人以轻松的视觉体验,更好的突出网站功能主题,更适用于网站文字内容的资料表达。
[i]图6:互联网上最著名的相册Flickr,最简约的设计。
图7:校内网,中国SNS典型代表,色块和线条为构成主体,网站结构上极少使用图片。
图8:安徽省政府网站,首页使用了极少见的纵向4栏分割设计,极其繁琐[/i]

很多设计师认为画出美妙绝伦的页面才是设计,其实不然,要在有限的元素和色彩里表达出风格才是更有难度也更有层次的设计。经过严谨的思考和漫长的推敲,最终只花几分钟为页面画下一个简单的圆角框或者一条两像素的实线,其效果也许比涂满了色彩和组合了数十个分层的画面好上很多。设计最终将上升到思想的层面,而不是仅仅停留在工具和素材的使用。

3.重视交互和用户体验
在界面设计方面,很重要的一点就是要站在用户的立场上去进行设计,既能给用户带来方便,又兼备视觉的冲击力,这样的网页界面设计才是每个网页设计人员应思考并追求的东西。如果网站的画面既不美观大方,使用起来也不方便,那么这个网页界面的设计是有失误的。在网页界面设计方面,尤其应该同时考虑使用的便利性和视觉效果这两方面的问题。在使用方法方面,可能的话应遵循普遍规律,设计得能让用户很容易适应,界面的构成不能太复杂,主要内容应设计在引人注目的地方,所有操作性按钮位置应该科学。同时,要考虑好符合网站主体而使用的色彩系统,去除不必要的内容,把信息块分类设计得成体系,让用户很容易就能找到想要的内容。
如果不是那些追求艺术美感和试验性的网站,无论您想表达的东西是多么新颖多么富有创意,假如您把网站头部设计得很复杂很难以理解,进而影响了用户的操作,那么它就很难成为一个优秀的网站。
[i]图9:湖南省人民政府网站,所有同级内容无区分重复堆砌,容易让人视觉疲劳。
图10:果皮网,知名女性用品网站,右侧列表过于冗长,用户体验极差。
图11:Sandisk中国总代宏衢网站,简单的页面上采用了过多的繁琐的图片设计。[/i]

Follow

Get every new post delivered to your Inbox.

Join 98 other followers