之所以寫這篇文章，是因為我相信，相比于失敗，我們能從成功當(dāng)中學(xué)到更多。愛迪生在發(fā)明電燈泡的過程中經(jīng)歷了數(shù)千次的失敗，如果我們?nèi)匀灰诟鞣N試驗和錯誤來重新發(fā)明燈泡，那簡直是愚蠢的。怎樣從成功的產(chǎn)品中汲取經(jīng)驗?如今我們有了完整的實踐模型。 互聯(lián)網(wǎng)的一些事
移動應(yīng)用產(chǎn)業(yè)當(dāng)中有非常多的閃光點。雖然我很想說我的成功源于自己的才能，但事實并非如此。經(jīng)過對那些在App Store當(dāng)中獲得成功的獨立開發(fā)者的反復(fù)學(xué)習(xí)，我掌握了一些用來獲取成功的基本原則和實踐方法;我也希望這篇文章可以幫助各位讀者學(xué)到同樣的東西。 yixieshi.com
大想法
我的第一個應(yīng)用，Grades，非常成功。媒體喜歡它，用戶喜歡它，蘋果也喜歡它。只是有一個問題：它不能幫我賺錢。當(dāng)然，它還是可以帶來些收入的，但不管怎么說，Grades還是太小眾了，它所面向的就是那些需要在全學(xué)年當(dāng)中跟蹤自己學(xué)分的大學(xué)生。
如果想要繼續(xù)制作售價低廉的應(yīng)用，那么我們的下一個產(chǎn)品必須足夠“大”，它需要對幾乎所有人都具有吸引力。 yixieshi.com
當(dāng)Sonico Mobile的創(chuàng)始人Alex Marktl來找我們合作一款離線翻譯應(yīng)用時，我們的機會來了。這是一個經(jīng)過檢驗的市場，Sonico的iTranslate應(yīng)用擁有超過3千萬的用戶，而且這個市場當(dāng)中有一個巨大的缺口，那就是缺少一款價格合理、不需要網(wǎng)絡(luò)連接的翻譯應(yīng)用。
我們了解了一些用戶對于iTranslate的反饋，研究了同類產(chǎn)品的競爭狀況，然后我們非常確信，這塊市場當(dāng)中的機遇是相當(dāng)巨大的。此外，我的四人團(tuán)隊對于教育和語言方面的產(chǎn)品真的很有熱情。市場、機遇、熱情都在眼前，簡直是完美的狀況。 yixieshi.com
我們通過Skype聊了幾輪，討論了具體的合作協(xié)議，然后準(zhǔn)備開工。
(搗亂分子：關(guān)于產(chǎn)品的想法是至關(guān)重要的。新的Languages應(yīng)用與之前的Grades相比，雖然吸引到的媒體報道的規(guī)模是相似的，但Languages在一天當(dāng)中帶來的收入抵得上Grades兩年的水平!)
對產(chǎn)品進(jìn)行定義
雖然我很想直接開始畫線框圖，不過我們還是以研究作為起點，首先對新產(chǎn)品需要解決的問題進(jìn)行定義。
競品縱覽 yixieshi.com
App Store非常偉大的一點在于，它是世界上少數(shù)幾個能讓你輕松找到潛在競爭對手相關(guān)信息的應(yīng)用市場之一。簡單的搜索一下，看看競品的功能、排名、用戶評價及推廣方式，看看有多少用戶愿意付費，這些都是幫你深入了解目標(biāo)市場的絕佳方法。諸如App Annie這樣的網(wǎng)站甚至可以幫你分析競品的排名狀況。
我們選取了一打最棒的競品，分析它們的優(yōu)勢和不足，以及我們可以怎樣擊敗它們。我們了解到，雖然市面上確實有一些離線翻譯應(yīng)用，但它們要么設(shè)計的很差勁，要么售價太貴。我們知道自己可以做的更好。
用戶體驗測繪
對產(chǎn)品進(jìn)行定義的時候，我們聚焦于思考怎樣幫助人們解決生活當(dāng)中遇到的一些實際問題，而不是憑空列出一堆很酷的功能。我們將這個過程叫做“用戶體驗測繪”。測繪工作通常需要花上1到3天來進(jìn)行，期間，我們會：
分析用戶在不使用移動應(yīng)用的情況下的日常行為經(jīng)驗，發(fā)現(xiàn)他們在實際生活中遇到的問題。
進(jìn)行頭腦風(fēng)暴，設(shè)想出一種能夠幫助人們解決這些問題的最理想化的應(yīng)用軟件。
選擇需要聚焦的核心問題，確定哪些功能在實際產(chǎn)品的第一版當(dāng)中是可行的。
第1步：定義用戶角色
作為設(shè)計師，我們需要具有充分的同理心，去盡可能地了解用戶當(dāng)前的感受以及他們的思維進(jìn)程(推薦閱讀：八個小方法，幫你成為更具同理心的設(shè)計師)。走出門去，與人們進(jìn)行交談，這可以幫你增長不少見解;不過在眼前的項目當(dāng)中，由于我們對于翻譯類產(chǎn)品已經(jīng)非常熟悉了，所以在這個階段里我們并沒有花時間和潛在用戶進(jìn)行直接對話。
取而代之的，我們直接開始就潛在用戶的人格特征進(jìn)行頭腦風(fēng)暴。
接下來，我們選擇了那些我們最需要關(guān)注的目標(biāo)用戶特征，并將它們寫入用戶角色當(dāng)中。
用戶角色是一種包含了目標(biāo)用戶群人格特征的虛構(gòu)人物。雖然其本身是虛構(gòu)的，但用戶角色應(yīng)該基于真人，并且應(yīng)該準(zhǔn)確的抽象出真實用戶的特質(zhì)。沒有人物進(jìn)行參考對照，用戶體驗測繪工作將很難進(jìn)行。
在我們的用戶角色中，Emily是一名21歲的大學(xué)生，在埃默里大學(xué)(Emory University)學(xué)習(xí)法語。她在語言方面沒什么特殊的天分，但很喜歡法語，希望自己能試著讀懂法文著作，而且盼望著到法國留學(xué)。 yixieshi.com
我們一共創(chuàng)建了3個用戶角色，他們涵蓋了目標(biāo)用戶群當(dāng)中大部分的關(guān)鍵人格特征：Emily，學(xué)生;Johann，歐洲商旅人士(后來的事實證明了我們的推測：應(yīng)用銷售額的70%都來自美國本土以外的用戶);Paul，搞IT的，愛好學(xué)習(xí)新語言。 yixieshi.com
第2步：描繪用戶在沒有移動應(yīng)用幫助下的行為與體驗
為了描繪出用戶的現(xiàn)狀，我們挑選出了與“翻譯”相關(guān)的三個最關(guān)鍵的體驗?zāi)Ｊ健獋€人翻譯、社會化翻譯和行程當(dāng)中的翻譯。
接下來，我們對用戶角色在這些體驗當(dāng)中的行為及可能遇到的問題進(jìn)行了頭腦風(fēng)暴。舉個例子，對于第一類，個人翻譯，Johann會通過不同的語言向他的客戶們發(fā)郵件，期間遇到不確定的單詞時，他需要拿出詞典查找。 yixieshi.com
第3步：討論最理想的輔助方式
我們描繪出了目標(biāo)用戶在沒有應(yīng)用輔助的情況下是怎樣完成任務(wù)的，接下來就需要對我們的應(yīng)用可以怎樣輔助他們完成這些任務(wù)進(jìn)行頭腦風(fēng)暴了。這個過程中我們不會去考慮盈利、預(yù)算、時間節(jié)點等方面的因素，焦點完全集中在那些幫用戶解決實際問題的創(chuàng)意設(shè)想上面。
第4步：做減法
這個環(huán)節(jié)是非常殘酷的。我們之前已經(jīng)得到了一大堆很酷的功能設(shè)想，而現(xiàn)在則需要砍掉當(dāng)中的絕大一部分。好的設(shè)計，更多的是來自于減法，而非加法。你要找到那些有待解決的最核心的問題，在產(chǎn)品的第一版當(dāng)中，將全部功能和設(shè)計都聚焦在這類問題上，而將不相關(guān)的、非本質(zhì)的、拍腦袋想出來的東西全部移除。 yixieshi.com
“拋光”一款應(yīng)用需要花費大量的時間。所以，如果一上來的功能范圍過于寬泛，你的應(yīng)用就很難聚焦，而你幾乎沒辦法使當(dāng)中的任何一個功能達(dá)到完美的體驗狀態(tài)。
到這里，我們就得到了具有一定試驗性的1.0版本的定義?，F(xiàn)在我們知道這個應(yīng)用究竟是關(guān)于什么的了。你可以到我們的博客當(dāng)中了解更多關(guān)于用戶體驗測繪方面的信息。
產(chǎn)品定義
經(jīng)過了用戶體驗測繪階段的工作，現(xiàn)在我們可以給出關(guān)于產(chǎn)品本質(zhì)的定義聲明了：
一個可以幫助用戶迅速查找單詞及其定義的多語種離線字典，售價99美分。 互聯(lián)網(wǎng)的一些事
這份聲明讓我們在接下來的設(shè)計開發(fā)工作當(dāng)中能夠保持良好的聚焦。它就像試紙一樣，幫助我們對接下來有可能產(chǎn)生的任何新想法進(jìn)行評判;如果新設(shè)想新功能有悖于這份定義聲明，那么它至少不會出現(xiàn)在1.0版本當(dāng)中。 yixieshi.com
草圖和交互原型
到了將我們抽象的想法塑造成具體藍(lán)圖的時候了。
我們首先會把若干界面之間的流程關(guān)系大致梳理出來。如今，在類似的階段當(dāng)中，我會以草圖的形式為主，并通過POP這樣的工具將草圖分享給不在本地的團(tuán)隊成員或客戶;不過在當(dāng)時，我們主要是通過OmniGraffle來創(chuàng)建粗交互原型的。
別讓我思考 yixieshi.com
在這個階段，我們的目標(biāo)是通過符合直覺、操作簡便的界面來幫助用戶解決問題。本質(zhì)上講，我們的工作就是避免用戶思考界面，讓他們將注意力集中在內(nèi)容上面。 yixieshi.com
這可是個大話題，Steve Krug曾經(jīng)寫過一本經(jīng)典的書，Don't Make Me Think，如果你還沒讀過的話，現(xiàn)在是時候了;很棒的一本書。 互聯(lián)網(wǎng)的一些事
別讓我做事 互聯(lián)網(wǎng)的一些事
人們不喜歡做事，所以我們總是盡最大可能避免他們進(jìn)行不必要的操作，或是被不相關(guān)的信息所干擾。上圖當(dāng)中的線框圖展示了我們是怎樣完成這個目標(biāo)的。我們希望用戶查找單詞的過程盡量簡短，所以在用戶輸入單詞關(guān)鍵字時，與其他多數(shù)應(yīng)用提供搜索建議的做法有所不同，我們會直接將對應(yīng)這些搜索建議的單詞翻譯展示出來。我們還找到了一種解決語言切換問題的方法，也就是允許用戶輸入任何一種語言的單詞，然后在界面左側(cè)顯示某種語言的翻譯結(jié)果，在右側(cè)顯示另外一種語言的結(jié)果。 互聯(lián)網(wǎng)的一些事
像人類一樣思考
我們希望我們的詞典外觀能給用戶帶來真實的感覺
因為這是一款離線翻譯應(yīng)用，所以我們希望能給用戶帶來一種強烈的印象，就是這些詞典是真實存在于他們手機當(dāng)中的。我們希望詞典給用戶的感覺并不是云端數(shù)據(jù)庫當(dāng)中的一堆數(shù)據(jù)，而是像真實的詞典那樣可以讓他們隨時隨處打開使用。我們使用了擺滿詞典的書架形象作為隱喻，與用戶進(jìn)行快速直接的溝通。
隨著觸控界面的不斷成熟，用戶其實不再那么需要擬物化的界面來了解外觀與功能之間的關(guān)聯(lián)了。不過有時，仿真效果的隱喻確實可以提升用戶的期望，帶來一些純數(shù)碼界面所無法產(chǎn)生的使用體驗。
持續(xù)探索
線框圖在外觀上有些丑陋，因為這個階段不需要任何視覺設(shè)計方面的因素介入。我們不會直接打開Photoshop創(chuàng)建界面，因為相對丑陋的草圖或線框圖可以讓我們聚焦在交互方面的問題上，使我們可以更快速的探索大量的想法。
隨手將想法畫出來只需要幾秒鐘，我們對這個階段的工作甚至樂此不疲了。想法越多越好，我們要把每塊石頭都翻過來，尋找任何一個值得仔細(xì)推敲的想法。
有時你會發(fā)現(xiàn)，折騰來折騰去，最早的想法卻是最好的，但要發(fā)現(xiàn)和證明這一點，你必須嘗試過其他的方式才可以。我和一些設(shè)計師進(jìn)行過相關(guān)的交流——他們做出的應(yīng)用都是我相當(dāng)喜歡的——大家有一點共識：通往成功設(shè)計方案的秘訣，不是“天才”，而是持續(xù)不斷的探索。他們在找到一個不錯的解決方案之后不會駐足不前，他們會一直前行，直到嘗試過能夠想到的全部方案。
待續(xù)：十佳應(yīng)用的故事(2) - Photoshop與Xcode
