像APP設(shè)計(jì)師一樣思考 Ⅰ

原文鏈接:http://www.smashingmagazine.com/2015/04/10/thinking-like-an-app-designer/

作者:Javier Cuello?翻譯:石洋


移動(dòng)產(chǎn)品設(shè)計(jì)沒有表面上那么簡(jiǎn)單。我們需要對(duì)設(shè)備非常了解,甚至要改變思考問(wèn)題的方式,這意味著丟掉我們從Web設(shè)計(jì)中學(xué)到的很多東西。

我跟很多設(shè)計(jì)師一樣從出版設(shè)計(jì)開始自己的事業(yè)。不久之后,我發(fā)現(xiàn)了令我著迷的網(wǎng)絡(luò)世界,并在某一時(shí)刻變成我的工作重心。在這個(gè)過(guò)程中我學(xué)習(xí)了在此之前完全陌生的交互設(shè)計(jì)和用戶體驗(yàn)的概念。

某些時(shí)候,我感到自己被困在某種重復(fù)的工作循環(huán)里:我已經(jīng)找到了一種準(zhǔn)則,一種使設(shè)計(jì)幾乎不出錯(cuò)的方法,使我可以比之前更輕松更迅速的遞交每個(gè)新項(xiàng)目,但是用這樣或那樣的方式,所有的設(shè)計(jì)看起來(lái)都一樣。再此之后iOS和安卓的第一版本發(fā)布了。

隨后我的生活發(fā)生了出乎意料的變動(dòng),我開始專注于一些看起來(lái)完全不同的東西:移動(dòng)App設(shè)計(jì)。那是我所需要的真正的挑戰(zhàn)。我不只要學(xué)習(xí)新東西,還要忘掉一部分我直到那時(shí)還在用的網(wǎng)站設(shè)計(jì)秘訣。

幾年以后,事實(shí)上是幾天前,蘋果智能手表新App發(fā)行,設(shè)計(jì)界百感交集。一方面,看到一個(gè)為新設(shè)計(jì)的出現(xiàn)提供了可能的設(shè)備。另一方面,理解一個(gè)史無(wú)前例的交互和用例的媒介令人望然生畏。

這不是我們第一次在市場(chǎng)上看到這樣的設(shè)備。但因?yàn)樾录夹g(shù)越來(lái)越頻繁的需要新設(shè)計(jì)方法,我們必須適應(yīng)這種越來(lái)越快的速率。


像智能手表一樣的新設(shè)備類別驅(qū)使設(shè)計(jì)師不斷的學(xué)習(xí)設(shè)計(jì)規(guī)范。

當(dāng)然,第一個(gè)巨大的推動(dòng)是20年前無(wú)處不在的第一批互聯(lián)網(wǎng)入口。在這以前,大多數(shù)像我一樣的設(shè)計(jì)師致力于出版行業(yè),互聯(lián)網(wǎng)的來(lái)到要求我們要學(xué)習(xí)怎樣設(shè)計(jì)交互媒體。用戶已經(jīng)變得不只是觀眾了。

這個(gè)轉(zhuǎn)型期某些比其他時(shí)期更困難,這就是為什么許多網(wǎng)站那個(gè)時(shí)候看起來(lái)像在出版物上面標(biāo)記了按鈕——設(shè)計(jì)師并沒有立刻明白這種新媒介的特征。


BBC開發(fā)的App(左)和Hertz(右)與原生App相比更像網(wǎng)站,并且忽略一些移動(dòng)設(shè)計(jì)慣例。

今天App發(fā)生了同樣的事情。經(jīng)常遇到像看起來(lái)像小網(wǎng)站的應(yīng)用:他們構(gòu)建的應(yīng)用像被轉(zhuǎn)譯到智能手機(jī)的網(wǎng)頁(yè),在對(duì)比度、字體、觸摸目標(biāo)、和手勢(shì)方面紛紛失敗。他們同樣沒有區(qū)分誰(shuí)將用這個(gè)App,在哪里使用,在什么設(shè)備上使用。

當(dāng)為移動(dòng)設(shè)計(jì)時(shí),需要脫離網(wǎng)站結(jié)構(gòu),因?yàn)樗赡軐?duì)我們不利。我們必須以一個(gè)不同的心態(tài)面對(duì)項(xiàng)目,并且為了充分發(fā)揮移動(dòng)設(shè)備的優(yōu)勢(shì)和產(chǎn)出令人愉悅的體驗(yàn)必須完全理解移動(dòng)設(shè)備。

作為一個(gè)App設(shè)計(jì)師你需要做什么?除了知識(shí)和工具,你需要改變你想問(wèn)題的方式。下面是為了適應(yīng)App設(shè)計(jì)世界的幾條建議。


改變你的工作方式


現(xiàn)在每一刻都有上百App進(jìn)入市場(chǎng)——你沒有時(shí)間去浪費(fèi)。

作為專業(yè)人員,項(xiàng)目開始之前我們不再能花幾周或者幾個(gè)月的時(shí)間在新奇的設(shè)計(jì)細(xì)節(jié)上直到發(fā)現(xiàn)其他Apps已經(jīng)把這個(gè)問(wèn)題解決了(并且更有可能的是用同樣的方法解決)。

在這里一種敏捷的的開發(fā)循環(huán)——精益用戶體驗(yàn)(lean UX)的概念被引進(jìn)而來(lái)。這種方法在持續(xù)迭代設(shè)計(jì)和發(fā)展中是必須的,保證了腦袋中只有一個(gè)關(guān)注點(diǎn):用戶試用之前沒有什么是確定的。


Lean UX基于一個(gè)無(wú)限循環(huán)迭代的圈

因此,app設(shè)計(jì)不能從用Potoshop或者Illustrator的界面設(shè)計(jì)開始。在此之前需要畫線框圖原型。這樣的話,如果有變化只需要花費(fèi)很短的時(shí)間而不是幾個(gè)月去實(shí)現(xiàn)。

設(shè)計(jì)師們一般傾向于從視覺設(shè)計(jì)開始:那是對(duì)我們來(lái)說(shuō)最有意思的階段。某種程度上,我們通常習(xí)慣于這樣做因?yàn)檫@是唯一能力所及的。

近期與許多設(shè)計(jì)師聊天我建議他們項(xiàng)目開始的時(shí)候不用電腦工作,只需要在紙上畫。這聽起來(lái)太原始了以至于從未想過(guò)這種可能性。事實(shí)證明這樣設(shè)計(jì)有效防止我們被其他形式的可變因素干擾(比如設(shè)計(jì)文檔的大小,顏色和字體使用,等等)——可變因素和細(xì)節(jié)在項(xiàng)目開始的時(shí)候?qū)嶋H上限制了我們的創(chuàng)造力。

就個(gè)人而言,我發(fā)現(xiàn)在紙上速寫非常有用,因?yàn)槲覀冎魂P(guān)注于想法和問(wèn)題的解決上,防止在第一步就陷入考慮細(xì)節(jié)的陷阱。

“移動(dòng)先行”,或者從小屏開始是一個(gè)很好的策略。即使你的App需要同時(shí)在智能手機(jī)和平板上運(yùn)行,從比較小的手機(jī)開始設(shè)計(jì)更高效。從移動(dòng)的立場(chǎng)開始設(shè)計(jì)使我們專注于區(qū)分優(yōu)先級(jí),選擇并且首先改變習(xí)慣于以大屏幕的臺(tái)式電腦做為起點(diǎn)的心理結(jié)構(gòu)。


“移動(dòng)先行”做為出發(fā)點(diǎn)基于為智能手機(jī)設(shè)計(jì)之后轉(zhuǎn)移到更大的屏幕。

第一次我用這種方法開始一個(gè)項(xiàng)目,我差點(diǎn)兒因?yàn)橐粋€(gè)令人頭疼的事情結(jié)束了。可能這跟你第一次去體育館差不多情況;由于任務(wù)很難,肌肉還暫時(shí)沒有適應(yīng)而受傷。如果你沒有完成它,改天再試。你會(huì)發(fā)現(xiàn)優(yōu)先級(jí)的變化,并且迅速察覺什么是你App中真正重要的東西。

你同樣可以對(duì)比帶行李箱旅行。如果你有一個(gè)小箱子,你會(huì)帶什么東西?你會(huì)帶最重要的,當(dāng)然,是你確定旅途中會(huì)用到的東西,并且把其他東西丟掉。無(wú)論你相不相信,這個(gè)普通的例子與我們?yōu)橹悄苁謾C(jī)設(shè)計(jì)是類似的。


向另一半學(xué)習(xí)


一個(gè)App的成功與否取決于設(shè)計(jì)師和開發(fā)者,他們共同協(xié)作盡可能高質(zhì)量完成工作。為了高效工作,你可以通過(guò)并行工作縮短迭代周期。這樣你必須意識(shí)到設(shè)計(jì)和實(shí)現(xiàn)的復(fù)雜性。

一種實(shí)現(xiàn)方法是去學(xué)習(xí)使用開發(fā)工具,不需要從頭到尾開發(fā)App,但至少建立起可以如實(shí)和迅速的交流設(shè)計(jì)意圖的途徑。


我是唯一的設(shè)計(jì)師,許多開發(fā)者正在等我完成,就造成了很多瓶頸。

到巴塞羅那不久之后,我開始在技術(shù)創(chuàng)業(yè)公司工作。非常吃驚的發(fā)現(xiàn)我是那兒唯一的設(shè)計(jì)師——我簡(jiǎn)直被開發(fā)者環(huán)繞這,一開始的遇到瓶頸是每個(gè)人都在等我去完成設(shè)計(jì)從而繼續(xù)他們自己的工作。

隨著時(shí)間的推移,我學(xué)會(huì)了使用像Xcode和其他基礎(chǔ)程序語(yǔ)言。這樣做,你會(huì)覺得辦公室所有都用同一種語(yǔ)言說(shuō)話。設(shè)計(jì)師和開發(fā)者經(jīng)常用不同的詞語(yǔ)說(shuō)同一件事使得理解變得困難。


意識(shí)到團(tuán)隊(duì)合作的價(jià)值


稍往回一點(diǎn)兒看之前內(nèi)容,團(tuán)隊(duì)合作絕不止分享辦公空間這么簡(jiǎn)單。它包括了團(tuán)隊(duì)成員合作和持續(xù)的溝通。精益App設(shè)計(jì)結(jié)束了那種一個(gè)人從他人結(jié)束的地方開始工作的串聯(lián)過(guò)程。

但事實(shí)上大多數(shù)團(tuán)隊(duì)習(xí)慣于一種更加有效率的敏捷組合流程,開發(fā)者遵循一種敏捷化方法(在特定截止日期完成一個(gè)目標(biāo)),設(shè)計(jì)師遵循精益方法(快速迭代,通常沒有一個(gè)特定截止日期)。

但是這里依然有瀑布開發(fā)的遺留,設(shè)計(jì)師通常比團(tuán)隊(duì)其他人工作靠前一點(diǎn)兒,開發(fā)者當(dāng)然可以在所有設(shè)計(jì)準(zhǔn)備好之前開始。

這就是為什么App設(shè)計(jì)師必須意識(shí)到合作者特別是程序員是同盟不是敵人。一個(gè)更好更協(xié)調(diào)的結(jié)果是理解彼此并且培養(yǎng)一起工作的習(xí)慣。

我們經(jīng)常害怕分享我們的工作。我們某種程度上傾向于防備可能被提出的評(píng)論,特別是來(lái)自要接手的設(shè)計(jì)師的。事實(shí)上別人講的很多東西包括那些像程序員沒有設(shè)計(jì)背景的人的反饋對(duì)改進(jìn)我們的提案非常重要。他們的視角通常比我們更實(shí)際,可以保證更好的平衡。

一個(gè)我方才拜訪過(guò)的公司的人員告訴我設(shè)計(jì)師和開發(fā)者在不同的樓層工作,通過(guò)不同版本的即時(shí)通訊系統(tǒng)溝通。我建議他們嘗試換一種方式:一個(gè)項(xiàng)目中的設(shè)計(jì)師和開發(fā)者應(yīng)該安置在一起。幾個(gè)月之后他們告訴我產(chǎn)品質(zhì)量甚至團(tuán)隊(duì)成員的關(guān)系都戲劇性的提高了。

(未完待續(xù))

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容