設計師如何推動自己想法?專訪百度輸入法設計總監JJ Ying

UX Coffee 設計咖 是一檔為產品設計師和關注用戶體驗的同學準備的播客節目。這期節目我們請到的是做了 10 年 UI 設計的百度設計師 JJ Ying 同學作客 UX Coffee,和我們分享了他的人生經歷和職場經驗。

有人說:在工程文化主導下的公司做設計,就像是在歐洲打棒球(大家都知道,卻沒人真的在意)。那么在這樣的公司文化下,設計師如何說得上話,如何推動自己的想法,如何在團隊中爭取話語權?

△ JJ Ying

我的設計啟蒙——游戲資源包

UX Coffee:你是什么時候開始接觸設計的?

JJ Ying:大概在我初中的時候。初二的時候我學習成績不錯,爸媽給我買了一臺電腦作為獎勵。那是我人生中第一臺電腦。買來以后我就開始折騰了,我一開始玩一些電腦游戲,無意中會發現它的資源包,看到里面有好多圖片,我那時候就在想它們是拿來干嘛的。我發現他們其實是我玩的游戲里的一些圖片的切片,我發現一個簡單的按鈕是由九張小圖片組成的,我想著這東西還挺高級的嘛。這樣就形成了我對 UI 的一個初步印象了。

后來用 Windows XP,我找到了系統登陸界面的圖片資源,我發現你其實是可以換掉這些圖片的:你可以把登錄界面里的背景圖換掉,把按鈕樣式換掉。發現了這一點以后,我就把我自己比較喜歡的幾個游戲的圖片用到了那個登陸界面里面。做完之后,我還把它發布在網上去給別人下載,那時候看到很多人下載,虛榮心就起來了,就不停地去做了很多這樣的事情。這個事情應該算是開始對設計感興趣的開始,也是我人生的一個轉折點吧。

△ 經典的 Windows XP 登錄界面——JJ Ying 的第一張畫布

青春的試驗場

JJ 的第一臺電腦成為了他人生的第一個轉折點,那時候的他并沒有意識到他折騰的這個叫電腦界面的東西將和他之后的人生緊緊相連,他一邊玩著游戲,一邊順利地進入了大學。盡管高考時他選擇了物理學作為他的專業,但相對于輕松的大學時光給了 JJ 很多時間去探索他真正的興趣。

JJ Ying:進了大學有了一種全新的體驗,突然間家長、老師都不管你了,你想玩什么玩什么,一下子有很多業余時間,我就又慢慢開始做其他的東西了。那時候我開始設計 Windows 的鼠標指針的樣式。其實做這個并不簡單,因為一個鼠標指針在 Windows 下面其實可能多達十幾種狀態,每設計一套都要把它的各種樣式,包括動畫在內全部都做出來。我腦子里想的一些動畫狀態是 3D 的,所以通過做這個,也讓我第一次去接觸了3D 設計軟件。大學的時候很自由自在,想干什么就干什么,這種狀態我覺得在大學之前和之后都不會再有的,我現在特別懷念那個時候。

△ JJ Ying 在大學時期設計的鼠標指針

UX Coffee:你大學的時候還參加了很多設計比賽,能講講你為什么會想到去參賽嗎?

JJ Ying:這里要講到當時的另一個轉折。04年的時候有一個 UI 設計的世界比賽,那一屆在圖標組有一個中國人贏了,他叫 Rokey,他后來創建了 EICO Design。雖然這個比賽的含金量不高,但當時跟 UI 設計相關的比賽太少了,所以大家都比較關注,Rokey 贏了那一屆之后,在圈子里反響還蠻大的,我自己當時也是被激勵了,后來也陸續去參加了一些比賽。

大學里我自己對設計的探索讓我漸漸意識到自己以后應該會做一個設計師,而不是和物理學相關的東西了,所以到后來我就放棄專業課,轉去蹭一些跟工業設計相關的課,這個過程當中我也慢慢堅定了自己的想法。

UX Coffee:你很早就確定自己未來會做一個設計師了嗎?

JJ Ying:對,知道你自己想要做什么,擅長做什么,以及會做什么其實是非常重要的。這件事情聽起來容易,但其實沒那么容易,不是每個人都能很早就明確自己的方向。我也說不上來,可能就是要相信自己的內心吧。

在夕陽產業耕耘四年,抬頭卻見,外面的世界早已腥風血雨

2008 年,世界上發生了很多大事,中國舉辦了奧運會,奧巴馬當選了美國總統,蘋果公司發布了 iPhone 3G,人們的數字生活就此發生了翻天覆地的變化,我們從 PC 時代邁向了移動時代。

也是在那一年,JJ 畢業了,他加入了 PC 時代尾巴上的昔日巨頭公司——惠普,正式成為了一名 UI 設計師,而他當初設計的產品,對于今天絕大多數設計師來說都有一些難以想象…

JJ Ying:加入惠普以后,我做的第一塊業務是做打印機產品的第一套 UI 設計語言的設計。

UX Coffee:打印機也有 UI 嗎?……

JJ Ying:對,我在惠普做了4年,被問過無數次這個問題,打印機不是 USB 插上去就可以打印的嗎?需要什么 UI 界面?當時在國內,不管是企業還是家庭,人們大多用的是沒有屏幕或者是簡單的液晶屏幕的低端產品,但在歐美國家,他們會用到更多高端打印機,那些產品就帶有彩顯操作屏了,我就是在為那套產品線做設計。

當時我設計的一個打印機,有一個 4.2寸屏。從簡單的設置,到聯網安裝各種 app,再到讀取各種的內容,你都可以在打印機的操作面板上完成操作,我當時做的就是這種操作屏。

當時做這個產品的時候就知道這是一個夕陽產業,我在惠普是 08 年,正好是智能手機高速發展的一年,什么東西都流行往手機里塞,打印機的使用場景越來越少。當時我們都拼命想各種創新點,怎么跟中國的國情結合,激發大家的打印量,事實情況是,在個人用戶領域里,打印量逐年下降,這種趨勢作為一個小小的設計師是一點辦法都沒有的。

△ JJ Ying 在惠普為「世界上第一臺聯網打印機」所做的 UI 設計

UX Coffee:從 08 年到 12 年,也就是你在惠普做的這四年間,IT 行業發生了很大的變化。智能手機迅速普及,勢不可擋。你當時身處惠普,做著正在下行的打印機,你個人當時是怎樣一種感覺?

JJ Ying:那四年可以說這個行業是腥風血雨吧。從 07 年 iPhone 面世之后,IT 產業進入了一個不管用什么詞來形容都不過份的瘋狂時代。以前我們做私活,接的都是 PC 端上的軟件,從 07 年之后,大家做的都是手機 APP 了。凡是那些能和移動端搭上邊的設計工種,工資都蹭蹭蹭地往上竄,是翻倍翻倍再翻倍的那種。那幾年 UI 這個職位也變得非常火,有很多人涌進來做這個事情。

UX Coffee:這個行業的變化對你個人有什么影響嗎?

JJ Ying:對我個人來說,會有一種比較嗨的感覺。為什么說嗨呢?因為有很多人和我做一樣的事情,感覺自己身處時代的洪流之中。但另一方面也有一些危機感,比如說,比我晚入行的朋友工資都蹭蹭蹭地往上漲了好多,而我自己的工資四年都沒動過。人家做的東西也很火,我自己做的東西卻都是不溫不火的,很多東西國內的用戶壓根都不會用到。那時候心里多少有些失落吧。

輸入法設計——方寸之間也有大文章

12 年,JJ Ying 離開惠普,加入百度。在加入百度這四年多時間里,他經手的產品線包括,百度瀏覽器,百度地圖, 移動搜索,和百度輸入法。這其中,他對百度輸入法這個產品的感情尤其深厚。

JJ Ying:在我加入百度輸入法團隊之后,有很多人問這個問題「輸入法能做什么設計啊,你不會每天做皮膚吧?」這個問題比較尷尬,因為確實挺難跟別人解釋。你可以說輸入法設計很枯燥,但對我來說,它很有趣。

我覺得設計師分兩大類,一類喜歡去做完全新的東西,這種人可能適合去 agency,每次接觸到的項目類型都會不一樣;另外一種人,他們做項目就像帶孩子一樣,喜歡一點一點地去打磨設計細節,可能這些細節大部分人都不會注意到,但是他就很享受這個過程。哪怕這個東西看起來有點枯燥,但是他會做得很嗨。我說的這兩個例子可能極端了一點,但做輸入法設計其實就比較適合后一種設計師。

輸入法是非常注重體驗的東西,其他很多產品你做一個改版,用戶可能一開始罵兩句,用幾天也就習慣了,過了一個月,就不會有用戶記得改版過了。但是對于輸入法來說,按鈕的間距哪怕差 1 個單位,用戶也會有很明顯的感知:「哎?這怎么按不準了?」輸入法改版是一件很困難的事情,這對設計是一個很大的挑戰,但是也有很多樂趣,每次你挑戰的東西真的就在方寸之間,在一個非常小的豆腐塊里去做文章。

△ JJ Ying 在百度輸入法團隊做的 app 圖標

UX Coffee:你做過的設計改動里,有沒有什么是測試結果和你一開始設想的不太一樣?

JJ Ying:這種情況挺多的。之前做 Mac 輸入法的時候,我當時提了一個功能,當時起的名字叫「安靜模式」。根據我們的調研,我們這個產品在 Mac 上的用戶基本上就兩大類,一類是程序員,一個是設計師。程序員差不多 80% 的時間是泡在代碼編輯器里面的,設計師 80% 的時間是泡在 Photoshop、Sketch 這種軟件上面的。但是在這兩類軟件上,用戶沒有頻繁輸入中文的需求。

基于這個觀察,我當時想的功能是,一旦檢測到你使用的是我們已知你不太需要輸入中文的 app 或者是用戶設置的白名單里的 app,我們就幫你直接切換成英文輸入的狀態。這個想法一部分其實也是基于我自己使用的感受,我經常碰到一種情況就是我在代碼編輯器里寫代碼,輸入法還是默認中文輸入的狀態,這時候輸入就會有輸入條出來,這種體驗就不太好。我覺得更好的體驗是讓系統做判斷,自動幫你做這件事。

但是后來等這個產品的大版本真正上線的時候,我們發現其實大家的感受并不是很好。我們發現有兩個問題:一個是很多人有自己的切換習慣,她打開代碼編輯器的第一件事就是把輸入法切換回來,這有點像是一個帶有儀式感的操作,大家已經習慣了。另一個問題是,在某些軟件里面這個自動操作會和軟件本身有沖突。這兩個問題導致我們最后上線之后效果不好,很多人都沒有開啟這個功能,數據非常慘。

盡管如此,我覺得在做這件事情的那段時間挺幸福的。我感覺我們團隊里 4 個人就是爹媽,每個人都在挖空心思想新的點子去做,并不局限于各自的職能。我覺得對于尤其是在百度這樣的大公司里面,有這種類似在小型創業公司工作的體驗還挺難得的。

工程文化主導下,設計師如何推動自己想法?

UX Coffee:百度的創始人李彥宏是工程師背景,百度也是一個工程主導的公司文化,這是業界大家都知道的。事實上,無論在國內還是在硅谷,絕大部分科技公司都帶有很強的工程基因。你在這樣的環境下做設計做了很多年,你有沒有摸索出一些門道來?在工程主導的公司文化下,如何為設計師團隊爭取話語權?怎么在產品上推動一些自己的想法呢?

JJ Ying:老實說,我沒什么門道,但我覺得話語權這個事情,很多時候其實我們不是追求話語權了,而是在追求聽的權力了。

UX Coffee:對,這是第一步嘛,你首先要去參加那些重要的會議。

JJ Ying:對,其實百度這邊設計師的參與度還是比較高的,但是當你說要真正參與到對于產品戰略方面的決策,那么在核心團隊里有沒有設計總監或者設計經理這樣的角色存在,就是非常重要的一件事情了。我們老板對我們一個非常重要的要求就是,你一定要打入產品的核心會議,如果你連這個都做不到,那你連產品的方向都不知道,更別說什么話語權了,你連和其他人據理力爭的機會都沒有。

我個人的感受是,這件事情沒有很多技術性的事情可以做,更多時候是從人情的層面來提高話語權。

UX Coffee:什么叫非技術性的手段呢?請別人吃飯、喝奶茶?

JJ Ying:對,在中國這是避免不了的,很多事情你在電腦面前解決不了,必須要在飯桌上解決。請吃飯啊、介紹對象啊這些是人情方面的,當然這只是一小方面。但另外一方面,我覺得你就是盡量去用他們的語言說他們的話:比如很多時候工程師說這個東西實現不了,有的設計師可能說實現不了那就算了,我就改一下我的設計唄。但實際上,大多數情況下這種時候是工程師不高興去改,而設計師你又不了解背后的邏輯,對話沒法深入下去。如果你能從他們的角度去理解這個程序實現背后的邏輯,你就能跟他們更好地對話,她也會覺得你很尊重她,也會更愿意和你交流,這樣你也能學到更多的東西,形成一個正向循環。

除了你要懂技術,你也要想辦法讓產品經理和程序員去懂一些設計。比如說一開始的時候你可以把整個產品團隊的人拉一個聊天群,非官方的、活潑一點的群。在這個里面你可以去分享一些你看到的最新的一些設計新聞、或是設計的比較好的東西,讓你的整個團隊了解到最近的設計趨勢,和你覺得好的設計,這樣可以讓他們更理解你做設計時候的出發點。

以前有陣子流行線性圖標有個缺口的那種風格,那時候我們設計師提了一個圖標提案,結果產品經理給打回來了,說這是個 bug,你這個圖案的線都沒有連住,這怎么行呢。

△ 曾經流行的線條帶缺口圖標

出現這種問題,是因為她根本不知道這是當時流行的一種圖標設計趨勢。但如果你在平時的溝通中,把你自己看的東西也給她灌輸一點的話,她也就會慢慢理解。長此以往,你的團隊更理解你,也更信任你,你的話語權多多少少會有一些提高。

但是這個事情說起來簡單,實際操作起來也挺麻煩的。如果像我之前做輸入法的那種團隊,比較小,大家都比較年輕,本來也說得到一塊兒,我覺得去做這類的事情就很有效。但是對于一個更大型的產品,如果開發工程師團隊有一百多個人,你每次合作的工程師都是不一樣的人,這就很難做了。

UX Coffee:所以這就是為什么我覺得設計師也是要像 PM 和工程師那樣有一個固定的組,也更容易形成一個固定的圈子,因為信任是需要慢慢積累的,有了信任以后事情就好推動了。

JJ Ying:對,說到這個「信任」,我覺得設計師最最重要的還是把自己的專業給做好,這對于話語權才是最重要的。舉個非常細的例子啊,比如你讓純視覺的設計師出設計標注,這個事情聽起來比較簡單,但你去細究的話,其實真的能把這個事情做專業的人挺少的。你可能覺得現在很多工具都很方便,在 Sketch 里用 Measure 直接導出就好了,但是你有沒有把詳細的東西定義好呢?最大寬度是多少?遇到文字特別多怎么辦?文字特別少怎么辦?在不同的平臺下應該有差別嗎?不同分辨率下的響應式設計要怎么做?這些問題如果你沒有幫工程師考慮好的話,那么他只能靠自己的「感覺」來做,或者不停地來反復問你。你如果一開始就把這些問題考慮好,就可以省下很多溝通成本。

如果你自己沒有把自己的本職工作做好,別人就不會信任你,如果在專業問題上你都得不到信任,那在做產品決策的時候,你的話語權自然就低了。你連自己專業上的事情都做不好,你怎么去推自己想做的其他事情呢?

做老板就像做 baby sitter,太難了

UX Coffee:我們知道后來你在公司做了 Team lead,管一個設計團隊。從做設計師到做設計經理,你是怎么看待這個角色的變化的呢?

JJ Ying:我覺得這個變化非常明顯,當你有了直接匯報給你的下屬,這個時候需要你去考慮的問題、做的事情就不一樣了。以前網上有一張圖,講經理(Manager)和主管(Team Lead)的區別在哪兒:那張圖是一堆民工在拉一個桶,Team lead 就是那堆民工里的第一個人,他領導大家、但同時自己也干活。而經理就是在后面被拉的那個人,經理就指一下方向,然后讓其他人去賣命。這個圖我覺得還是挺形象的,對我來說也是有這樣的一個轉變。

UX Coffee:你喜歡這個轉變嗎?

JJ Ying:不喜歡。舉個例子吧,以前在惠普做 Team lead 的時候,如果我覺得其他同事做的不好,我可以很簡單地和他說我覺得哪個地方做得不對、我們應該怎么做,甚至我可以自己出一些方案,我們來看一下哪個方案好。但如果你是一個經理人的角色的話,你什么事情都親自去做,就不是一件好事了。

作為經理,你需要給下級一些試錯的機會。他可能做得不好,但你要允許他犯錯,給他試錯的機會,給他對一件事情的主導權,這對他的個人成長很有幫助。這樣一個成長過程,也會伴隨相應的成本代價在里面,尤其是對重點產品來說,試錯的成本很大,但這樣做對設計師個人成長的收益也非常高。你作為經理的話,不單單要考慮產品做的好壞,還必須考慮到人員培養的情況。你有沒有把大家安排在各自擅長的領域里,你怎么去權衡設計質量和人員培養,這些問題就和之前我想的一門心思做好東西很不一樣了。

我記得大概我做完第一年管理工作的時候,我老板問我第一年有什么樣的感受,我就說我這一年下來感覺自己是個 baby sitter(代看孩子的保姆),我以前不會考慮很多這些細枝末節的管理問題,但是現在不得不去考慮這些問題了。

UX Coffee:這個工作其實還不如 baby sitter 好做呢。小寶寶不舒服了還會哭啊叫的,但是大家都是成年人了,有時候對老板不滿意了,不一定會說出來。

JJ Ying:是的,這一點和國外不太一樣,中國同學大多比較含蓄。大家心里想什么,嘴上說什么,跟最后表現出來的是什么,并不一定完全一樣。我并不是很享受做經理這個事情,我覺得我也不是特別擅長做這些事情,所以很多事情我都是后知后覺,就是一定要等到出了什么問題了,我才會去感受到,我才會去彌補。

UX Coffee:做設計做了這么久,突然要求你放手了,重心放在團隊管理上,會不適應嗎?會不會有時候還是忍不住想自己出手?

JJ Ying:確實,老實說我的個性特點決定了,要我放開手完全不做這些事情好像也不太現實。

雖然我是大公司的設計師,但其實我更多是一個野路子的人,對規范化的那套東西并沒有特別的執念。我感覺我和同學們的關系雖然還比較好,但是我經常沒有辦法傳授他們很多我很想要他們了解的東西,或者是我擅長的事情。舉個例子,比如要做個東西,我覺得這個東西如果我來做,肯定比你快三倍,你用上我這個快捷鍵,保證你速度翻倍。但是你不能讓每個人都去用你這套快捷鍵,因為每個人的工作方式是不一樣的,你沒法讓所有人都和你的方式一樣。

UX Coffee:你是不是恨不得你手下所有的員工快捷鍵都和你設置的一樣,然后你就說,這個時候你就按這幾組快捷鍵,上下上下 ABAB 就解決了!

JJ Ying:這個是比較細節的東西啦,軟件技巧這種是團隊管理當中小得不能再小的事情。但總體來講做管理這段時間給我的感受是,我并沒有帶好我的同學們。

給年輕設計師的建議

UX Coffee:作為 UI 設計界的前輩,這么多年來你應該也帶過很多職場新人,你有什么建議給到他們嗎?

JJ Ying:這兩年來的校招生比較多,和年輕設計師接觸的機會也多一點。我發現有一個比較普遍的情況是,有的年輕人手活挺好,有時候就會自恃比較高,我自己也年輕過嘛,我覺得這不是什么問題。但是對于一個設計師來說,尤其是對于想要給公司帶來價值的設計師來說,你自己的手活怎么樣其實是非常小的一部分,更多情況下,你需要把自己做的東西放到整個產品甚至是公司的角度去看,看它是否能達成預定目標,對產品和公司有幫助。

我覺得很多新人并不是特別理解這個邏輯、或者說還沒有適應公司這個環境。他就覺得老板交給我這個東西去做,我把這個設計做漂亮就行了。但是實際上對老板來說更重要的,不是你把這個東西做得多好看,而是你的設計最后能否被實現出來,去滿足既定的用戶需求和商業目標。你的設計稿、效果圖有多漂亮,只是產品設計中非常小的一部分。最重要的是能不能把這個項目推動,然后最后成功發布在一個可控的質量里面——這一點,我希望更多的年輕設計師能夠去意識到,并且去適應它。

嘉賓聯系方式

博客: iconmoon

JJ Ying & Leon Gao 設計播客: anyway

本文編輯:吳艾蔚、林濤、黑眼圈Chloe、Sepahope、Shirley、Riceman

往期回顧:

  1. 《做設計說到底是「知人事」:專訪VMWARE 設計主管謝雅蘋!》
  2. 《從Google到AIRBNB,這個萌妹子想讓設計更有溫度》
  3. 《專訪丨不會做PPT的人機交互博士不是好用研》
  4. 《專訪丨十年設計,不忘初心(三星北美設計經理穆怡雯)》
  5. 《專訪丨從上海到硅谷的GOOGLE 交互設計師王斯捷》
  6. 《專訪丨從迪士尼到紀念碑谷的中國設計師》
  7. Facebook 設計師張寧夏:斯坦福大學的人機交互專業是怎樣的?》
  8. 《FACEBOOK 資深設計師何如佳:當扎克伯格是你的產品經理時》
  9. 《趁年輕做些更有挑戰的事情!專訪Twitter 產品設計師王源》
  10. 《Medium 設計師姜羽揚:設計小白的光速成長之路》

掃描二維碼微信內搜索「UXCoffee」,關注 UX Coffee 設計咖 微信公眾賬號:

【優設網 原創文章 投稿郵箱:[email protected]

================ 明星欄目推薦 ================

優優教程網: UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的 知識樹專欄 。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

贊 (0) 評論 分享 ()

福彩30选5