抱歉误删了一些留言

asa

不小心删掉了一些最近的留言,主要原因竟然是操作失误,呵呵。话说事情是这样,我打开wordpress的dashboard,然后看到因为访问量暴增(主要是Doug Bowman那篇)冒出来十几个被拦截的垃圾留言,然后我就点了Spam,看到了上面那个界面「大图」,准备删除,因为每条留言之前都有一个选择框,我就按照“常理”(貌似gmail是这样设计的),点了那个All,然后直接点删除,猜也能猜到根本没看警告,确认。然后删掉了第一页的全部留言。不知道wp有没有trash功能——应该是没有吧,也不想费事儿google,就这样吧。我想问题是从在管理员界面上那个SPAM快捷方式开始的,操作假设是点了SPAM进入垃圾留言管理区,事实上进入的是留言管理区下面的垃圾留言列表。呵呵。总的来说,我还是很喜欢WP从2.6到2.7这个界面变化的,看起来顺眼很多,不知道这个无操作在其他朋友身上有没有发生过。

Drupal的时候,看到了一写关于Drupal Usability方面的东西,可能因为Drupal功能过于强大,搞的问题很多,整个community对于可用性非常重视,目前University of Baltimore的一个team正在帮忙测试和重设计一部分界面,并宣称Usability一日不解决一日不推出版本7。哈哈。这里是Link。google了一下,wp 版本2.5也有可用性测试,据说其中很多建议被2.7采用付出实践。

刚投入Opensource相关应用不久,发现这个领域对于可用性研究者来说是一片崭新的天地,由可用性专家主导的第三方测评可以很好的展开(虽然可能是无报酬的),又有积极的群众作为专家用户,让可用性问题很快暴露,这样每个版本的软件都可以有提高,哪怕是往复提高。

Posted in 万象 at March 24th, 2009. 3 Comments.

Doug Bowman离职激起千层浪啊

google-533

不知道有人关注这件事儿否,但是Doug Bowman上周辞去Google的Visual Design Lead,并在离职之后在自己Blog上面大发牢骚,引爆了各方面都开始唧唧歪歪。这篇题为《Goodbye Google》中间提到

< 以下翻译中加入某些词旨在帮助原文加强语气,方便阅读>
< 如果觉得不靠谱 请看这个比较“正确”的>
“When I joined Google as its first visual designer, the company was already seven years old. Seven years is a long time to run a company without a classically trained designer. Google had plenty of designers on staff then, but most of them had backgrounds in CS or HCI. And none of them were in high-up, respected leadership positions.” (略译:遥想当年,老夫以视觉设计师身份加盟Google的时候,这家公司已经7岁了,都7岁了,老天爷,不敢相信这家公司竟然没有一个受过专业训练的设计师!Google倒是有不少挂设计师名牌的人,但是都是半路出家的学计算机或者人机交互背景的人,更搞笑的是,这些被称之为设计师的倒霉孩子中没有一个人是在有实权的领导位置!)

“When a company is filled with engineers, it turns to engineering to solve problems. Reduce each decision to a simple logic problem. Remove all subjectivity and just look at the data. Data in your favor? Ok, launch it. Data shows negative effects? Back to the drawing board. And that data eventually becomes a crutch for every decision, paralyzing the company and preventing it from making any daring design decisions.” (略译:Google实际上完全是被工程师们占领了,最后导致只会用工程师的观点解决问题——把所有需要设计的复杂问题简化成一个逻辑问题——简化所有主观判断,只交给数据去说话。数据能说话就见活鬼了!数据能说明真正的问题么?但是这个思维却成了公司里一切决定的主宰,束缚起一切,所以完全没有办法做出有价值的设计!)

“Yes, it’s true that a team at Google couldn’t decide between two blues, so they’re testing 41 shades between each blue to see which one performs better. I had a recent debate over whether a border should be 3, 4 or 5 pixels wide, and was asked to prove my case. I can’t operate in an environment like that. I’ve grown tired of debating such minuscule design decisions. There are more exciting design problems in this world to tackle.” (略译:是的,纽约时报报道的那件事是真的,Google的team确有一次竟然没办法决定用两种蓝色中的哪个,所以他们做出来41种阴影效果然后看哪个蓝色更顺眼。还有一次,我们竟然争辩边框是用3,4,还是5像素,那伙计竟然让我证明我的选择是最佳,靠。我没办法在这样一个环境中呼吸,我完全厌倦了这种毫无意义的争论。这世界上还有更有价值的事儿等我干。)

知名Blogger John Gruber在自己Blog上转帖Buzz Andersen对比Apple和Google团队组成及创新氛围的文章,并且总结说Google比起Apple更像是一个工程师团队点缀几个设计师(Apple相反)。CNET上有评论批评Doug不应该以设计师(如果不是艺术家)的思维去谴责Google以数据为中心的设计思想(Data-centrism)(link),毕竟在设计师眼中美观的图片只大了0.01KB,对于Google这种千万用户千万G流量的互联网公司也是极大的变化(这点似乎与之前对Craigslist界面好坏的争论差不多),并且还说Google这种把设计由用户拿鼠标决定本来就是设计的进步——个人观点,我同意前半句,Google本来就是数据中心的公司,并且设计师需要考虑你认为的“美观”成本到底是多少(如果Script Coder们也关心的话),但是我不同意把所谓把设计交给投票过程是refreshing或者进步,投票过程(或者一切以访问量,点击率,etc)就如Doug说的,并不能暴露真正问题并且选出真正合适的,不仅是因为用户不一定明确自己喜欢什么,更重要的是,问题就是我们能不能把一个涉及审美,效率,评估及其他含有非逻辑因素的决策这样简单交给投票过程(GW Bush是怎么被选出来的?)把设计过程转化成投票或者讨论的“民主”过程,最大的好处(在我看来)就是扩大接触面增大收集信息量,核心价值能帮助定义问题,让设计过程兼顾更多方面,如果搞的好了,大致能给出一个思路——比如什么是比较收到用户关注的,但是如果涉及How to,简单交给投票尤其是用户投票过程无异自杀,Google PR算法再先进也没办法拼过一个使用Google的真人,毕竟工具只是工具,数据只是数据。

我没有试图为同行辩护,因为就像在无数公司发生过的那样,对于Google而言Doug Bowman的离去可能只是少了一个自视清高不愿与人合作的UI设计师而已;同样,对Doug而言,扔掉Google Visual Design Lead的头衔,才能往自己世界更进一步,让你知道即使有亿万用户云集全世界最顶尖的工程师的工作环境,真正能改变的世界的人只是你自己——就像Apple说的那样

Posted in 创新, 看客 at March 21st, 2009. No Comments.

Craigslist的界面

Smashing Magazine发了一篇文章Redesigning Craigslist的界面,宣称为了提供Craigslist的可用性,引起很大争议啊,150多个留言似乎说好话的不多。

作为Craigslist长期用户和UI从业人员(咳嗽…..^^),我不得不说,Craigslist是为数不多的不符合UI界惯例但是还是非常好用的网站。 Craigslist首页的核心设计理念和美国报纸上的分类广告是差不多的,就是在一个平面里面放入全部的东西,并且兼顾简明扼要。

Craigslist界面最大的精髓在于 纯文字并且完全抛弃复杂的样式!!!现在有几个网站的css只有这么短!很多网站和产品设计陷入了一个误区就是好的用户体验就是新的用户体验,很明显,craigslist的设计者不是这么考虑,好的用户体验应该是符合期待的用户体验,使用者不需要在界面的交互操作上花任何时间和脑细胞。此外,纯文字的界面,简单的样式,和js库(只挂一个jquery)让网站速度大幅提高。

Smashing的编辑似乎没考虑另外一个问题,就是craigslist的用户到底是什么人,虽然很少网站这么考虑,但是这个网站的群体确实是所有人 ,目前craigs在英文网站中浏览量排第8。因为分类广告,yard sale这些事儿在美国是很稀松平常的,从一个意义说,craigs是把印刷出来的广告放到网上,为了避免用户花费时间在学习使用上(尤其那些仅仅是看别人广告的用户)。Smashing给出来的再设计,首先那个配色就让人怀疑是不是真正最大限度universal适用。另外,留言里面也有人指出,考虑到目前cl的浏览量,一个简单的改变,哪怕只是把logo从纯文字变成10k的图片,对于这个目前“公益”性质的免费网站来说都是很大的冲击。另外,这种异类的界面形象(虽然我强烈怀疑一个60岁的大妈在卖她的旧家具时候会不会考虑界面好不好看这个问题)也是帮craigslist树立了一个品牌,尤其是考虑到这个品牌是10年前建立的,所以专注以一个简单适用注重于信息内容清楚表达而不是如何表达的样式是很好理解的。

总结,现在的模式是基于1>最简化的通用界面;2>低成本运营;3>品牌形象三个方面考虑的。

如果有兴趣可以比较一下这个经过redesign的Craigslist还有一些中国的分类广告网站——当然公平的讲中国的这几个网站是赢利为目的的,所以页面广告在所难免——

www.ganji.com

www.edeng.cn/

www.zhantai.com

http://www.263.com/

58.com

Posted in 创新 at March 12th, 2009. No Comments.

G1的模拟器!

先睹为快,HTC的G1用户界面模拟器,在摸到以前用鼠标试一下效果。对于Google在手机上的尝试,各位见仁见智吧。(我的看法是硬件设计太一般,外形干涩无力,推移开合实际上是鸡肋设计,虽然硬键盘本质上说扩大了屏幕显示内容,但是平放之后右边4+1个按钮真的很别扭。软件方面,那个下拉菜单很不错,算是增加了新的控制模式,姑且称之为可扩充式状态栏,相比iphone经常把delete藏到最低端要好理解一些。)

Posted in 创新 at October 6th, 2008. No Comments.

刚做了一个storyboard模版

刚才自己做了一个简单的故事板(storyboard)的pdf模版,以后用得着的话,打印出来就直接画了,就不用四处找了。

点击下载

至于storyboard是干什么的,请点这里。还有一个图片化的网页讲述storyboard在UI设计过程中到底是干什么的。。。请点这里

Posted in 万象 at June 22nd, 2008. No Comments.

2台iMac搭建简易Usability Lab

img_1730.JPG

做了2天Usability testing,可惜subjects太少了,多亏Russ教授搞来几个飞机驾驶员,所以还是比较有价值。这个简易usability lab就靠2台iMac搭建,因为使用了iChat和屏幕录像软件iShowU,基本上实现了基本的功能,包括双头显示,屏幕操作过程以及摄像头拍摄用户面部动作。靠Remote Control建立连接之后,监控电脑拔了鼠标,打开截屏软件,就Okay了。其实还有摄像机和其它乱七八糟的东西,这次可是用不到了。

不过要测试的系统实在是太混乱了,搞出很多状况。

Posted in 万象 at April 4th, 2008. 1 Comment.

Before & After 2.0

before-after.jpg

先说题目的来源,来源是我最近看了一套平面设计的书叫Before&After,看名字就知道,实际上就是如何把一些看起来非常不专业,表达不清的报告、广告、手册等出版物或者印刷品修改完善。同样一套杂志也叫Before & After,杂志和书都是一个作者,不知道是先有书还是先有杂志。Anyway,这本书好处至少有2,第一是给非专业人员讲述一些基本的平面设计图文排版的技巧,第二是那些对于设计过程有兴趣的人可以看一下作者如何分析解释每一个修改的作用和原因,套用一句话就是把设计变成一种理性的活动。

不过本文实际上和平面设计没关系,之和web2.0有关系。由于我flickr的pro过期,而我又不想交钱,所以导致我无法看我之前的照片,这点让我有点不满意,因为flickr免费用户虽然有无限上载的容量,但是用户的相册只显示出最近200张照片。没有办法,我只有用关云长刮骨疗伤的方法,使用最近照片的方法来看原来的。之后发现有插件可以下载之后,每200张下载一次接着删除,最后搞定了全部几千张照片。这个方法是比较笨,我之前曾经找到过破解flickr限制的flickr leech,不幸的是这个网站做了一段时间之后由于带宽的原因不再有找回现有200张之前照片的功能了,非常遗憾。另外一个故事facebook,当然这个故事不是关于加了我认识全部asu男生的神秘女性sophia zhang,而是关于facebook的帐号——facebook的帐号信息是无法删除的! facebook不提供这个功能,facebook的账户只可以冻结(冻结意味着你的信息会被保留,以供你某天后悔之用),另外根据facebook的规定实际上公司有权备份用户信息——也就是说你的资料可能被备份而且所有权不一定属于你。另外就是那些你在别人wall上面的留言等等一切都会永久保留,直到, let’s face it,地球爆炸。

实际上before 2.0和after 2.0都是有趣的话题,尤其是当大家把大量的社交休闲娱乐甚至是工作放到网上之后,我一直没有成为douban的活跃用户是因为选择我看过的电影,听过的cd和看过的书实际上太费事儿了(好,我承认输入我读过的书不是很事儿)。不知道那些名下几百张cd,几百本书的人都是怎么录入的。我再次呼吁douban开放api之后给个批量导入功能,要不然一本一本很麻烦。after 2.0更加需要重视,因为实际上涉及到隐私和个人权益,谁知道我的地址和个人信息会不会被盗用,尤其是信用卡信息,还有注册过一些智障的网站,几天之后就没兴趣了,竟然没办法删除我的用户?虽然有时候这也是好事儿——前几天我上了一下伊甸园的论坛,我大概是lost还在第一季的时候注册的,之后3年从来没用用过,竟然用我常用的用户名密码就登录进去了。 我倒是担心伊甸园的站长有没有能力看到我的用户名和密码,同样的东西可能被用作我绝大多数的注册信息。一个无法完全卸载的软件,我们叫它流氓软件,一个无法完全删除帐户的网站,我们叫它facebook。

Posted in 观察 at March 27th, 2008. No Comments.

adobe air,网站桌面化的未来?

最近一直在用finetune,这是一个类似Pandora的网站,可以根据某个歌手或者歌曲建立一个推荐列表,如果对于Pandora很熟悉的人,估计已经知道大致是干什么的了。不过,此网站比Pandora强大在于两点,第一是,用户可以选择50首自己喜欢的歌曲然后建立一个列表,碍于版权问题,播放的时候是随即的,但是还是这50首歌,这样就好像一个免费且合法的iPod Shuffle了,由于是在线的,实际上在任何地方都可以听——只要有支持flash的浏览器的电脑就行;另外一个好处就是,Finetune是率先支持adobe air的商业应用之一,因为使用了Adobe Air的技术,所以可以当作一个桌面软件运行,不需要使用浏览器(虽然实际上还是一个在线软件,使用时候必须有互联网连接)。Adobe的Air看似一个雄心勃勃的平台,全称是Adobe Integrated Runtime,实际上是允许设计人员利用网页制作技术,比如HTML,FLASH,JS,AJAX等简便易学的特征创建桌面程序,这个多少就好像之前的SWF2EXE这个软件一样。目前提供了PC和MAC 2个主要平台的支持(不久就会推出linux版)。因为提供了新的API支持,甚至还有自家PDF的支持,AIR基本上提供了多数基础应用可能。好处有什么呢?对于开发人员来说,相对容易从网页设计制作人员转变成程序开发人员(sort of…), 另外把网站变成桌面软件对于跨平台支持,提高访问率肯定是有好处的,此外flash的应用使得界面效果更好,提供新用户体验的可能。2007年在beta时AIR已经引起了很大关注,今年的发展拭目以待。推荐一下 FINETUNE p.s. 3月14日的补充,finetune上面有很多中文歌(虽然肯定不全…)但是陶哲,杰伦,王菲,力宏之类人的歌还是有一些!!!所以可以在用公用电脑时候听一下。 

Posted in 观察 at March 13th, 2008. 4 Comments.

youtube的错误信息

用youtube那么久,除了因为系统维护慢的发指之外,似乎还没有出过什么状况,不过,刚才发生了:

500 Internal Server Error抱歉,發生了錯誤。我們已調派一群訓練有素的猴子來處理狀況。請將此事件 回報至客戶服務。Also, please include the following information in your error report: xxx

除此之外,google搜索也在我搜索一个软件的时候给出了以下“提示”

In response to a complaint we received under the US Digital Millennium Copyright Act, we have removed 1 result(s) from this page. If you wish, you mayread the DMCA complaint that caused the removal(s) at ChillingEffects.org.

不过貌似这个训练有素的猴子不是台湾分站的创意,因为本来的是英文错误信息也是这样,Highly Trained Monkeys,哈哈。以下是一个关于这个信息的视频。

Posted in 万象, 八卦 at March 13th, 2008. 1 Comment.

“改进建议”

image_025.jpg

新的手机还蛮好用的,尤其是照相效果不错,我比较满意。

照片是去东校区路上透过大巴窗户照的。今天课还是比较有意思,教授展示了过去他做过和参与过的若干usability test的文档、ppt、影音资料还有一些用户研究的结果, 97年给gateway做的,以及05年给摩托罗拉做的,后来我不小心问了一个问题导致大家花了一些时间讨论一下,实际上这个问题也是我一直的疑问,一般来说,在做所谓“评估”“测试”之后,都要花大量篇幅分析和总结各种问题,不管是violated heuristics还是usability的缺陷,在此之后,往往测试和评估的专家小组要提出一个“改进建议”,做过测试写过报告的人都知道,这部分地方很多都是借题发挥写出来的——那么我的问题就是,如果保证改进方案或者RE-Design能有有效的解决问题并且不产生新的问题(理想状态当然是一遍又一遍的反复测试,但是实际有多少公司真正能做到反复测试呢?),撰写好“改进建议”?

有人提出了貌似去年方法论上课也讨论过得,其实答案本身能更好地定义问题,也就是说,改进建议在一定程度上还是帮助设计师和工程师理解评估过程发现的问题。我觉得这个说的很有道理,改进建议实际上也提供了一个让设计师和工程师明确问题症结在何处的功能, 从这个角度来说,写“改进建议”的时候,核心并不一定非要是把问题解决了,而是明确哪些因素可能导致了可用性问题的出现。比如用户无法快速找到一个常用按钮,改进建议,可以从位置、色彩、大小、功能区划、页面整体布局、用户心理模型等等角度说,仅仅提出一个解决方案“放在右上角用标准a x b大小按钮”是不够的。教授显然很满意这个答案,大家又仔细看了一下他出示的分析报告给出的改进建议,全部都是类似的口气,分析可能导致这个用户操作困难的因素有那些。

可能是受到上学期方法论“余毒”的影响,我觉得这个问题还可以放到更进一步就是怎么看待“评估”和“再设计”这2个过程,如果把设计过程分解到,定义问题、因素建模、效果评估的循环,实际上评估标志上一个循环的结束和新循环的开始,可用性测试(和其它评估)报告要避免在第二个设计循环中不进行问题定义、因素建模就评估结果。换句话话说,如果直接给出改进设计方案,很有可能是有问题的。Russ(教授)还补充了一下从组织观点,评估小组给出在设计方案实际上“越权”了,他说他当manager时候,找设计师谈话从来不给自己认为“什么样好”或者“应该是什么样”的话,因为那是设计师的工作。

Posted in 创新, 观察 at February 29th, 2008. 3 Comments.