產(chǎn)品經(jīng)理如何根據(jù)產(chǎn)品所處的階段選擇設(shè)計(jì)方案?

2 評(píng)論 3665 瀏覽 3 收藏 17 分鐘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.定義視覺方案

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


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

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

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

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

實(shí)施改版項(xiàng)目的敏捷管理

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

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

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

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

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

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

第三個(gè)階段:面向體驗(yàn)的極速迭代開發(fā)階段

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

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

原文來自:知乎

作者:蔣煒航

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 好文,感謝分享

    來自北京 回復(fù)