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

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

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

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

隨后我的生活發(fā)生了出乎意料的變動(dòng)，我開始專注于一些看起來完全不同的東西：移動(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è)史無前例的交互和用例的媒介令人望然生畏。

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

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

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

今天App發(fā)生了同樣的事情。經(jīng)常遇到像看起來像小網(wǎng)站的應(yīng)用：他們構(gòu)建的應(yīng)用像被轉(zhuǎn)譯到智能手機(jī)的網(wǎng)頁，在對(duì)比度、字體、觸摸目標(biāo)、和手勢方面紛紛失敗。他們同樣沒有區(qū)分誰將用這個(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)勢和產(chǎn)出令人愉悅的體驗(yàn)必須完全理解移動(dòng)設(shè)備。

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

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

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

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

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

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

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

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

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

第一次我用這種方法開始一個(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ì)用到的東西，并且把其他東西丟掉。無論你相不相信，這個(gè)普通的例子與我們?yōu)橹悄苁謾C(jī)設(shè)計(jì)是類似的。

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

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

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

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

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

但事實(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)論，特別是來自要接手的設(shè)計(jì)師的。事實(shí)上別人講的很多東西包括那些像程序員沒有設(shè)計(jì)背景的人的反饋對(duì)改進(jìn)我們的提案非常重要。他們的視角通常比我們更實(shí)際，可以保證更好的平衡。

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

當(dāng)你設(shè)計(jì)移動(dòng)應(yīng)用的時(shí)候不能只參考自己的手機(jī)。如果你的目標(biāo)是全球移動(dòng)市場，你必須至少用包括Android, iOS 和 Windows Phone設(shè)備，并且不斷的習(xí)慣于使用他們完全明白每個(gè)平臺(tái)不同的使用場景。

事實(shí)上世界上的設(shè)計(jì)不從iPhone開始和結(jié)束。很多設(shè)計(jì)師把自己局限在iOS里面，當(dāng)設(shè)計(jì)安卓的時(shí)候，他們只是轉(zhuǎn)譯——通常幾乎逐字逐句轉(zhuǎn)譯原始的App。

交互模式（例如設(shè)計(jì)中已經(jīng)確立的解決問題的方法）在每個(gè)操作系統(tǒng)中是不同的。同樣的，設(shè)計(jì)師必須頻繁的換系統(tǒng)從而了解和正確的使用他們。

舉幾個(gè)例子，在每個(gè)操作系統(tǒng)中tab的位置，怎么樣去展示菜單，什么時(shí)候、怎樣展示首要和次要?jiǎng)幼鞫际遣煌摹?/p>

你可以跟隨這里的幾個(gè)實(shí)用的小練習(xí)學(xué)習(xí)每個(gè)系統(tǒng)的模式：在不同的手機(jī)上下載和安裝同一App，并用仔細(xì)分析他們的異同；他們的模式將是不同的。所以，如果你發(fā)現(xiàn)一個(gè)App在iOS和Android看起來運(yùn)行起來幾乎一樣，可能哪個(gè)做的不太正確。

此外，不斷的看和試玩別人的應(yīng)用是一個(gè)解決你自己界面問題的很好的方法。比如說很多時(shí)候當(dāng)我們感到創(chuàng)作受阻或者不知道如何解決一個(gè)問題，我會(huì)玩我的手機(jī)看看它們?nèi)绾谓鉀Q我正面對(duì)的問題。

如果你身邊沒有手機(jī)，可以點(diǎn)開包含豐富案例網(wǎng)站像PttrnsAndroidAppPatterns和WindowsPhoneUIDesignPatterns,可能對(duì)你有幫助。

敏捷開發(fā)的方法需要理解一些東西將會(huì)呈現(xiàn)出什么樣子和功能實(shí)現(xiàn)之前的樣子。同樣的，原型幫我們評(píng)估產(chǎn)品的可用性（通過用戶測試）。理想上，我們搭建第一個(gè)原型不需要太長時(shí)間。

可能很少有人記得掌上電腦：第一個(gè)原型之一是木板帶著畫著界面設(shè)計(jì)的紙。員工可以像真實(shí)設(shè)備一樣把它放在行李里帶著。

它的目的是測試尺寸和使用的舒適程度，這個(gè)原型已經(jīng)足夠了。問題在于測試你構(gòu)思到什么程度才可以開始設(shè)計(jì)，然后著手工作。

如今出現(xiàn)了許多原型工具甚至可以在智能手機(jī)上看起來像完成的產(chǎn)品一樣。也就是說，原型不止展示靜態(tài)設(shè)計(jì)；它同樣包括圖片、轉(zhuǎn)場效果和手勢。

通過你的工作流程、你想實(shí)現(xiàn)的和你期望的結(jié)果來決定選擇最合適的工具。比如說，當(dāng)只有紙上的簡單線框圖時(shí)我常常用POP。用這個(gè)App我可以為設(shè)計(jì)拍照，添加手勢和轉(zhuǎn)場效果，又快又簡單！

但是當(dāng)一個(gè)概念更超前時(shí)我發(fā)現(xiàn)使用像Sketch這樣的設(shè)計(jì)專用軟件更加方便，用Marvel,Flinto或InVision,可以做出更優(yōu)美的原型。（注意有些時(shí)候它未必比另一些好。選擇哪個(gè)在一定程度上取決于你覺得哪個(gè)用起來更順手。）

之前提到過，現(xiàn)在出現(xiàn)了大量的原型App，幾個(gè)月前我決定建立一個(gè)小網(wǎng)站列出所有我知道的。網(wǎng)站提供每個(gè)工具特征的概述幫助你選擇。

另一方面，像安卓系統(tǒng)的“material design”將更多關(guān)注細(xì)微交互效果。設(shè)計(jì)制作細(xì)微交互效果的原型是今天很多設(shè)計(jì)師的職責(zé)。（像Keynote這樣的工具可以讓你輕松制作這種細(xì)節(jié)。Keynote魔法動(dòng)作選項(xiàng)遲早派的上用場。）

當(dāng)設(shè)計(jì)web端產(chǎn)品的時(shí)候，可以在工作的時(shí)候看到它運(yùn)作起來的樣子。但是App你必須在移動(dòng)設(shè)備上測試才能看到界面的樣子（功能）。首先，這種測試對(duì)決定對(duì)比度和尺寸是必要的。

針對(duì)Android和iOS幫助設(shè)計(jì)師在不同分辨率的移動(dòng)屏幕上看他們的作品的工具，對(duì)于iOS，最有名的是LiveView。另一個(gè)我用的最多的是帶臺(tái)式機(jī)版本可以在Mac上使用的Skala(Android和iOS同樣適用)，如果你用Sketch你可以嘗試Sketch Mirror。

不幸的是，這種工具沒有適用于Windows和WindowsPhone(至少我不知道)。

在 的工作流程中，每下一步開始前我常在手機(jī)上預(yù)覽設(shè)計(jì)以確保它是我想要的樣子。同樣的，我通常一次以一個(gè)系統(tǒng)的設(shè)計(jì)作為開始，而且大部分時(shí)間將手機(jī)放在身 邊。這樣我可以時(shí)常檢查我的作品將怎樣在屏幕上呈現(xiàn)，同時(shí)完成第一批線框圖，我確定尺寸（圖形、文本和控件），對(duì)比度和顏色是不是我預(yù)期的樣子。如果你不 這樣做，可能當(dāng)你后來發(fā)現(xiàn)問題的時(shí)候?qū)⑿枰嗟臅r(shí)間修正。

同樣重要的是用與預(yù)覽作品的手機(jī)同樣尺寸（長和寬）設(shè)計(jì)文檔開始工作。（注意：如果你為不同屏幕尺寸設(shè)計(jì)，請(qǐng)記住像素不再是測量尺寸的做好方式，因?yàn)椴煌到y(tǒng)他們會(huì)發(fā)生變化——例如，注意iOS上的點(diǎn)和安卓中的density-independentpixels。某種程度上你必須完全理解如何設(shè)計(jì)和在移動(dòng)應(yīng)用領(lǐng)域制作圖片的不同。）

當(dāng)你的設(shè)計(jì)已經(jīng)被開發(fā)者實(shí)現(xiàn)，檢查App在不同的手機(jī)和不同版本系統(tǒng)上看起來和運(yùn)行起來的樣子，而不是只是你手邊最好的手機(jī)。

App設(shè)計(jì)師必須拋棄創(chuàng)作最終版產(chǎn)品的觀念。App永遠(yuǎn)不會(huì)完成，因?yàn)樗请S著時(shí)間進(jìn)化的數(shù)字產(chǎn)品。正是由于這個(gè)原因，我們不能站在絕對(duì)的立場從事界面設(shè)計(jì)。而應(yīng)該通過可用性測試和破譯用戶遭遇的問題來定位。

當(dāng)用戶在使用App的過程中犯錯(cuò)并感到困惑時(shí)我們設(shè)計(jì)師有時(shí)候傾向于逃脫責(zé)任。但事實(shí)上很有可能是我們錯(cuò)了。

檢測到問題（并發(fā)現(xiàn)我們的錯(cuò)誤）不是一件壞事。當(dāng)然，這是一次學(xué)習(xí)和糾正工作的機(jī)會(huì)，從而改進(jìn)它使它更好用。做設(shè)計(jì)必須保持謙卑的態(tài)度。

在曾經(jīng)工作過公司，每次告訴老板我完成了一個(gè)設(shè)計(jì)，他就會(huì)問我：“你已經(jīng)找用戶測試過了嗎？”我通常沒有測試過，但是最后我把它變成一個(gè)習(xí)慣，并且每次我測試的時(shí)候都準(zhǔn)備好開放的頭腦，愿意看到發(fā)現(xiàn)的問題。

這個(gè)只有等你成熟到能夠接受你的錯(cuò)誤并從中學(xué)習(xí)的時(shí)候你才能做到。這很難，但是為了成功這樣做是值得的。

當(dāng)為明天而設(shè)計(jì)時(shí)信息數(shù)量使得事物幾乎不可能保持原樣。然而，做為App設(shè)計(jì)師，我們必須對(duì)新鮮事物和將要發(fā)生的事情保持好奇。

這包括App設(shè)計(jì)趨勢、系統(tǒng)新版本。無論喜歡與否，為了保持前沿看到最新的App設(shè)計(jì)我們不得不安裝新系統(tǒng)。

閱讀系統(tǒng)新版本官方設(shè)計(jì)指南是一種獲取多種多樣設(shè)計(jì)信息的好方法。你同樣可以像行業(yè)先鋒學(xué)習(xí)像JoshClark和LukeWroblewski。

保持在前沿同樣意味著嘗試使用市場上出現(xiàn)的，能夠簡化設(shè)計(jì)和使我們工作更高效的工具。我們不能害怕離開心理舒適區(qū)或不敢拋棄工作和設(shè)計(jì)的老路。

按照這些原則，不久前我終于敢用Sketch。最開始有一點(diǎn)難，因?yàn)閺念^開始學(xué)新東西，當(dāng)我不得不用它時(shí)候我對(duì)這已知的工具已經(jīng)用著順手了。

幾個(gè)月之后的現(xiàn)在我發(fā)現(xiàn)這個(gè)軟件擁有一個(gè)容易接受的學(xué)習(xí)曲線。它節(jié)省了我的時(shí)間并且使我工作時(shí)頭腦靈活，這是對(duì)我愿意學(xué)習(xí)新東西的一種獎(jiǎng)勵(lì)。

最后，從心底里適應(yīng)App設(shè)計(jì)。沒有人強(qiáng)制你這樣做，如果你不適應(yīng)，你將有可能除了做icon外別無所長，而這只是一個(gè)巨大設(shè)計(jì)流程中小小的一環(huán)。

首先，App設(shè)計(jì)需要一種新的思考方式。是時(shí)候離開網(wǎng)站設(shè)計(jì)的牢籠并理解智能手機(jī)與便筏甚至手表是完全獨(dú)立與不同的。這是真正這是設(shè)計(jì)完整、復(fù)雜的移動(dòng)產(chǎn)品的唯一途徑。