文：有道云筆記負(fù)責(zé)人蔣煒航

和其他互聯(lián)網(wǎng)產(chǎn)品團(tuá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ù)顯示改版還是比較成功的。

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

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

 

2.定義視覺方案

這次全面改版中，我們也重新定義了云筆記的視覺方案。根據(jù)云筆記用戶的特點(diǎn)，視覺方案的三個關(guān)鍵詞被定義為個性化、年輕化、扁平化。

個性化的落腳點(diǎn)是增強(qiáng)用戶對筆記賬號的認(rèn)知。作為跨同平臺同步的云筆記，用戶的筆記賬號是整個過程的核心樞紐。在我們的視覺方案中，用戶賬號不再是一個郵箱號，而被添加了用戶頭像、昵稱、性別等元素，并被放在了一個非常醒目的位置——側(cè)滑抽屜界面的頂部。我們希望通過這樣的設(shè)計來向用戶傳遞“有道云筆記是伴隨你個人的筆記”這一理念。

作為一款效率應(yīng)用，有道云筆記的主色調(diào)一直是代表穩(wěn)重、高效的深藍(lán)色。越來越多的年輕白領(lǐng)和高校在校生成為了云筆記的用戶，他們充滿活力、對時尚敏感、敢于嘗試新鮮事物。為了增加云筆記對更加年輕化的用戶群的吸引，我們的新視覺方案采用了更加有趣和活潑的視覺元素，在色彩比例上以淺色為主、點(diǎn)綴活潑的幾種顏色。此外，在這次改版中，我們也順應(yīng)了扁平化設(shè)計趨勢，配合交互，讓用戶可以體會到簡潔的風(fēng)格。

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

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

1)提高首頁瀏覽的效率

有道云筆記的特點(diǎn)之一是能夠讓用戶以多種多樣的形式來記錄筆記：文字、圖片、聲音、手寫、附件等等。

我們的調(diào)研發(fā)現(xiàn)，當(dāng)用戶對筆記進(jìn)行快速瀏覽、定位時，筆記內(nèi)容和筆記標(biāo)題一樣重要。因此在新版中，筆記核心內(nèi)容要素被放置到和筆記標(biāo)題一樣重要的位置——在首頁的筆記列表中展示出來。這樣用戶在瀏覽筆記列表時，可以通過筆記標(biāo)題、正文摘要、圖片摘要、附件摘要等元素快速定位筆記。

伴隨這個設(shè)計浮現(xiàn)的一個難點(diǎn)，是視覺上比文字更“重”的圖片和文件元素打破了筆記列表的節(jié)奏感，使列表略顯凌亂。期間我們進(jìn)行了多次嘗試，最后聚焦在卡片和內(nèi)容分割兩種樣式上。

通過對兩種樣式原型的反復(fù)試用和比較，我們意識到卡片雖然可以強(qiáng)制的對內(nèi)容進(jìn)行分割，但是以內(nèi)容元素的組織進(jìn)行分割更符合我們的設(shè)計原則——以最簡約的形式讓用戶專注于筆記內(nèi)容本身。我們通過對標(biāo)題文字的顏色、摘要、圖片、附件等元素間距的細(xì)微調(diào)整，使之更合理優(yōu)雅的出現(xiàn)頁面中。

 

2)快速的碎片化記錄

新版中，我們將新建筆記按鈕從首頁的底部中間移至右下角。點(diǎn)擊醒目的綠色加號按鈕，用戶一鍵即可新建筆記。類似的加號設(shè)計在很多應(yīng)用上也可以看到。與其他應(yīng)用不同，點(diǎn)擊加號按鈕后，筆記應(yīng)用不會展示出讓用戶選擇新建筆記類型的選項，而是直接進(jìn)入了編輯界面的文字編輯狀態(tài)。

這個設(shè)計基于的原則是”為用戶的主要場景優(yōu)化”。通過用戶數(shù)據(jù)，我們發(fā)現(xiàn)用戶在新建筆記時，文字類型筆記的比例遠(yuǎn)高于其他幾類筆記。因此對于初中級用戶而言，讓TA不用思考和選擇，直接開始記錄文字類型筆記是最合適的。更加復(fù)雜的圖片、音頻、附件等其他內(nèi)容類型，可以通過長按或進(jìn)入編輯界面進(jìn)行添加。

 

實施改版項目的敏捷管理

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

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

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

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

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

研發(fā)團(tuán)隊參與到這個項目中。在這個階段中，我們團(tuán)隊采用敏捷迭代的開發(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)定。因此我們在第二個階段后改換了工作模式，進(jìn)入了第三個階段。

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

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

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

（本站是業(yè)界知名權(quán)威科技媒體，牢記本站網(wǎng)址lieyunwang.com “獵云網(wǎng)”全拼）點(diǎn)擊收藏
【敬請?zhí)砑荧C云網(wǎng)微信 微信號：ilieyun 公眾賬號搜索：獵云網(wǎng) 】