和其他互聯(lián)網(wǎng)產(chǎn)品團隊交流的過程中，許多朋友都提到過一個問題，怎么為自己的產(chǎn)品選擇一個適合的設(shè)計方案？在有道云筆記iPhone新版的產(chǎn)品設(shè)計中，我 們遇到的就是上述問題的一個典型情況。經(jīng)過近4個月的探索和實踐，我們找到了一些適合有道的解決方案。在知乎上分享出來，希望和有類似問題的朋友一起探 討。

文章比較長，為了讓大家覺得這個分享可能真的有用，先列一些效果數(shù)據(jù)，吹吹牛皮。有道云筆記iPhone新版推出后，日活上升25%，人均每日新建筆記數(shù)量上升100%。用戶對產(chǎn)品的評價方面，產(chǎn)品NPS達(dá)到55，到達(dá)歷史最高峰，App Store五星好評達(dá)91%。初步數(shù)據(jù)顯示改版還是比較成功的。

那么，下面就來說說我們的思考過程。

改版時機選擇：產(chǎn)品需要跨越“早期嘗鮮者”和“早期大眾”的鴻溝

有 道云筆記第一次和大家見面是在2011年6月。經(jīng)過兩年多的發(fā)展，云筆記的用戶量從0飛速增長到2000多萬。在這個過程中我們深切地感受到整個云筆記品 類在中國用戶的快速發(fā)展。從最開始還需要和周圍的朋友介紹“云筆記”是什么，到現(xiàn)在許多人已經(jīng)可以列舉出幾個嘗試過的云筆記品牌。這也意味著云筆記已經(jīng)從 早期的GEEK型的“創(chuàng)新者”和“早期嘗鮮者”，向更加廣泛、主流的“早期大眾”轉(zhuǎn)化。我們有幸站在了這個鴻溝面前，如果能成功跨越，則可以把云筆記帶入 更加龐大的主流市場。

通過我們的用戶調(diào)研，有道云筆記的主流大眾用戶已經(jīng)越來越多，云筆記的初級/中級用戶已占到總用戶量的70%。因此，我們覺得是時候想想，對于初級和中級云筆記用戶來說，有道云筆記的iPhone端應(yīng)該是個什么樣子。

改版目標(biāo)：為主流用戶提升基礎(chǔ)功能使用效率
?
根 據(jù)我們的調(diào)研發(fā)現(xiàn)，有道云筆記iPhone版最頻繁使用的兩大功能是：瀏覽筆記和快速的碎片化記錄。數(shù)據(jù)顯示，每天超過6成的iPhone端用戶在瀏覽筆 記內(nèi)容，而大約3成的用戶在做碎片化記錄。而在我們的調(diào)研中，初級/中級用戶表示，他們認(rèn)同產(chǎn)品的高級功能（白板糾偏、筆記分享、待辦事項、附件中心、筆 記標(biāo)簽、微信收藏、閱讀密碼等），因為這些功能讓他們確保這個產(chǎn)品是值得信賴和有潛力的。但他們覺得在當(dāng)下自己并不需要知道如何使用這些高級功能。

于是擺在我們面前有兩條路：
1.為GEEK開發(fā)更多、更酷的高級功能，讓他們形成口碑帶動主流大眾用戶；
2.為大眾用戶設(shè)計更簡單實用的操作界面，核心功能被放在應(yīng)用中垂手可得的位置，不用記也不用找，真正做到“Don’t Make Me Think”。

前面說過，我們目前最重要的目標(biāo)就是跨越鴻溝。因此對于現(xiàn)在的云筆記，我們?nèi)钡牟皇强犰拧⒘裂鄣母呒壒δ?，而是如何讓小白用戶，在接觸這個產(chǎn)品的前三分鐘就能快速上手，并被打動。
因此，最終我們選擇了后者。

因此，此次改版的目標(biāo)就十分清晰：為主流大眾用戶提升基礎(chǔ)功能使用效率——也就是，讓用戶非常直觀地進行筆記內(nèi)容瀏覽和隨手記錄。

實施改版的三個階段：定義基礎(chǔ)交互、定義視覺方案、優(yōu)化關(guān)鍵路徑

1.定義基礎(chǔ)交互

確定了目標(biāo)后，我們需要確定云筆記的基礎(chǔ)交互模式。我們又面臨了一個選擇：標(biāo)簽欄or抽屜式交互。
從 發(fā)布以來，我們一直采用標(biāo)簽欄（Tab Bar）的交互模式來引導(dǎo)用戶在不同的功能中切換，這也是應(yīng)用市場上最常見的交互模式。標(biāo)簽欄具有可直接展示內(nèi)容，同時支持快速切換分類的優(yōu)點，適合有5 個以內(nèi)核心分類且各分類都有較高使用率的應(yīng)用。對于有道云筆記來說，這種交互模式會很適合極客用戶去探索各種高級功能，同時保障對基礎(chǔ)功能的便捷操作。 2013年Google講解了抽屜式交互（Navigation Drawer）的理念后，這種交互模式也開始被廣泛使用。相比標(biāo)簽欄，抽屜式更少占用寶貴的屏幕空間，可以最大化地展示內(nèi)容。同時，由于沒有其他因素的干 擾，可以讓用戶聚焦于當(dāng)前內(nèi)容。此外，抽屜內(nèi)層級設(shè)計的靈活性可以很好地支持不同分類及層級間的切換，適合對導(dǎo)航的靈活性需求高的應(yīng)用。

新 版設(shè)計的目標(biāo)是讓用戶非常直觀地進行筆記內(nèi)容瀏覽和隨手記錄。瀏覽行為需要最大化的、沒有干擾的展示空間，而隨手記錄追求更快和更輕的體驗。基于這兩個核 心目標(biāo)，我們選擇了抽屜式的交互模式。在這個模式下，用戶一打開筆記就可以直接瀏覽最近修改過的筆記內(nèi)容， 展示空間更大，干擾因素也被最小化。通過在主界面支持一鍵新建筆記，記錄過程做到又輕又快。此外，通過抽屜內(nèi)的功能入口，用戶也保留了快速訪問高級功能的 便利。下面一張圖比較直觀的展示了新舊兩版交互方式的對比。

2.定義視覺方案

這次全面改版中，我們也重新定義了云筆記的視覺方案。根據(jù)云筆記用戶的特點，視覺方案的三個關(guān)鍵詞被定義為個性化、年輕化、扁平化。
個 性化的落腳點是增強用戶對筆記賬號的認(rèn)知。作為跨同平臺同步的云筆記，用戶的筆記賬號是整個過程的核心樞紐。在我們的視覺方案中，用戶賬號不再是一個郵箱 號，而被添加了用戶頭像、昵稱、性別等元素，并被放在了一個非常醒目的位置——側(cè)滑抽屜界面的頂部。我們希望通過這樣的設(shè)計來向用戶傳遞“有道云筆記是伴 隨你個人的筆記”這一理念。
作為一款效率應(yīng)用，有道云筆記的主色調(diào)一直是代表穩(wěn)重、高效的深藍(lán)色。越來越多的年輕白領(lǐng)和高校在校生成為了云筆記的 用戶，他們充滿活力、對時尚敏感、敢于嘗試新鮮事物。為了增加云筆記對更加年輕化的用戶群的吸引，我們的新視覺方案采用了更加有趣和活潑的視覺元素，在色 彩比例上以淺色為主、點綴活潑的幾種顏色。此外，在這次改版中，我們也順應(yīng)了扁平化設(shè)計趨勢，配合交互，讓用戶可以體會到簡潔的風(fēng)格。

3.優(yōu)化關(guān)鍵路徑

除了重新定義了主交互模式和主視覺方案，這次改版還針對用戶使用云筆記的關(guān)鍵路徑進行了優(yōu)化。這里舉幾個例子。

1)提高首頁瀏覽的效率
有道云筆記的特點之一是能夠讓用戶以多種多樣的形式來記錄筆記：文字、圖片、聲音、手寫、附件等等。
我 們的調(diào)研發(fā)現(xiàn)，當(dāng)用戶對筆記進行快速瀏覽、定位時，筆記內(nèi)容和筆記標(biāo)題一樣重要。因此在新版中，筆記核心內(nèi)容要素被放置到和筆記標(biāo)題一樣重要的位置——在 首頁的筆記列表中展示出來。這樣用戶在瀏覽筆記列表時，可以通過筆記標(biāo)題、正文摘要、圖片摘要、附件摘要等元素快速定位筆記。
伴隨這個設(shè)計浮現(xiàn)的一個難點，是視覺上比文字更“重”的圖片和文件元素打破了筆記列表的節(jié)奏感，使列表略顯凌亂。期間我們進行了多次嘗試，最后聚焦在卡片和內(nèi)容分割兩種樣式上。
通 過對兩種樣式原型的反復(fù)試用和比較，我們意識到卡片雖然可以強制的對內(nèi)容進行分割，但是以內(nèi)容元素的組織進行分割更符合我們的設(shè)計原則——以最簡約的形式 讓用戶專注于筆記內(nèi)容本身。我們通過對標(biāo)題文字的顏色、摘要、圖片、附件等元素間距的細(xì)微調(diào)整，使之更合理優(yōu)雅的出現(xiàn)頁面中。

2)快速的碎片化記錄
新版中，我們將新建筆記按鈕從首頁的底部中間移至右下角。點擊醒目的綠色加號按鈕，用戶一鍵即可新建筆記。類似的加號設(shè)計在很多應(yīng)用上也可以看到。與其他應(yīng)用不同，點擊加號按鈕后，筆記應(yīng)用不會展示出讓用戶選擇新建筆記類型的選項，而是直接進入了編輯界面的文字編輯狀態(tài)。
這 個設(shè)計基于的原則是”為用戶的主要場景優(yōu)化”。通過用戶數(shù)據(jù)，我們發(fā)現(xiàn)用戶在新建筆記時，文字類型筆記的比例遠(yuǎn)高于其他幾類筆記。因此對于初中級用戶而 言，讓TA不用思考和選擇，直接開始記錄文字類型筆記是最合適的。更加復(fù)雜的圖片、音頻、附件等其他內(nèi)容類型，可以通過長按或進入編輯界面進行添加。

實施改版項目的敏捷管理

說完了設(shè)計思路的選擇，最后再說說我們團隊在這個改版項目上的敏捷管理方式。

我們從比較早就開始使用敏捷開發(fā)進行項目管理（相關(guān)內(nèi)容可以參考：有道云筆記的Scrum敏捷開發(fā)實踐）。在這次的改版項目上，我們在原有的敏捷項目管理的基礎(chǔ)上做了進一步的優(yōu)化。iPhone端改版項目開始于2013年底。項目共經(jīng)歷三個階段：基礎(chǔ)交互和主視覺定稿階段、主體界面與功能開發(fā)階段、面向體驗的極速迭代開發(fā)階段。重點分享下在第三階段的改變和優(yōu)化。

第一個階段：基礎(chǔ)交互和主視覺定稿階段

產(chǎn)品經(jīng)理和設(shè)計師一起反復(fù)比稿，最終確定了改版項目的主方向：以抽屜式交互為基礎(chǔ)交互和主視覺方案的三個關(guān)鍵詞是個性化、年輕化、扁平化，以及新版90%的交互設(shè)計圖和視覺設(shè)計圖。這個階段耗時1個月。

第二個階段：主體界面與功能開發(fā)階段

研發(fā)團隊參與到這個項目中。在這個階段中，我們團隊采用敏捷迭代的開發(fā)方式，通過3個迭代周期（每個迭代周期2周，共1.5個月）完成了新版85%的主體界面和功能。隨著這個階段接近尾聲，我們意識到這個階段的新版云筆記的完成度雖然高，但是還遠(yuǎn)不能讓我們自己滿意。
這 其中部分的原因是由于剩余15%的界面和功能沒有完成，而更主要的原因是設(shè)計與體驗之間的差距。換句話說，只有當(dāng)工程師按照設(shè)計實現(xiàn)了產(chǎn)品后，我們才發(fā)現(xiàn) 原來的設(shè)計的真實體驗并不是完全和我們想象的一樣。這時候，常規(guī)的敏捷迭代方式不再適合解決我們面臨的問題。因為常規(guī)的敏捷迭代的原則之一是”在迭代周期 內(nèi)盡量不要修改產(chǎn)品設(shè)計需求”，而這中工作方式需要產(chǎn)品設(shè)計相對穩(wěn)定。因此我們在第二個階段后改換了工作模式，進入了第三個階段。

第三個階段：面向體驗的極速迭代開發(fā)階段

這 個階段可以說是這次改版項目中最關(guān)鍵的一個環(huán)節(jié)。在這個階段里面我們不再有明確的迭代周期，而是圍繞一處處影響用戶體驗的關(guān)鍵點進行極速迭代。研發(fā)團隊針 對這一個個關(guān)鍵點以天為周期進行迭代修改；核心用戶群（由產(chǎn)品經(jīng)理、設(shè)計師、資深用戶）同樣以天為周期安裝最新安裝包并在真實的環(huán)境中用自己真實的筆記賬 號體驗，向研發(fā)團隊提出對這些關(guān)鍵點的反饋和進一步修改意見。對于一些無法判斷的關(guān)鍵點，研發(fā)團隊甚至?xí)蚨鄠€安裝包讓核心用戶群作對比。例如說，圍繞” 提高首頁瀏覽的效率“這個關(guān)鍵路徑，核心用戶群圍繞加載流暢度、圖片滑動體驗、圖片縮略圖視覺體驗、筆記列表分割體驗等多個維度提出了幾十個反饋意見。與之對應(yīng)，研發(fā)團隊先后迭代開發(fā)了近20個版本，最終在這個體驗關(guān)鍵點上與核心用戶的預(yù)期達(dá)成一致。這次改版的第三個階段耗時1.5個月。

此 次有道云筆記iPhone改版對有道云筆記團隊來說是一次自我學(xué)習(xí)、自我突破的過程。接下來我們也會把相關(guān)經(jīng)驗和體會應(yīng)用在其他平臺上，希望通過每一步的 努力讓有道云筆記變得更加符合中國人的使用習(xí)慣，為改變國人的記錄方式出一份力量。也希望能借此機會和業(yè)內(nèi)同行學(xué)習(xí)和探討。

原文來自：知乎

作者：蔣煒航