iPhone之我見

一年前斯坦福和Apple聯(lián)手推出了基于iPhone平臺(tái)的開發(fā)課程， 這個(gè)課程的ppt被放在網(wǎng)上分享，反響非常好。這個(gè)學(xué)期，斯坦福將課程進(jìn)行了錄像，放在了iTunes university上提供下載，目前這個(gè)課程在iTunes的下載排行第一，達(dá)到了100萬人次的下載。這次給大家分享的是其中關(guān)于“成功開發(fā)iphone 編程軟件的10個(gè)步驟”的講座，雖然與我們工作中設(shè)計(jì)軟件的應(yīng)用平臺(tái)不同，但是還是有很多成功的經(jīng)驗(yàn)可以借鑒。

一、決定要做什么

人們很容易犯的一個(gè)錯(cuò)誤是“從結(jié)論出發(fā)”，比如決定要做一個(gè)本地社會(huì)關(guān)系網(wǎng)的軟件，而沒有去想究竟做這個(gè)軟件是想解決什么問題，是為了解決和好友找地方吃飯的問題還是別的什么，如果是針對(duì)吃飯地點(diǎn)問題，那么是不是有更加好的解決方法。所以首先要確定的是需要滿足什么樣的目標(biāo)用戶和需要解決的問題。

最容易成功的一種情況是設(shè)計(jì)者本身就是目標(biāo)用戶，而要解決的問題也是設(shè)計(jì)者本身遇到的問題。這樣設(shè)計(jì)者能夠經(jīng)常使用軟件，發(fā)現(xiàn)其中問題并進(jìn)行有效迭代。想象別人的需求很困難，必須與目標(biāo)用戶接觸、交談，使用用戶研究工作中經(jīng)常使用的用戶畫像方法。用戶畫像并不一定是真實(shí)用戶，可以是虛擬的，但是要能夠代表用戶群體

二、訪問app store

iPhone上的軟件設(shè)計(jì)者沒有多少機(jī)會(huì)去教育用戶熟悉新的設(shè)計(jì)，這是由于iPhone本身的使用環(huán)境限制的，用戶的注意力時(shí)間有限，耐心也有限，很多時(shí)候都是在交通工具上或者在等待的間隙使用的，所以軟件的設(shè)計(jì)是需要用戶一看就知道如何使用的。App Store上有非常多的軟件，找出熱門軟件，看看它們是如何設(shè)計(jì)的。這些熱門軟件一般都是經(jīng)過精心設(shè)計(jì)的，并且通常都是得到用戶反饋迭代過幾輪的，一些共通的地方可以借鑒參考?！癎ood artists copy, great artists steal.”

三、搜尋所有可能的設(shè)計(jì)方案

有的時(shí)候設(shè)計(jì)師心里有一個(gè)設(shè)計(jì)方案，覺得這個(gè)方案非常完美，不愿意去考慮是不是有別的設(shè)計(jì)。但是通常第一個(gè)設(shè)計(jì)方案都不是完美的，即使是蘋果的設(shè)計(jì)師，第一個(gè)方案往往都是糟糕的。

Iphone上的軟件有很多局限性：

1. 小屏幕

2. 觸摸式的輸入很不精確，通常需要44像素大小的目標(biāo)才能有足夠的點(diǎn)中率。

3. 輸入更困難，即使有軟鍵盤，相對(duì)普通鍵盤的輸入還是困難不少。更多的是傳達(dá)信息給用戶而不是讓用戶產(chǎn)出信息。簡(jiǎn)單地說就是讀應(yīng)用多于寫應(yīng)用。

4. 使用時(shí)間比較短，通常一次都是幾分鐘的使用長度。不一定是用戶對(duì)軟件不感興趣，而是由一些例如“地鐵到站了”的客觀情況所決定的。所以設(shè)計(jì)出的軟件一個(gè)操作流程不能花很長的時(shí)間。

以iPhoto為例，下圖左側(cè)為mac上的iPhoto程序，功能非常全面，編輯圖像的能力很強(qiáng)。而右側(cè)是iPhone端的程序，主要的功能是看圖。

不能因?yàn)楣δ苌系臏p少就說iPhone端的iPhoto不成功，事實(shí)上它是一個(gè)非常成功的軟件。任何人即使是3歲的孩子也會(huì)使用它，它的核心思想就是“小”。只保留那些核心功能，如果缺失了用戶就不再使用此軟件。 

四、畫草圖

到了這一步，就需要在紙上畫出草稿了。例如下圖右側(cè)的程序大致對(duì)應(yīng)的草圖在左側(cè)。

在做草圖的時(shí)候盡量多地設(shè)計(jì)，不同的功能不同的布局。這個(gè)是蘋果設(shè)計(jì)師進(jìn)行設(shè)計(jì)的方法(creative alternative design)，畫出的第一個(gè)草圖是設(shè)計(jì)師心里一開始最理想的方案，做第二到第四個(gè)的時(shí)候還比較簡(jiǎn)單，做到第七個(gè)就比較難了，最后三個(gè)是非常難的，但也是價(jià)值最大的，往往有非常有創(chuàng)意的想法迸發(fā)出來。

當(dāng)有了這些草圖以后，需要尋找到目標(biāo)用戶去聽他們的意見，比如有同樣需求的朋友。他們會(huì)反饋一些意見，喜歡什么設(shè)計(jì)不喜歡哪些地方，這些意見有助于將設(shè)計(jì)方案進(jìn)行排除和整合。剩下大約2-3個(gè)接受度比較高，沒有明顯優(yōu)劣的方案，可以選擇一個(gè)方案來實(shí)現(xiàn)。在這部分花的時(shí)間比較多，但是非常值得，因?yàn)樵谥蟮倪^程中不斷修改所付出的代價(jià)往往是在先期修改的代價(jià)的數(shù)倍。

五、建立紙質(zhì)原型

下圖中的每張紙代表了一個(gè)屏幕上顯示的軟件界面。這個(gè)步驟的價(jià)值在于在紙上繪制這些圖后就可以得到一些用戶實(shí)際使用的感受而不必等編程實(shí)現(xiàn)。

從第一張開始“OK，你剛剛打開我的軟件”，點(diǎn)擊這個(gè)按鈕就到了第二張紙的屏幕，等等就可以對(duì)軟件的整個(gè)操作流程有直觀的感受了。在這個(gè)過程中可以收集到比草圖階段豐富得多的用戶反饋，哪里用戶不知道怎么操作了，哪里容易引起困惑，哪里用戶比較喜歡，哪里不喜歡。

下面這張圖是一個(gè)iPhone游戲的設(shè)計(jì)師們做的紙質(zhì)的原型，模擬真實(shí)的iPhone。設(shè)計(jì)師們做了各種各樣的紙片來模擬程序中的各種元素。

六、工具的使用——omnigraffle

Omnigraffle雖然是個(gè)圖形編輯軟件，但是更加合適做原型設(shè)計(jì)，里面有豐富的控件庫，可以拖拉這些控件來方便地搭建程序界面。一些比較個(gè)性的設(shè)計(jì)或者比較細(xì)節(jié)的加工可以在photoshop中制作。下面這張圖是omnigraffle中用于Iphone平臺(tái)的控件庫。

七、回溯修改

其實(shí)不是一個(gè)真正的步驟，但是放在這里說明并不是每個(gè)軟件都要一步到位，其實(shí)是一個(gè)迭代的過程，有時(shí)候必須要回溯修改。下圖是講師最近正在制作的一個(gè)軟件的界面，在制作具體界面細(xì)節(jié)中所進(jìn)行的不同嘗試：

也有要進(jìn)行更加徹底的回溯修改的情況，有的用戶在草圖階段反饋說喜歡的東西其實(shí)并不是他真正需要的東西，這種情況下就要回到草圖階段進(jìn)行重新設(shè)計(jì)。

八、開發(fā)實(shí)現(xiàn)

這部分不贅述，簡(jiǎn)單地說就是要注意程序的設(shè)計(jì)模式，用戶界面和后臺(tái)數(shù)據(jù)分離。

九、測(cè)試

對(duì)軟件做測(cè)試，看看是否文字提示恰當(dāng)，是否有bug等。這里比較關(guān)鍵的是誰來做測(cè)試。好友是比較可靠的資源，他們的反饋比較有價(jià)值。但是如果本地的目標(biāo)用戶比較難找，比如地震分析軟件這種涉及全球性質(zhì)的用戶，就可以使用Mechanical Turk。Mechanical Turk是Amazon的一個(gè)服務(wù)，對(duì)于那些在網(wǎng)上又沒有明確事情要做的人，以非常低的報(bào)酬，比如幾美分，來請(qǐng)他們進(jìn)行測(cè)試。也可以出稍高的價(jià)錢請(qǐng)數(shù)量比較少但是比較專業(yè)的人來進(jìn)行測(cè)試，這樣反饋的價(jià)值比較高。

十、發(fā)布

發(fā)布軟件，在比較前期的版本可能需要界面修改，bug修補(bǔ)，迭代版本。但是通常到后期都是一個(gè)比較可喜的結(jié)局。 

十一、總結(jié)

幾條iphone開發(fā)環(huán)境要注意的原則：

1.了解你的用戶，并與他們接觸、交談。

2.不要做虛幻的想象的設(shè)計(jì)，多從成功軟件中汲取經(jīng)驗(yàn)。

3.軟件要設(shè)計(jì)得“小”。

4.找到足夠多的設(shè)計(jì)方案，通過數(shù)量的累計(jì)來得到好的質(zhì)量。

5.失敗得越早成功得越快。

6.要做到像素級(jí)精確。

7.記住沒有什么是非常寶貴不能舍棄的，不要害怕去修改。

8.在提交之前進(jìn)行足夠的測(cè)試。