美國YP iPad軟件設(shè)計經(jīng)驗分享
這個設(shè)計項目非常典型,有設(shè)計的糾結(jié),產(chǎn)品的干擾,開發(fā)的談判,老板的干預(yù)。以下會紀(jì)錄設(shè)計過程,并總結(jié)設(shè)計要點。

設(shè)計經(jīng)歷:
2010年底,雅虎進(jìn)行了新一輪裁員,新來的非常nice的老板把我?guī)У綍h室,想安慰我希望同事的離職不會影響我以后工作的心情。恰好,那天也是我決定提出離職的日子,所以第一次見到新老板的第一次回憶就是談離職……那個時候心情是比較復(fù)雜的,一方面認(rèn)識的很多雅虎的同事不能一起共事了,一方面感慨2010年各種理由離開公司的各個同事,一方面又對新的具有挑戰(zhàn)性的工作充滿了期待。
然后圣誕節(jié)和老婆一起到Vegas休息了一周,放松了工作許久以來積累的壓力,也準(zhǔn)備好了圣誕節(jié)后第一天就去新公司報道的心情。這些大概就是2010年底進(jìn)入AT&T工作的心情背景。第一天上班的時候,領(lǐng)到iMac,MacbookPro,iPhone等設(shè)備,了解到接下來會負(fù)責(zé)設(shè)計YP的各種平臺產(chǎn)品,非常興奮。有趣的是,第一個項目不是我最熟悉的MobileWeb,iPhone,或者是Android的項目,而是iPad項目。
YPiPad已經(jīng)上市一段時間,需要重新設(shè)計并提高設(shè)計質(zhì)量(和很多產(chǎn)品一樣,第一版主要是上功能,搶時間)。所以第二版的設(shè)計需求非常開放,產(chǎn)品經(jīng)理的設(shè)計需求只提及了基本功能點,對設(shè)計沒有做任何限制。其實作為交互設(shè)計開始階段,這樣的需求是最難做的。等于是解答一道沒有具體描述的題目,設(shè)計師需要想到任何一種設(shè)計可能。當(dāng)時我的經(jīng)理也非常支持我先出幾版創(chuàng)意稿,然后再看情況推進(jìn)。于是我的第一版就出來了,還沒有完全了解公司的工作模式,產(chǎn)品的各種局限,就畫了一版。基本包裹了我心目好的iPadApp的所有優(yōu)點,簡潔,干凈,功能特點強,新特性,靈活的交互模式,用戶自設(shè)定特點,新增的基于用戶思考模式的功能點。
當(dāng)時我交出這版,也覺得要實現(xiàn)起來難度比較大,風(fēng)險也比較大。直覺是對的,所以第一版被打回來要重新想想。這里為了把握大家的思考節(jié)奏,我的第二版出的比較快,在一天多的時間內(nèi),我又重新架構(gòu)了一次,做了一版更現(xiàn)實,更可行的版本。設(shè)計團(tuán)隊這邊感覺好些了,但是產(chǎn)品團(tuán)隊那邊還是覺得改動太大,不符合當(dāng)前的產(chǎn)品進(jìn)度和開發(fā)情況。這里和產(chǎn)品團(tuán)隊交流效率不高,原因是設(shè)計團(tuán)隊和部分開發(fā)團(tuán)隊在硅谷,而產(chǎn)品團(tuán)隊和部分開發(fā)團(tuán)隊在洛杉磯。我開始項目的時候還沒有見過電話會議幾次的產(chǎn)品經(jīng)理Sam。所以這個時候我決定一定要盡快去當(dāng)面交流,確定項目大概思路。一周之內(nèi)我就訂好了機票,從此過上了一日出差的艱苦日子(早上5點多起床,6點出租車準(zhǔn)時出發(fā),7點到SanJose機場,9點多到Burbank機場,10點前到Glendale的公司,工作到5點多,7點的飛機回來,晚上9點多到家)。
盡早與產(chǎn)品經(jīng)理面談是正確且有效率的。第一次會議我就基本了解了項目背景,現(xiàn)在的問題,項目前景,以及很多有用的數(shù)據(jù)。Sam是非常典型的硅谷類型PM,Stanford的本科教育讓Sam對市場,經(jīng)濟,技術(shù)都有非常踏實的了解,UCLA的MBA教育讓Sam也對各種產(chǎn)品管理技巧經(jīng)驗豐富,多年的產(chǎn)品經(jīng)理工作也讓后面合作中我學(xué)習(xí)到了很多寶貴的經(jīng)驗。這次出差我對產(chǎn)品的了解更踏實,也對下一版的設(shè)計有了新的想法。
第三版也是來的很快,是為了讓溝通中的團(tuán)隊都保持對產(chǎn)品思考的節(jié)奏。第三版的架構(gòu)在設(shè)計團(tuán)隊和產(chǎn)品團(tuán)隊方面都得到了基本認(rèn)可。趁熱打鐵,節(jié)奏,節(jié)奏,我盡快把之前沒有時間確定的細(xì)節(jié)進(jìn)行了添加,也讓這個版本更成熟,目標(biāo)是為了讓產(chǎn)品和設(shè)計兩方的更多認(rèn)可和支持。
第四版在第三版確定后兩天已經(jīng)準(zhǔn)備好了,這次進(jìn)行了更大規(guī)模的確認(rèn)。這次的反對聲音是來自開發(fā)團(tuán)隊。原來開發(fā)團(tuán)隊已經(jīng)對新產(chǎn)品的架構(gòu)有了技術(shù)構(gòu)思,并認(rèn)為我這個版本可實現(xiàn)難度過大,資源和時間都有顧慮。在會議爭論后,大家都同意考慮下?lián)袢赵偕塘?。這個時候簡單來說,我猜,大家的心態(tài)都多少有這樣的情況:設(shè)計方面覺得開發(fā)支持不夠不能達(dá)到設(shè)計預(yù)期效果,開發(fā)方面覺得設(shè)計天馬行空不切實際提難題。在美國的IT公司開發(fā)是很重要的,很多時候是主導(dǎo)地位(例子:google,apple,yahoo,linkedin,younameit……),但是這個時候不能妥協(xié)(第一個iPad項目啊lol),我立馬會后聯(lián)系了各個主要的開發(fā)人員,仔細(xì)地聽他們的意見,了解他們對我設(shè)計的認(rèn)可和不認(rèn)可的地方。因為都是電話會議,我的策略是先多聽,聽的時候快捷思考,然后他們說完了我就開始說,逐點論證,贏得大部分利益,擺事實講道理(本科人大校訓(xùn):實事求是)。我不是強悍型的設(shè)計討論者(參考我之前文章:發(fā)現(xiàn)自己),所以整個交流過程我都是一個誠懇求證的狀態(tài)。會議結(jié)束后,我立馬修改了設(shè)計,保留我認(rèn)為最核心的點,調(diào)整結(jié)構(gòu)讓開發(fā)實現(xiàn)更有效,妥協(xié)了部分細(xì)節(jié)(這個時候妥協(xié)的少許細(xì)節(jié)在之后的迭代工作中一一加回……,phew,幸好以前大部分開發(fā)同事都不讀中文)。
所以有了第五版,大家都比較認(rèn)可,產(chǎn)品,設(shè)計,開發(fā)都在一條戰(zhàn)線上了。這個時候我奢侈的花了幾天來做自我認(rèn)證。產(chǎn)品幾經(jīng)變革,還保留最初的價值么?還是你心目中的樣子么?還能達(dá)到你所有的目的么?這個過程只有設(shè)計師做,產(chǎn)品經(jīng)理或多或少都是站在商業(yè)的角度來看產(chǎn)品的,雖然他們最喜歡說”fromauser’sperspective”,哈哈。經(jīng)過幾天,我做出了第六版,自我認(rèn)證后加入了很多小思考,小細(xì)節(jié),但是我個人認(rèn)為很重要,因為很多時候用戶體驗而感動的,就是這些小細(xì)節(jié),而不是對一個產(chǎn)品宏觀的理解。
這個時候大家都以為方向確定了,就解決了大問題了吧。哈哈,我也這么覺得。第六版后的幾個版本小改,所有都進(jìn)入日程了,老板們?nèi)A麗出現(xiàn)了。公司大老板和副總裁出差在飛機上看了我的設(shè)計,有了新想法。然后某天,在我埋頭苦干的時候,副總裁漫漫散步到我的桌子邊,微微一笑,說”YoYo,Ilikeyourdesigns,especiallyyourdesigndocumentstyle”(夸我麻醉我),”Butforthisonewehavesomedifferentthoughts,lookatthisapp”(我最難招架的一招,看看其他app,壓力?。?。大概意思是,更喜歡另外一種設(shè)計架構(gòu)。
副總裁比我高N級,本科畢業(yè)后海軍5年(高大挺拔),然后蘋果工作,StanfordMBA,各個大公司任管理職務(wù),氣場比我強太多了。這個時候我還是老實站起來聽完了他的想法,然后為我的設(shè)計做了講述,并強調(diào)了這是經(jīng)過設(shè)計,產(chǎn)品,開發(fā)各個方面反復(fù)確定的設(shè)計。然后我看到了副總裁的疑惑,我馬上說,好,我立馬出一版你要的,我們一起看(回到以上同一話題,我不是強悍型設(shè)計討論者,是默默不甘心型)。然后副總裁說好,問什么時候,并說,“明天?我開玩笑的”……顯然很急,我點點頭笑笑,我想,明天可以。
第二天我出了一個獨立版本的設(shè)計,把大老板和副總裁的想法實現(xiàn)出來,并在他們想法的基礎(chǔ)上多畫了一版。然后把每個版本的優(yōu)點缺點一一計劃好。
所有的設(shè)計,產(chǎn)品,開發(fā)和老板們都參加了這次的會議,結(jié)果如計劃一樣,老板們沒有堅持。結(jié)論是這個獨立版本保留,但是還是用我們的設(shè)計來進(jìn)行。很快強大的開發(fā)團(tuán)隊就給出了Demo。我和用研團(tuán)隊的同事一起準(zhǔn)備了用戶測試。于是又是好幾次繁忙的一日出差,進(jìn)行了多次用研,并了解了用戶的反饋。同時準(zhǔn)備進(jìn)入視覺設(shè)計。這段時間是最繁雜的。交互設(shè)計還在不停迭代,用研的結(jié)果又在影響設(shè)計,視覺的設(shè)計也需要我這邊提供一些支持。突然覺得在雅虎工作時團(tuán)隊有半年沒有產(chǎn)品經(jīng)理的經(jīng)歷幫助了我,這段時間雖然很忙,但是成就感越來越多,因為產(chǎn)品雛形了。
視覺設(shè)計的時間很緊張,我們有很優(yōu)秀的設(shè)覺設(shè)計師,但是因為時間非常少,我們在視覺細(xì)節(jié)上必須有選擇。這時交互設(shè)計師還要作為幫助產(chǎn)品守門的角色,幫助視覺設(shè)計focus到重要的點,以求設(shè)計質(zhì)量最大化。這里有三位視覺設(shè)計師都提供了幫助,非常贊!
項目最后發(fā)布,歷時2個多月。結(jié)果看文章最后。:)

設(shè)計總結(jié):設(shè)計基本能力,產(chǎn)品管理能力,等等常見話題就不說了,說我覺得有意思的重點。:)1,節(jié)奏
節(jié)奏非常重要,特別是大公司環(huán)境,很多角色都是注意力分散的,這個時候設(shè)計師需要讓自己的項目有一個良好的節(jié)奏感。一個拖上半年的或者每個月才有一個版本的項目基本達(dá)不到移動項目設(shè)計的節(jié)奏。設(shè)計要快,準(zhǔn)確,多發(fā)布。一個良好的節(jié)奏可以保持讓參與項目的所有角色串聯(lián)起來,效率提升明顯。這個項目不長的時間,至少更新了10次大改版,小改版沒有統(tǒng)計,節(jié)奏很快。2,交流
交流在這個案例里非常重要。各個環(huán)節(jié)都需要設(shè)計師去疏通。這個項目里,我基本和所有角色都有爭吵的時候,這個時候交流效率,交流方式都很重要,因為只有所有角色都認(rèn)同的情況下,項目才有成功的希望。這里特別記得一個例子,在和開發(fā)爭論時,我和每個開發(fā)都電話談過。后來開發(fā)整個組來硅谷開會,我和一位開發(fā)握手打招呼,他說:”Hah,YoYo,thevoiceonthephone!”,他沒有見過我,但是對我的聲音和名字已經(jīng)很有印象了,之后和他的合作一直很順利。3,設(shè)計文檔
設(shè)計輸出方式在這個項目中給了我很大幫助。我去的第一天就把所有的文檔方式從以前的1個Omnigraffle大圖顯示30個圖的一張圖方式,改變?yōu)?頁顯示4個圖的標(biāo)準(zhǔn)文檔。我也按照以前自己的InDesign設(shè)計文檔方式建立了Omnigraffle設(shè)計文檔模版。每次輸出設(shè)計文檔到各個角色時,設(shè)計是不是符合他們的期望先不論,設(shè)計文檔本身是漂亮的,大家就都會有個好印象。人人都是愛美的,交互設(shè)計也需要有對美的要求,我個人熱衷于漂亮的設(shè)計文檔。4,關(guān)鍵思考能力
很多時候需要關(guān)鍵思考能力來解決問題。例如這個項目中,每個角色來打斷你的設(shè)計思路(有可以借鑒的,也有可以先不太注意的),你都需要關(guān)鍵思考能力。特別是大老板這一層,無論是經(jīng)驗上,氣勢上,交流方式上,都遠(yuǎn)遠(yuǎn)強于你,這個時候如果設(shè)計有不同意見,對我來說唯一比較有用的就是關(guān)鍵思考能力了。多思考,多出方案,用思路和設(shè)計質(zhì)量證明自己。5,吃苦
如果要出好東西,真的需要吃苦。兩個例子,第一個,在美國理論上我是不能加班的,因為工作簽證關(guān)系我只能每周工作40小時,忙起來經(jīng)理還是讓我盡量避免加班,所以除了把工作帶回家做的情況,大部分時候我需要在上班8小時內(nèi)解決所有問題。上班從來不做任何其他事情,午飯有時就是老婆給包好的三明治邊吃邊工作,或者邊吃邊開會。在洛杉磯的同事也很習(xí)慣在中午1點開始就book我的calendar。第二個是一日出差,按照我這樣的體力,凌晨5點多起,晚上9點多回家的出差情況,一次就得累三天……但是如果沒有這樣的溝通,項目也不能進(jìn)展的順利,所以每次要出差我都是不會躲的。注:去洛杉磯出差很多次,其實都沒有去過downtown或者任何好玩的地方,最遠(yuǎn)的一次是一個人走路20分鐘看了下Glendale的商業(yè)街,感興趣了下Pasadena(生活大爆炸故事中主角住的地方),就算中午旅游休息了。6,解決問題的能力
這里說的是解決關(guān)鍵問題,這個需要工作積累,需要自己做。很多時候老板,產(chǎn)品經(jīng)理,開發(fā)是不能給你解決問題的。印象中有兩個例子很深刻,一個是我們的產(chǎn)品暫時沒有商家圖片,而Yelp,Google都有,這個很被動,怎么解決。最后調(diào)整了很多次設(shè)計才揚長避短。第二個是有一個設(shè)計場景中,iPad的橫屏豎屏兩種狀態(tài)沒法和諧,大家都安慰我說要不就先重點橫屏吧,我最后還是想出了一個靈活改動方式,同時適應(yīng)了兩種狀態(tài)。這個解決過程讓剛聘用我的經(jīng)理更加信任我。………總結(jié)總是寫不完的,就簡單些,這樣。設(shè)計結(jié)果:享受過程,更要享受結(jié)果。我從來就是一個做了一個產(chǎn)品就會一直check它的設(shè)計師。從YPiPad改版上線后我就盯著Appstore每天。在最積極的一段時間基本看了每一個評論,對不好的評論會感到難受,或者想辯論,看到好的評論就開心的。Appstore的評價從之前的3.5星到4.5星。上線后很快就是瀏覽類排名第一。(團(tuán)隊合作功勞,我只是很小的一部分)。最后以一些AT&T同事對我的Linkedin評論來結(jié)束這文章。謝謝所有AT&T優(yōu)秀的同事,你們讓我學(xué)到了很多東西。