移動互聯(lián)網(wǎng)讓設(shè)計師瘋狂滿足全人類

這一周的參選作品全軍覆沒。地圖定位應(yīng)用“這兒”的創(chuàng)意不錯，對新技術(shù)的探索很值得鼓勵，但交互按鈕做得有些粗糙，否決；

體育視頻應(yīng)用“體育瘋”視覺上沒有重點，信息密度太大，配色也過于平庸，全票否決；

休閑游戲“指尖跑酷”倒是符合簡單、精致的原則，漂亮的手繪風(fēng)讓幾個評審交口稱贊，但手指操作太累，你能連續(xù)玩上半小時嗎？不能，只好忍痛否決……

只有塔防游戲“遠的要命的王國”獲得一致好評：畫面細膩，操作便捷；體積不算大，18M，沒有超過用戶對手機游戲占內(nèi)存量的心理極限（30M～40M）；社交性也ok，可以在社交網(wǎng)站上分享給好友。唯一的問題是，它能保證在所有主流機型上流暢運行嗎？還不確定。那只能拖到“待定區(qū)”，等會后測驗完畢再議。

每周三下午，這個七人極客小組都要聚在小會議室里，對十幾個安卓應(yīng)用軟件一一品評，并將優(yōu)質(zhì)作品列入“豌豆莢設(shè)計獎”加以推廣。

“我們想借此確立一些方向，告訴大家什么樣的應(yīng)用才是應(yīng)該留在設(shè)備里的。”豌豆莢設(shè)計獎的負責(zé)人張慧迪對壹讀記者說。

這些“方向”與Google用戶體驗團隊給移動應(yīng)用開發(fā)者們的建議無甚差別：有用、快速、簡單、有吸引力、創(chuàng)新、適合大眾、有效率、漂亮、值得信賴、個性化。

十個詞，精準概括了移動互聯(lián)網(wǎng)時代人們最本質(zhì)的需求，也是所有產(chǎn)品設(shè)計師的努力方向—顯然，這并不容易。

不是美工，而是人類需求的滿足者

2007年1月10日，第一代iPhone發(fā)布會上，喬布斯拿著手機，打開音樂列表，用手指從屏幕下方往上一劃，界面隨著慣性移動，滑了一會兒，又自動停下。

時隔七年，豌豆莢產(chǎn)品設(shè)計師趙琪仍在回味這輕輕一劃帶來的震撼：“（發(fā)布會現(xiàn)場）整個屋子都瘋狂了。”

這是擁有多點觸控功能的觸摸屏手機在全世界的首次亮相，喬布斯盛贊其為“革命性的UI（用戶界面）”。而對UI設(shè)計師們來說，這也是職業(yè)角色一次革命性的顛覆。

對軟件設(shè)計的另一個重要部分—編程設(shè)計，人們很熟悉。然而同時，不但普通公眾，就連一些專門從事網(wǎng)站設(shè)計的人，對UI的理解都長期停留在“描邊畫線”的美術(shù)設(shè)計上。事實是，一個好的UI設(shè)計要在人與機器互動的各個環(huán)節(jié)中提供良好的使用體驗，視覺上的美觀只是其中的一部分。

是蘋果讓“交互”和“用戶體驗”這些陌生的詞匯進入了大眾視野。拇指和食指在屏幕上輕輕一捏，照片就能隨之放大或縮小，這樣直觀、便捷的人性化操作簡直迷倒眾生。

“它真的通過自己的消費產(chǎn)品，提升了整個社會對設(shè)計的重視，間接地也讓設(shè)計師這個職業(yè)受到了重視?！必撠?zé)豆瓣旗下多款產(chǎn)品交互設(shè)計的Brant對壹讀記者感嘆。

盡管如此，2007年時，也沒有誰能想到，這會是第四次科技革命的先兆。

2008年5月，國際電信聯(lián)盟正式公布第三代移動通信技術(shù)（3G）標準，開啟了真正的移動互聯(lián)網(wǎng)時代；隨后，蘋果推出iPhone3G，HTC發(fā)布全球第一款安卓系統(tǒng)智能手機G1；2010年10月，第一代iPad亮相。

智能手機迅速成為全球移動設(shè)備制造商的新戰(zhàn)場，軟件開發(fā)者們則瞄準了蘋果和安卓應(yīng)用商店創(chuàng)造的機遇，而趙琪、Brant與他們的同行突然發(fā)現(xiàn)，他們有了更多空間去實踐這個職業(yè)的本質(zhì)—不僅僅是一個“美工”，而是信息時代人類需求的滿足者。

事實是，一個好的UI設(shè)計要在人與機器互動的各個環(huán)節(jié)中提供良好的使用體驗，視覺上的美觀只是其中的一部分。

為什么要把一座山放進茶杯里

“移動互聯(lián)網(wǎng)催生了很多從前沒有的需求?！蓖愣骨v產(chǎn)品設(shè)計副總裁劉亞平說，“比如，過去你不會想到用手機去處理和分享圖片，而現(xiàn)在，這已經(jīng)成了一個很大的產(chǎn)業(yè)。”

劉亞平還記得2009年6月iPhone 3GS的廣告語“你的手機有八萬種功能”，指的是當時上線近一年的蘋果App Store擁有八萬個應(yīng)用。而今，這個數(shù)字早已突破百萬。開放的安卓市場則更為龐大，僅被豌豆莢收錄的應(yīng)用就達140萬個。

手機的便攜性讓這些應(yīng)用一點點蠶食著人們的“碎片時間”。為什么最火爆的手機游戲如憤怒的小鳥、切西瓜、2048，往往將一局的時間限定為幾分鐘甚至更短？是為了能讓你在擠公交地鐵的間隙、睡前五分鐘乃至蹲一次馬桶的時間里都能完成至少一局。

豆瓣的產(chǎn)品開發(fā)團隊也敏銳地發(fā)現(xiàn)了這種變化：在上班路上或中午打盹的幾分鐘里，不會有用戶像在電腦上聽音樂那樣，耐心地瀏覽、搜索、下載、調(diào)試音響效果，他們需要的是跳過這些環(huán)節(jié)，打開應(yīng)用，直接聽歌，并在過程中發(fā)現(xiàn)音樂。

豆瓣FM應(yīng)運而生。設(shè)計總監(jiān)Jane Ngai將其最初的設(shè)計理念概括為兩個字：“傻瓜”。簡潔的界面上只有三個交互按鈕：紅心、垃圾桶和跳過，分別代表喜歡、不喜歡和“下一首”。打開軟件，流媒體音樂自動隨機播放，只需點擊對應(yīng)按鈕，程序便能“獲知”和記錄你的喜好，并結(jié)合強大的算法，在下次使用中推送合你心意的歌曲。

不過，功能和操作上的化繁為簡并不意味著設(shè)計難度的降低?！笆聦嵣?，做減法比做加法更難。”eico design創(chuàng)始人張偉深有感觸。

淘寶、谷歌、攜程、寶馬……這家用戶體驗設(shè)計公司長長的服務(wù)客戶名單里擠滿了我們熟悉的中外品牌。eico有太多為傳統(tǒng)桌面服務(wù)設(shè)計移動產(chǎn)品的經(jīng)驗，而這些任務(wù)共同的核心問題是：如何在一個小屏幕上，更便捷地實現(xiàn)同樣的功能？就像攜程客戶端廣告中描述的那樣，在登機口邂逅一個女孩，即刻就訂下與她同一航班的機票。

解決方案是設(shè)置“視覺焦點”。首先舍棄掉原網(wǎng)頁上那些細枝末節(jié)的內(nèi)容，然后將余下的分為第一優(yōu)先級、第二優(yōu)先級、第三優(yōu)先級……并用不同的字體、大小、色彩來顯示，讓最重要的信息—如優(yōu)惠價格和出發(fā)日期—“一瞥即見”，方便操作。

“減法”原則甚至深深影響著移動應(yīng)用的產(chǎn)業(yè)格局。

早在iPhone之前，智能手機先驅(qū)palm（奔邁）的系統(tǒng)開發(fā)者羅布·灰谷就用一個帶有禪意的問題來闡述設(shè)計原則：如何將一座山裝進一個茶杯中？“將山縮小”表示你仍然認為多就是好—典型的PC設(shè)計思想。而一個合格的移動應(yīng)用設(shè)計者應(yīng)該反問：為什么要將一座山放到茶杯中？

是的，碎片化的使用場景，決定了一個軟件無法、也沒必要做到功能上的大而全。絕大多數(shù)產(chǎn)品都在專注于解決某一個具體問題，比如預(yù)報天氣或者僅僅在清晨喊你起床。

而同時，越來越多的行業(yè)考慮到UI設(shè)計的重要性。銀行提款機的屏幕邊上，到底需不需要按鈕，需要幾個按鈕，為什么老人和孩子很難學(xué)會使用自動提款機？電視遙控器為什么要有那么多按鈕，菜單界面為什么如此繁瑣？越來越多的汽車在中控臺上增加了觸摸屏，它的界面要如何設(shè)計才能簡單易操作，又不會因為過于醒目而分散司機的注意力？

這些傳統(tǒng)的交互界面顯然也需要向移動互聯(lián)網(wǎng)領(lǐng)域?qū)W習(xí)如何變得更簡單，或者說更“傻瓜”。

最低標準的移動應(yīng)用，也好過網(wǎng)絡(luò)應(yīng)用

產(chǎn)品功能的“輕”趨勢讓創(chuàng)業(yè)變得容易，小團隊、低成本也可以開發(fā)，但成功卻變得越來越難。用豌豆莢設(shè)計獎負責(zé)人張慧迪的話說就是，“過去能實現(xiàn)那些功能就不錯了，用戶是給什么用什么；現(xiàn)在他們已經(jīng)不再滿足于‘溫飽’，而開始重視‘用戶體驗’這件事了。”

與此相應(yīng)的是，蘋果公司前設(shè)計師川野曾表示，移動應(yīng)用的開發(fā)迫使科技行業(yè)提高了設(shè)計標準，“即便是最低標準的移動應(yīng)用，也需要遠遠好于網(wǎng)絡(luò)應(yīng)用，因為這個平臺的質(zhì)量要高得多?！?/p>

但豌豆莢副總裁劉亞平有不同的看法：“在任何時代，一款好產(chǎn)品的標準都是一樣的：我有一個確定的產(chǎn)品，要去解決一個確定的問題，怎么去解決它，并且讓這個功能用起來方便流暢。”他認為，移動時代設(shè)計水平的提高，不過是因為技術(shù)的進步使得更好的用戶體驗成為可能。

在eico的設(shè)計團隊中，除了視覺設(shè)計師和交互設(shè)計師，還有一個新角色“動態(tài)體驗設(shè)計師”，負責(zé)在移動應(yīng)用中設(shè)計產(chǎn)品的專場與動畫效果體驗。在張偉看來，這些小玩意兒作為交互按鈕的功能遠低于“情感體驗”的意義。

最成功的一個案例，是他們在購物應(yīng)用“蘑菇街”中用以取代“篩選”按鈕的一個小把手，輕輕一拉，它就會掉下來晃動一下。這個精巧可愛的設(shè)計俘獲了大批女孩子的心—而她們恰好是“蘑菇街”最重視的用戶。

豌豆莢則將動態(tài)圖片安插在視頻緩沖的間隙，用有趣的動畫來吸引用戶的注意力，減少他們的心理等待時間。

事實上，每一次重大的技術(shù)革新都會引領(lǐng)設(shè)計的新潮流，突破人們對“用戶體驗”的想象。比如，后臺的大數(shù)據(jù)分析支持著豆瓣FM及一些新聞客戶端去“學(xué)習(xí)”你的偏好，自動推送你喜歡的內(nèi)容；而更早以前，鼠標的出現(xiàn)，讓人與電腦的交流更直觀；更不用提觸摸屏取代按鍵所帶來的震撼體驗了。

但也有當下的技術(shù)仍然做不到的事，這就需要設(shè)計師們用智慧來彌補。比如，觸摸屏并不是沒有缺陷：相比電腦鍵盤，它實在不是一個好的輸入介質(zhì)。

豌豆莢的設(shè)計師們就找到了替代方案。“Google在PC上的首頁只有一個搜索框，因為你可以很方便地輸入；而豌豆莢考慮到用戶懶得輸入，所以會在頁面上提供各種各樣的搜索建議、熱門內(nèi)容，只需要用手指點擊就行，避免了麻煩的輸入?！眲喥浇榻B道。

為了盡可能幫用戶減少在智能手機上的輸入，豌豆莢甚至一反常規(guī)，將PC版的客戶端作為移動應(yīng)用的“助手”，用電腦的大屏幕、全鍵盤來解決諸如“手機上有上千個聯(lián)系人，管理一次通訊錄特別麻煩”的問題。

智能手機先驅(qū)palm（奔邁）的系統(tǒng)開發(fā)者羅布·灰谷問：如何將一座山裝進一個茶杯中？“將山縮小”仍然是典型的PC設(shè)計思想。而一個合格的移動應(yīng)用設(shè)計者應(yīng)該反問：為什么要將一座山放到茶杯中？

設(shè)計師也要參加“黑客馬拉松”

沒有哪一個時代像現(xiàn)在這樣，技術(shù)變革如此之快；也沒有哪個時代像現(xiàn)在這樣，技術(shù)與設(shè)計的關(guān)系如此緊密。一名設(shè)計師必須時刻保持對技術(shù)的敏感，才能保持源源不斷的創(chuàng)造力。

在豆瓣FM設(shè)計總監(jiān)Jane Ngai看來，最完美的設(shè)計一定是跟工程師通力合作才能完成的，“因為設(shè)計的實現(xiàn)一定需要技術(shù)支持，而設(shè)計師可能不知道目前的技術(shù)能達到什么樣的水準?！?/p>

這種合作存在于產(chǎn)品設(shè)計的每一個細節(jié)中，并非顛覆性的技術(shù)才有溝通的必要。前段時間，Jane最喜歡的博客平臺應(yīng)用Medium發(fā)布了新版本，開發(fā)過程中，為了一條下劃線與字母的間距以及圖標是方頭還是圓頭等問題，設(shè)計師和工程師就折騰了一個多月。

“這才是設(shè)計態(tài)度的體現(xiàn)?！彼f。

而曾在Google工作過三年的劉亞平，將這個世界上最偉大的設(shè)計公司的管理機制帶到了豌豆莢。產(chǎn)品設(shè)計階段會不時舉辦“黑客馬拉松（Hackathon）”，這是移動互聯(lián)網(wǎng)時代的產(chǎn)物，設(shè)計師、工程師共處一室，閉關(guān)幾十個小時做出一款產(chǎn)品的雛形；定期召開的設(shè)計評審會（Design Review）也離不開設(shè)計師、工程師的“跨界”交流。

設(shè)計師們的工種界線也在漸漸模糊，豌豆莢甚至徹底摒棄了傳統(tǒng)的分工。

一個完整的產(chǎn)品開發(fā)團隊應(yīng)該包括項目經(jīng)理、產(chǎn)品經(jīng)理、交互設(shè)計師、視覺設(shè)計師、用戶研究員、市場研究員、工程師等各種崗位的員工，但在豌豆莢，產(chǎn)品開發(fā)階段只剩下了兩個角色：產(chǎn)品設(shè)計師和工程師，產(chǎn)品設(shè)計師要承擔(dān)除技術(shù)外的幾乎全部任務(wù)。

“創(chuàng)業(yè)公司追求高效率，希望團隊盡量精簡、環(huán)節(jié)盡量少?！眲喥竭@樣解釋這種安排的初衷。但最本質(zhì)的原因是：功能專一的輕量級應(yīng)用已經(jīng)不再需要一個龐大臃腫的團隊來支持，正相反，社交網(wǎng)絡(luò)的發(fā)達，要求開發(fā)者建立一個對用戶反饋的快速反應(yīng)機制，若分工太細，無疑會增加溝通的成本。這是移動互聯(lián)網(wǎng)對設(shè)計師職業(yè)的又一次顛覆。