美國(guó)YP iPad 軟件設(shè)計(jì)經(jīng)驗(yàn)分享
前言:前幾天按照習(xí)慣對(duì)自己以前負(fù)責(zé)的設(shè)計(jì)項(xiàng)目做總結(jié),發(fā)現(xiàn)AT&T已經(jīng)把YP iPad版本從Appstore瀏覽類挪動(dòng)到旅行類了。公司做出了合理的商業(yè)計(jì)劃改變,讓YP能適用到更準(zhǔn)確的種類里,贊!同時(shí)也意味著這個(gè)設(shè)計(jì)項(xiàng)目進(jìn)入了另外一個(gè)階段。這里想總結(jié)一下這個(gè)項(xiàng)目,是我第一個(gè)上線的iPad設(shè)計(jì)項(xiàng)目,是我第一個(gè)在AT&T的設(shè)計(jì)項(xiàng)目,也是至今我所有設(shè)計(jì)項(xiàng)目中在Appstore種類排名第一最長(zhǎng)時(shí)間的項(xiàng)目:11個(gè)月。
這個(gè)設(shè)計(jì)項(xiàng)目非常典型,有設(shè)計(jì)的糾結(jié),產(chǎn)品的干擾,開(kāi)發(fā)的談判,老板的干預(yù)。以下會(huì)紀(jì)錄設(shè)計(jì)過(guò)程,并總結(jié)設(shè)計(jì)要點(diǎn)。
文章內(nèi)容all my 2 cents,見(jiàn)諒。:)
設(shè)計(jì)經(jīng)歷:
2010年底,雅虎進(jìn)行了新一輪裁員,新來(lái)的非常nice的老板把我?guī)У綍?huì)議室,想安慰我希望同事的離職不會(huì)影響我以后工作的心情。恰好,那天也是我決定提出離職的日子,所以第一次見(jiàn)到新老板的第一次回憶就是談離職…… 那個(gè)時(shí)候心情是比較復(fù)雜的,一方面認(rèn)識(shí)的很多雅虎的同事不能一起共事了,一方面感慨2010年各種理由離開(kāi)公司的各個(gè)同事,一方面又對(duì)新的具有挑戰(zhàn)性的工作充滿了期待。然后圣誕節(jié)和老婆一起到Vegas休息了一周,放松了工作許久以來(lái)積累的壓力,也準(zhǔn)備好了圣誕節(jié)后第一天就去新公司報(bào)道的心情。這些大概就是2010年底進(jìn)入AT&T工作的心情背景。第一天上班的時(shí)候,領(lǐng)到iMac,Macbook Pro,iPhone等設(shè)備,了解到接下來(lái)會(huì)負(fù)責(zé)設(shè)計(jì)YP的各種平臺(tái)產(chǎn)品,非常興奮。有趣的是,第一個(gè)項(xiàng)目不是我最熟悉的Mobile Web,iPhone,或者是Android的項(xiàng)目,而是iPad項(xiàng)目。YP iPad已經(jīng)上市一段時(shí)間,需要重新設(shè)計(jì)并提高設(shè)計(jì)質(zhì)量(和很多產(chǎn)品一樣,第一版主要是上功能,搶時(shí)間)。所以第二版的設(shè)計(jì)需求非常開(kāi)放,產(chǎn)品經(jīng)理的設(shè)計(jì)需求只提及了基本功能點(diǎn),對(duì)設(shè)計(jì)沒(méi)有做任何限制。
其實(shí)作為交互設(shè)計(jì)開(kāi)始階段,這樣的需求是最難做的。等于是解答一道沒(méi)有具體描述的題目,設(shè)計(jì)師需要想到任何一種設(shè)計(jì)可能。當(dāng)時(shí)我的經(jīng)理也非常支持我先出幾版創(chuàng)意稿,然后再看情況推進(jìn)。于是我的第一版就出來(lái)了,還沒(méi)有完全了解公司的工作模式,產(chǎn)品的各種局限,就畫(huà)了一版。基本包裹了我心目好的iPad App的所有優(yōu)點(diǎn),簡(jiǎn)潔,干凈,功能特點(diǎn)強(qiáng),新特性,靈活的交互模式,用戶自設(shè)定特點(diǎn),新增的基于用戶思考模式的功能點(diǎn)。當(dāng)時(shí)我交出這版,也覺(jué)得要實(shí)現(xiàn)起來(lái)難度比較大,風(fēng)險(xiǎn)也比較大。直覺(jué)是對(duì)的,所以第一版被打回來(lái)要重新想想。
這里為了把握大家的思考節(jié)奏,我的第二版出的比較快,在一天多的時(shí)間內(nèi),我又重新架構(gòu)了一次,做了一版更現(xiàn)實(shí),更可行的版本。設(shè)計(jì)團(tuán)隊(duì)這邊感覺(jué)好些了,但是產(chǎn)品團(tuán)隊(duì)那邊還是覺(jué)得改動(dòng)太大,不符合當(dāng)前的產(chǎn)品進(jìn)度和開(kāi)發(fā)情況。這里和產(chǎn)品團(tuán)隊(duì)交流效率不高,原因是設(shè)計(jì)團(tuán)隊(duì)和部分開(kāi)發(fā)團(tuán)隊(duì)在硅谷,而產(chǎn)品團(tuán)隊(duì)和部分開(kāi)發(fā)團(tuán)隊(duì)在洛杉磯。我開(kāi)始項(xiàng)目的時(shí)候還沒(méi)有見(jiàn)過(guò)電話會(huì)議幾次的產(chǎn)品經(jīng)理Sam。所以這個(gè)時(shí)候我決定一定要盡快去當(dāng)面交流,確定項(xiàng)目大概思路。一周之內(nèi)我就訂好了機(jī)票,從此過(guò)上了一日出差的艱苦日子(早上5點(diǎn)多起床,6點(diǎn)出租車準(zhǔn)時(shí)出發(fā),7點(diǎn)到San Jose機(jī)場(chǎng),9點(diǎn)多到Burbank機(jī)場(chǎng),10點(diǎn)前到Glendale的公司,工作到5點(diǎn)多,7點(diǎn)的飛機(jī)回來(lái),晚上9點(diǎn)多到家)。
盡早與產(chǎn)品經(jīng)理面談是正確且有效率的。第一次會(huì)議我就基本了解了項(xiàng)目背景,現(xiàn)在的問(wèn)題,項(xiàng)目前景,以及很多有用的數(shù)據(jù)。Sam是非常典型的硅谷類型PM,Stanford的本科教育讓Sam對(duì)市場(chǎng),經(jīng)濟(jì),技術(shù)都有非常踏實(shí)的了解,UCLA的MBA教育讓Sam也對(duì)各種產(chǎn)品管理技巧經(jīng)驗(yàn)豐富,多年的產(chǎn)品經(jīng)理工作也讓后面合作中我學(xué)習(xí)到了很多寶貴的經(jīng)驗(yàn)。這次出差我對(duì)產(chǎn)品的了解更踏實(shí),也對(duì)下一版的設(shè)計(jì)有了新的想法。
第三版也是來(lái)的很快,是為了讓溝通中的團(tuán)隊(duì)都保持對(duì)產(chǎn)品思考的節(jié)奏。第三版的架構(gòu)在設(shè)計(jì)團(tuán)隊(duì)和產(chǎn)品團(tuán)隊(duì)方面都得到了基本認(rèn)可。趁熱打鐵,節(jié)奏,節(jié)奏,我盡快把之前沒(méi)有時(shí)間確定的細(xì)節(jié)進(jìn)行了添加,也讓這個(gè)版本更成熟,目標(biāo)是為了讓產(chǎn)品和設(shè)計(jì)兩方的更多認(rèn)可和支持。
第四版在第三版確定后兩天已經(jīng)準(zhǔn)備好了,這次進(jìn)行了更大規(guī)模的確認(rèn)。這次的反對(duì)聲音是來(lái)自開(kāi)發(fā)團(tuán)隊(duì)。原來(lái)開(kāi)發(fā)團(tuán)隊(duì)已經(jīng)對(duì)新產(chǎn)品的架構(gòu)有了技術(shù)構(gòu)思,并認(rèn)為我這個(gè)版本可實(shí)現(xiàn)難度過(guò)大,資源和時(shí)間都有顧慮。在會(huì)議爭(zhēng)論后,大家都同意考慮下?lián)袢赵偕塘?。這個(gè)時(shí)候簡(jiǎn)單來(lái)說(shuō),我猜,大家的心態(tài)都多少有這樣的情況:設(shè)計(jì)方面覺(jué)得開(kāi)發(fā)支持不夠不能達(dá)到設(shè)計(jì)預(yù)期效果,開(kāi)發(fā)方面覺(jué)得設(shè)計(jì)天馬行空不切實(shí)際提難題。在美國(guó)的IT公司開(kāi)發(fā)是很重要的,很多時(shí)候是主導(dǎo)地位(例子:google, apple, yahoo, linkedin, you name it……),但是這個(gè)時(shí)候不能妥協(xié)(第一個(gè)iPad項(xiàng)目啊lol),我立馬會(huì)后聯(lián)系了各個(gè)主要的開(kāi)發(fā)人員,仔細(xì)地聽(tīng)他們的意見(jiàn),了解他們對(duì)我設(shè)計(jì)的認(rèn)可和不認(rèn)可的地方。因?yàn)槎际请娫挄?huì)議,我的策略是先多聽(tīng),聽(tīng)的時(shí)候快捷思考,然后他們說(shuō)完了我就開(kāi)始說(shuō),逐點(diǎn)論證,贏得大部分利益,擺事實(shí)講道理(本科人大校訓(xùn):實(shí)事求是)。我不是強(qiáng)悍型的設(shè)計(jì)討論者(參考我之前文章:發(fā)現(xiàn)自己),所以整個(gè)交流過(guò)程我都是一個(gè)誠(chéng)懇求證的狀態(tài)。會(huì)議結(jié)束后,我立馬修改了設(shè)計(jì),保留我認(rèn)為最核心的點(diǎn),調(diào)整結(jié)構(gòu)讓開(kāi)發(fā)實(shí)現(xiàn)更有效,妥協(xié)了部分細(xì)節(jié)(這個(gè)時(shí)候妥協(xié)的少許細(xì)節(jié)在之后的迭代工作中一一加回……,phew,幸好以前大部分開(kāi)發(fā)同事都不讀中文)。
所以有了第五版,大家都比較認(rèn)可,產(chǎn)品,設(shè)計(jì),開(kāi)發(fā)都在一條戰(zhàn)線上了。這個(gè)時(shí)候我奢侈的花了幾天來(lái)做自我認(rèn)證。產(chǎn)品幾經(jīng)變革,還保留最初的價(jià)值么?還是你心目中的樣子么?還能達(dá)到你所有的目的么?這個(gè)過(guò)程只有設(shè)計(jì)師做,產(chǎn)品經(jīng)理或多或少都是站在商業(yè)的角度來(lái)看產(chǎn)品的,雖然他們最喜歡說(shuō)”from a user’s perspective”,哈哈。經(jīng)過(guò)幾天,我做出了第六版,自我認(rèn)證后加入了很多小思考,小細(xì)節(jié),但是我個(gè)人認(rèn)為很重要,因?yàn)楹芏鄷r(shí)候用戶體驗(yàn)而感動(dòng)的,就是這些小細(xì)節(jié),而不是對(duì)一個(gè)產(chǎn)品宏觀的理解。
這個(gè)時(shí)候大家都以為方向確定了,就解決了大問(wèn)題了吧。哈哈,我也這么覺(jué)得。第六版后的幾個(gè)版本小改,所有都進(jìn)入日程了,老板們?nèi)A麗出現(xiàn)了。公司大老板和副總裁出差在飛機(jī)上看了我的設(shè)計(jì),有了新想法。然后某天,在我埋頭苦干的時(shí)候,副總裁漫漫散步到我的桌子邊,微微一笑,說(shuō)”YoYo, I like your designs, especially your design document style”(夸我麻醉我),”But for this one we have some different thoughts, look at this app”(我最難招架的一招,看看其他app,壓力啊)。大概意思是,更喜歡另外一種設(shè)計(jì)架構(gòu)。
副總裁比我高N級(jí),本科畢業(yè)后海軍5年(高大挺拔),然后蘋(píng)果工作,Stanford MBA,各個(gè)大公司任管理職務(wù),氣場(chǎng)比我強(qiáng)太多了。這個(gè)時(shí)候我還是老實(shí)站起來(lái)聽(tīng)完了他的想法,然后為我的設(shè)計(jì)做了講述,并強(qiáng)調(diào)了這是經(jīng)過(guò)設(shè)計(jì),產(chǎn)品,開(kāi)發(fā)各個(gè)方面反復(fù)確定的設(shè)計(jì)。然后我看到了副總裁的疑惑,我馬上說(shuō),好,我立馬出一版你要的,我們一起看(回到以上同一話題,我不是強(qiáng)悍型設(shè)計(jì)討論者,是默默不甘心型)。然后副總裁說(shuō)好,問(wèn)什么時(shí)候,并說(shuō),“明天?我開(kāi)玩笑的”…… 顯然很急,我點(diǎn)點(diǎn)頭笑笑,我想,明天可以。
第二天我出了一個(gè)獨(dú)立版本的設(shè)計(jì),把大老板和副總裁的想法實(shí)現(xiàn)出來(lái),并在他們想法的基礎(chǔ)上多畫(huà)了一版。然后把每個(gè)版本的優(yōu)點(diǎn)缺點(diǎn)一一計(jì)劃好。所有的設(shè)計(jì),產(chǎn)品,開(kāi)發(fā)和老板們都參加了這次的會(huì)議,結(jié)果如計(jì)劃一樣,老板們沒(méi)有堅(jiān)持。結(jié)論是這個(gè)獨(dú)立版本保留,但是還是用我們的設(shè)計(jì)來(lái)進(jìn)行。
很快強(qiáng)大的開(kāi)發(fā)團(tuán)隊(duì)就給出了Demo。我和用研團(tuán)隊(duì)的同事一起準(zhǔn)備了用戶測(cè)試。于是又是好幾次繁忙的一日出差,進(jìn)行了多次用研,并了解了用戶的反饋。同時(shí)準(zhǔn)備進(jìn)入視覺(jué)設(shè)計(jì)。這段時(shí)間是最繁雜的。交互設(shè)計(jì)還在不停迭代,用研的結(jié)果又在影響設(shè)計(jì),視覺(jué)的設(shè)計(jì)也需要我這邊提供一些支持。突然覺(jué)得在雅虎工作時(shí)團(tuán)隊(duì)有半年沒(méi)有產(chǎn)品經(jīng)理的經(jīng)歷幫助了我,這段時(shí)間雖然很忙,但是成就感越來(lái)越多,因?yàn)楫a(chǎn)品雛形了。
視覺(jué)設(shè)計(jì)的時(shí)間很緊張,我們有很優(yōu)秀的設(shè)覺(jué)設(shè)計(jì)師,但是因?yàn)闀r(shí)間非常少,我們?cè)谝曈X(jué)細(xì)節(jié)上必須有選擇。這時(shí)交互設(shè)計(jì)師還要作為幫助產(chǎn)品守門的角色,幫助視覺(jué)設(shè)計(jì)focus到重要的點(diǎn),以求設(shè)計(jì)質(zhì)量最大化。這里有三位視覺(jué)設(shè)計(jì)師都提供了幫助,非常贊!
項(xiàng)目最后發(fā)布,歷時(shí)2個(gè)多月。結(jié)果看文章最后。:)
設(shè)計(jì)總結(jié):
設(shè)計(jì)基本能力,產(chǎn)品管理能力,等等常見(jiàn)話題就不說(shuō)了,說(shuō)我覺(jué)得有意思的重點(diǎn)。:)
1,節(jié)奏
節(jié)奏非常重要,特別是大公司環(huán)境,很多角色都是注意力分散的,這個(gè)時(shí)候設(shè)計(jì)師需要讓自己的項(xiàng)目有一個(gè)良好的節(jié)奏感。一個(gè)拖上半年的或者每個(gè)月才有一個(gè)版本的項(xiàng)目基本達(dá)不到移動(dòng)項(xiàng)目設(shè)計(jì)的節(jié)奏。設(shè)計(jì)要快,準(zhǔn)確,多發(fā)布。一個(gè)良好的節(jié)奏可以保持讓參與項(xiàng)目的所有角色串聯(lián)起來(lái),效率提升明顯。這個(gè)項(xiàng)目不長(zhǎng)的時(shí)間,至少更新了10次大改版,小改版沒(méi)有統(tǒng)計(jì),節(jié)奏很快。
2,交流
交流在這個(gè)案例里非常重要。各個(gè)環(huán)節(jié)都需要設(shè)計(jì)師去疏通。這個(gè)項(xiàng)目里,我基本和所有角色都有爭(zhēng)吵的時(shí)候,這個(gè)時(shí)候交流效率,交流方式都很重要,因?yàn)橹挥兴薪巧颊J(rèn)同的情況下,項(xiàng)目才有成功的希望。這里特別記得一個(gè)例子,在和開(kāi)發(fā)爭(zhēng)論時(shí),我和每個(gè)開(kāi)發(fā)都電話談過(guò)。后來(lái)開(kāi)發(fā)整個(gè)組來(lái)硅谷開(kāi)會(huì),我和一位開(kāi)發(fā)握手打招呼,他說(shuō):”Hah, YoYo, the voice on the phone!”,他沒(méi)有見(jiàn)過(guò)我,但是對(duì)我的聲音和名字已經(jīng)很有印象了,之后和他的合作一直很順利。
3,設(shè)計(jì)文檔
設(shè)計(jì)輸出方式在這個(gè)項(xiàng)目中給了我很大幫助。我去的第一天就把所有的文檔方式從以前的1個(gè)Omnigraffle大圖顯示30個(gè)圖的一張圖方式,改變?yōu)?頁(yè)顯示4個(gè)圖的標(biāo)準(zhǔn)文檔。我也按照以前自己的InDesign設(shè)計(jì)文檔方式建立了Omnigraffle設(shè)計(jì)文檔模版。每次輸出設(shè)計(jì)文檔到各個(gè)角色時(shí),設(shè)計(jì)是不是符合他們的期望先不論,設(shè)計(jì)文檔本身是漂亮的,大家就都會(huì)有個(gè)好印象。人人都是愛(ài)美的,交互設(shè)計(jì)也需要有對(duì)美的要求,我個(gè)人熱衷于漂亮的設(shè)計(jì)文檔。
4,關(guān)鍵思考能力
很多時(shí)候需要關(guān)鍵思考能力來(lái)解決問(wèn)題。例如這個(gè)項(xiàng)目中,每個(gè)角色來(lái)打斷你的設(shè)計(jì)思路(有可以借鑒的,也有可以先不太注意的),你都需要關(guān)鍵思考能力。特別是大老板這一層,無(wú)論是經(jīng)驗(yàn)上,氣勢(shì)上,交流方式上,都遠(yuǎn)遠(yuǎn)強(qiáng)于你,這個(gè)時(shí)候如果設(shè)計(jì)有不同意見(jiàn),對(duì)我來(lái)說(shuō)唯一比較有用的就是關(guān)鍵思考能力了。多思考,多出方案,用思路和設(shè)計(jì)質(zhì)量證明自己。
5,吃苦
如果要出好東西,真的需要吃苦。兩個(gè)例子,第一個(gè),在美國(guó)理論上我是不能加班的,因?yàn)楣ぷ骱炞C關(guān)系我只能每周工作40小時(shí),忙起來(lái)經(jīng)理還是讓我盡量避免加班,所以除了把工作帶回家做的情況,大部分時(shí)候我需要在上班8小時(shí)內(nèi)解決所有問(wèn)題。上班從來(lái)不做任何其他事情,午飯有時(shí)就是老婆給包好的三明治邊吃邊工作,或者邊吃邊開(kāi)會(huì)。在洛杉磯的同事也很習(xí)慣在中午1點(diǎn)開(kāi)始就book我的calendar。第二個(gè)是一日出差,按照我這樣的體力,凌晨5點(diǎn)多起,晚上9點(diǎn)多回家的出差情況,一次就得累三天…… 但是如果沒(méi)有這樣的溝通,項(xiàng)目也不能進(jìn)展的順利,所以每次要出差我都是不會(huì)躲的。注:去洛杉磯出差很多次,其實(shí)都沒(méi)有去過(guò)downtown或者任何好玩的地方,最遠(yuǎn)的一次是一個(gè)人走路20分鐘看了下Glendale的商業(yè)街,感興趣了下Pasadena(生活大爆炸故事中主角住的地方),就算中午旅游休息了。
6,解決問(wèn)題的能力
這里說(shuō)的是解決關(guān)鍵問(wèn)題,這個(gè)需要工作積累,需要自己做。很多時(shí)候老板,產(chǎn)品經(jīng)理,開(kāi)發(fā)是不能給你解決問(wèn)題的。印象中有兩個(gè)例子很深刻,一個(gè)是我們的產(chǎn)品暫時(shí)沒(méi)有商家圖片,而Yelp,Google都有,這個(gè)很被動(dòng),怎么解決。最后調(diào)整了很多次設(shè)計(jì)才揚(yáng)長(zhǎng)避短。第二個(gè)是有一個(gè)設(shè)計(jì)場(chǎng)景中,iPad的橫屏豎屏兩種狀態(tài)沒(méi)法和諧,大家都安慰我說(shuō)要不就先重點(diǎn)橫屏吧,我最后還是想出了一個(gè)靈活改動(dòng)方式,同時(shí)適應(yīng)了兩種狀態(tài)。這個(gè)解決過(guò)程讓剛聘用我的經(jīng)理更加信任我。
………
總結(jié)總是寫(xiě)不完的,就簡(jiǎn)單些,這樣。
設(shè)計(jì)結(jié)果:
享受過(guò)程,更要享受結(jié)果。我從來(lái)就是一個(gè)做了一個(gè)產(chǎn)品就會(huì)一直check它的設(shè)計(jì)師。從YP iPad改版上線后我就盯著Appstore每天。在最積極的一段時(shí)間基本看了每一個(gè)評(píng)論,對(duì)不好的評(píng)論會(huì)感到難受,或者想辯論,看到好的評(píng)論就開(kāi)心的。Appstore的評(píng)價(jià)從之前的3.5星到4.5星。上線后很快就是瀏覽類排名第一。(團(tuán)隊(duì)合作功勞,我只是很小的一部分)。
最后以一些AT&T同事對(duì)我的Linkedin評(píng)論來(lái)結(jié)束這文章。謝謝所有AT&T優(yōu)秀的同事,你們讓我學(xué)到了很多東西。:)
My Linkedin:?http://cn.linkedin.com/in/freshyoyo
“Yoyo is a very smart, diligent and efficient designer. I find him to be extremely teamwork-oriented and helpful in working with the QA team. I enjoy working with Yoyo a great deal.” – Jason
“I worked with YouYou(yuanqing) on a daily basis, he is sharp in mind and a hard worker. He can always produce high quality designs, which is crystal clear in details, so developers never have trouble to understand what is going on. By the way the projects he worked on all turned out to be quite successful as the user reviews shows in the app store.” – Jet
“Yoyo is one of the talented Interaction designers I have worked with. I had to interact with him a lot to understand the flow and implement it on the android application. His interaction flow from the wire frames are always clear and very well thought out. He effectively communicates with engineers like us and always has a solid reasoning behind his flow. He keeps his designs updated of the ever changing requirements. His communication and leadership skills on owning the product will make him a great addition to any team.” – Kalpana
“I had the good fortune to work with Yoyo during his time at AT&T Interactive. During that time he designed several versions of our flagship smartphone app YPmobile. Yoyo’s designs are clear, intelligent, and understandable. He is capable of fast turnarounds without sacrificing quality, and he’s a genuine pleasure to work with. I look forward to any opportunities I have to work with him again in the future.” – Michelle
“I had the opportunities to work with Yuanqing(yoyo) at AT&T Interactive. Yoyo is not only an excellent UX designer, but has an exceptional product sense. His design is clear, intelligent and user friendly. Yoyo is also a great communicator and listener, engineers never had issue in understanding the design.Yoyo’s work in AT&T including YPmobile Android, which was featured by Google in Android Market place and YPmobile iPhone, once ranked top 1 in navigation category in app store.” – Cheng
- (本文出自Tencent CDC Blog,轉(zhuǎn)載時(shí)請(qǐng)注明出處)
- 目前還沒(méi)評(píng)論,等你發(fā)揮!