改版案例經(jīng)驗(yàn)說(shuō):Evernote for iOS

2 評(píng)論 11938 瀏覽 48 收藏 17 分鐘

本文來(lái)自Evernote的產(chǎn)品設(shè)計(jì)師,講述關(guān)于Evernote for iOS的進(jìn)化史,包括對(duì)2013年大改版的回顧,以及如今8.0重設(shè)計(jì)的林林總總。很有意思,作為Evernote的重度用戶,同時(shí)作為交互設(shè)計(jì)師,看到這些故事,回想著幾年前被iOS 7沖擊時(shí)的感受,以及為之而重設(shè)計(jì)的那一版鋪天蓋地一片綠色的印象筆記,忽然像是失去了對(duì)時(shí)間的感知。另外,我真的聽(tīng)到過(guò)有人非??蓯?ài)而認(rèn)真的把Evernote叫做ElephantNote。

下面進(jìn)入譯文。

說(shuō)起來(lái),產(chǎn)品重設(shè)計(jì)也是一項(xiàng)相當(dāng)刺激的工作。發(fā)布日期漸漸鄰近,整個(gè)團(tuán)隊(duì)被緊張忙亂的情緒所籠罩。幾個(gè)月來(lái),我們?yōu)楫a(chǎn)品揮灑了太多的汗水甚至是淚水,而在即將發(fā)布的時(shí)刻,我們卻不禁開(kāi)始質(zhì)問(wèn)自己:“真的準(zhǔn)備就緒了嗎?” 是啊,真的就緒了嗎?用戶會(huì)怎樣反應(yīng)?喜歡?反感?喜歡又反感?

我們?cè)诤ε拢诳只?,但同時(shí)也在保持樂(lè)觀,甚至有些喜不自禁。

當(dāng)然,發(fā)布日最終還是會(huì)到來(lái)。

現(xiàn)在(作者撰文時(shí)),Evernote 8.0上線已經(jīng)超過(guò)一個(gè)月了。在這樣一個(gè)時(shí)刻,我不禁回憶起2013年那次大改版發(fā)布上線之后的狀況。

Evernote for iOS的變革歷程

追憶往事

2013年6月,蘋(píng)果發(fā)布了頗具爭(zhēng)議的扁平化iOS 7,這一事件極大地改變了當(dāng)時(shí)app設(shè)計(jì)的風(fēng)格走向。擬物化幾乎被徹底干掉,過(guò)分沉重的陰影、質(zhì)感與紋理效果幾近消亡。那是一次根本性的變革,沒(méi)人想被新時(shí)代甩下。

我當(dāng)時(shí)正在Evernote總部的會(huì)議室里觀看蘋(píng)果的發(fā)布會(huì)??吹饺碌膇OS時(shí),我心里開(kāi)始思量這些對(duì)我們來(lái)說(shuō)將會(huì)意味著什么。顯而易見(jiàn),如果我們不想掉隊(duì),那么接下來(lái)必然要進(jìn)行徹底的重設(shè)計(jì)工作。挑戰(zhàn)在于,我們團(tuán)隊(duì)希望在iOS 7正式發(fā)布當(dāng)天就能將經(jīng)過(guò)全新設(shè)計(jì)的產(chǎn)品呈現(xiàn)給用戶,所以留給我們的時(shí)間大約只有三個(gè)月的樣子。

對(duì)于Evernote這樣龐大的產(chǎn)品來(lái)說(shuō),要在三個(gè)月內(nèi)完成諸多層面的重設(shè)計(jì)工作絕非易事,不過(guò)我們?nèi)匀幌氚l(fā)起挑戰(zhàn),并最終實(shí)現(xiàn)了目標(biāo)。

然而,我們未曾準(zhǔn)備好的是來(lái)自于公眾的反應(yīng)。別誤會(huì),我們確實(shí)收到了來(lái)自用戶和媒體的大量贊許,而且被蘋(píng)果官方的Keynote提及。但同樣有很多人表達(dá)了強(qiáng)烈的不滿,他們說(shuō)新版本的Evernote變得支離破碎,UI相當(dāng)不符合直覺(jué),一些功能不見(jiàn)了,而且過(guò)度使用了一種丑陋的綠色 – 偏巧這綠色主題是我個(gè)人最喜愛(ài)的。

我們理解這些不滿。

有些變化是難以被接受的,尤其是在這些變化涉及到你每日的生產(chǎn)力行為,而你不得不接受的時(shí)候

當(dāng)時(shí),過(guò)于緊張的排期使我們無(wú)法做正式的用戶測(cè)試,或是通過(guò)公測(cè)版本收集反饋意見(jiàn),而這些工作原本非常重要,可能對(duì)最終的產(chǎn)品設(shè)計(jì)產(chǎn)生重大影響。

Evernote 7.8

在產(chǎn)品發(fā)展的歷程當(dāng)中,重設(shè)計(jì)工作有時(shí)是必需的。對(duì)于我、我的同事,以及整個(gè)Evernote來(lái)說(shuō),一定要在過(guò)往的錯(cuò)誤當(dāng)中學(xué)到些東西,并且確保不再犯相同的錯(cuò)誤,這一點(diǎn)非常重要。

這次,讓我們做的更好些

在2015年,我和其他幾位設(shè)計(jì)同事開(kāi)始認(rèn)真研究當(dāng)時(shí)版本的Evernote當(dāng)中的導(dǎo)航機(jī)制,以確認(rèn)問(wèn)題所在,并尋找可以改進(jìn)的點(diǎn)。

很快,我們意識(shí)到導(dǎo)航當(dāng)中存在著嚴(yán)重的問(wèn)題,這些不是簡(jiǎn)單移動(dòng)一下元素或改變一下布局就可以解決的。潛在問(wèn)題逐漸暴露出來(lái),用戶增長(zhǎng)與使用率開(kāi)始停滯,其他一些生產(chǎn)力工具搶到了領(lǐng)先的位置,并一點(diǎn)點(diǎn)帶走了我們那些惱怒和失望的用戶。

我們深切的意識(shí)到我們的app竟然變得如此笨重與低效,創(chuàng)建筆記、在筆記之間進(jìn)行導(dǎo)航切換,這些常規(guī)任務(wù)花費(fèi)的時(shí)間遠(yuǎn)超它們?cè)舅?。一直以?lái),我們自己都在通過(guò)Evernote來(lái)完成那些最重要的工作任務(wù),而如今就連我們也開(kāi)始使用其他app來(lái)創(chuàng)建筆記了。這件事說(shuō)起來(lái)真是尷尬,卻是對(duì)當(dāng)時(shí)狀況的真實(shí)寫(xiě)照。

于是,我們?cè)O(shè)立了一個(gè)最為關(guān)鍵的目標(biāo):提升產(chǎn)品使用效率。這一次,我們決定穩(wěn)扎穩(wěn)打,充分探索各種可能性,并持續(xù)收集反饋意見(jiàn)。我們不能再像上一次那樣猛沖了,我們不能再犯同樣的錯(cuò)誤。

當(dāng)時(shí),我是團(tuán)隊(duì)里唯一一名經(jīng)歷過(guò)上次改版的設(shè)計(jì)師,于是很自然的,我成為了新一輪重設(shè)計(jì)的項(xiàng)目負(fù)責(zé)人。這不是一份輕松的差事,但我決心這次無(wú)論如何都要把事情做對(duì)、做好。

起步

首先,我們需要確定改版的聚焦點(diǎn)在哪里。

我們?cè)谏鐓^(qū)當(dāng)中了解用戶最為普遍的呼聲與抱怨都有哪些;我們通過(guò)前期用研來(lái)了解新用戶對(duì)于我們產(chǎn)品的感受,發(fā)現(xiàn)他們最喜歡的功能以及最為困惑的點(diǎn);我們還會(huì)在公司內(nèi)部發(fā)起調(diào)研,看看對(duì)于同事們來(lái)說(shuō)哪些功能最重要,而哪些應(yīng)當(dāng)?shù)玫礁倪M(jìn)。

然后我們匯總同步了所有的信息,并發(fā)現(xiàn)了一些最具普遍性的問(wèn)題。

關(guān)鍵設(shè)計(jì)決策

重大改版的過(guò)程往往涉及到大量設(shè)計(jì)決策的制定。其中一些簡(jiǎn)單易行,而另一些則會(huì)讓你慎之又慎,譬如下面這些我們不得不去認(rèn)真面對(duì)的挑戰(zhàn)。

快速創(chuàng)建筆記

以速度和效率作為核心目標(biāo),我們會(huì)著重關(guān)注于“創(chuàng)建筆記那一刻”的體驗(yàn)。用戶開(kāi)啟app之后應(yīng)該能夠立刻開(kāi)始筆記任務(wù),期間的交互阻力越小越好。

其實(shí)Evernote 7.0的首屏已經(jīng)為用戶提供了創(chuàng)建筆記的5個(gè)選項(xiàng),包括文本、照片、備忘、列表與音頻。問(wèn)題在于用戶每次都要在這5個(gè)選項(xiàng)當(dāng)中進(jìn)行選擇。

Evernote 7.8當(dāng)中新建筆記的5個(gè)選項(xiàng)

我們自問(wèn),用戶真的需要在一開(kāi)始就進(jìn)行選擇嗎?我們看似周到的初衷在更多時(shí)候是不是反而降低了使用效率?我們看了一下數(shù)據(jù),結(jié)論一目了然:用戶在絕大多數(shù)的時(shí)間里會(huì)選擇創(chuàng)建文本類(lèi)型的筆記。

在8.0中,我們將一個(gè)綠色的新建筆記按鈕放置在了底部tab欄的中央,正好位于拇指熱區(qū)當(dāng)中。接下來(lái)的問(wèn)題是,當(dāng)你點(diǎn)擊這個(gè)按鈕時(shí),會(huì)發(fā)生些什么?

最為顯眼的綠色按鈕提供了快速創(chuàng)建筆記的入口

我們有幾個(gè)選擇。最簡(jiǎn)單,可能也是最顯而易見(jiàn)的方式,就是仿照我們?cè)贏ndroid平臺(tái)上的做法:點(diǎn)擊按鈕,然后若干選項(xiàng)呈現(xiàn)出來(lái)。我們的一些設(shè)計(jì)師發(fā)現(xiàn)其他一些app也采用了類(lèi)似的做法,譬如Dropbox。或許不壞,但這種方式在本質(zhì)上真的比上個(gè)版本那樣顯性呈現(xiàn)5個(gè)選項(xiàng)的方式更好嗎?

我的建議是,點(diǎn)擊按鈕之后立刻進(jìn)入新筆記界面,用戶可以快速記錄文字內(nèi)容,在需要的時(shí)候再去添加照片或其他格式的內(nèi)容。

同時(shí),對(duì)于那些從一開(kāi)始就要?jiǎng)?chuàng)建其他格式筆記的需求,例如拍照、掃描文檔、創(chuàng)建備忘、錄制音頻等等,我們也要兼顧并優(yōu)化,具體的方法就是通過(guò)長(zhǎng)按綠色按鈕來(lái)喚出更多選項(xiàng)。

所以,單擊按鈕,直接進(jìn)入文字筆記創(chuàng)建流程;長(zhǎng)按按鈕,選擇更多類(lèi)型的內(nèi)容。

這種方式是最優(yōu)的嗎?不能過(guò)早下結(jié)論。將功能完全隱藏于手勢(shì)背后是具有較高風(fēng)險(xiǎn)的,有些人可能完全發(fā)現(xiàn)不了在這里可以進(jìn)行長(zhǎng)按操作,即便我們事先進(jìn)行新功能導(dǎo)覽。我個(gè)人僅希望,從簡(jiǎn)約與高效的角度來(lái)講,這是一個(gè)正確的起點(diǎn)。

為筆記本打造一個(gè)新家

從iPhone上的第一版Evernote開(kāi)始,筆記本就是最頂級(jí)的導(dǎo)航單元,相當(dāng)于一等公民。在過(guò)去的版本中,你可以在一個(gè)地方瀏覽到所有的筆記,也可以在另一個(gè)地方瀏覽到所有的筆記本。

這次重設(shè)計(jì)開(kāi)始時(shí),我就對(duì)一直以來(lái)的這個(gè)規(guī)則產(chǎn)生了質(zhì)疑。筆記本在本質(zhì)上相當(dāng)于操作系統(tǒng)中的文件夾,用戶總需要在不同的筆記本之間進(jìn)進(jìn)出出。我們的桌面端app會(huì)提供快速切換筆記本的功能,但iOS版本并沒(méi)有,于是在多任務(wù)場(chǎng)景中會(huì)顯得很麻煩。一部分用戶從來(lái)都對(duì)我們分隔筆記與筆記本的導(dǎo)航方式有所疑問(wèn)。

不過(guò),我們?nèi)匀辉谇捌谔剿髦袊L試著對(duì)長(zhǎng)久以來(lái)采用的這種“全部筆記+全部筆記本”的模式進(jìn)行優(yōu)化。然而用戶測(cè)試的結(jié)果并不理想,我們的嘗試無(wú)法解決任何核心問(wèn)題。我們又試著增加了“最近筆記”界面,結(jié)果只會(huì)讓用戶更加困惑。我們甚至嘗試了漢堡包菜單的方案,結(jié)果同樣不疼不癢。

關(guān)于筆記導(dǎo)航模式的一些早期探索

我想嘗試一些完全不同的思路??刹豢梢匀趸P記本的存在感,只將其簡(jiǎn)單的作為筆記的篩選機(jī)制?

我在iBooks當(dāng)中見(jiàn)過(guò)這樣的模式,即點(diǎn)擊頂部的“所有圖書(shū)”會(huì)展開(kāi)菜單界面,用戶可以在更多精選集當(dāng)中進(jìn)行選擇(有聲讀物、PDF等等)。我們也可以采用類(lèi)似的方法來(lái)切換筆記本。

點(diǎn)擊頂部導(dǎo)航欄中的“全部筆記”,即可查看到包含全部筆記本的列表

對(duì)于Evernote來(lái)說(shuō),這是一個(gè)重大的改變。我正在要求大家做一些“非常規(guī)”的事情,而且這種模式本質(zhì)上講并不符合傳統(tǒng)意義上的iOS設(shè)計(jì)規(guī)范。接下來(lái),我確實(shí)遇到了阻力,其他設(shè)計(jì)師會(huì)對(duì)我的想法發(fā)起挑戰(zhàn)。這也很正常,我甚至很感激有著這樣一個(gè)敢于挑戰(zhàn)自己設(shè)計(jì)決策的團(tuán)隊(duì)在我身邊。

接下來(lái)顯然是用戶測(cè)試階段。我們分別與新老用戶進(jìn)行了交流。對(duì)于這樣一種全新的導(dǎo)航機(jī)制,他們可以理解嗎?

新的導(dǎo)航系統(tǒng)

測(cè)試結(jié)果出乎意料的理想,我很開(kāi)心,如釋重負(fù)。人們一開(kāi)始雖然并不太了解點(diǎn)擊“全部筆記”之后會(huì)發(fā)生什么,但他們當(dāng)中的大多數(shù)看到標(biāo)題旁邊的箭頭之后便可意識(shí)到這里是可以點(diǎn)擊的。這給了我們更多的信心與勇氣去繼續(xù)前行。

我們干的如何?

如今,Evernote 8.0交付到用戶手中已有一個(gè)多月了,坦誠(chéng)地講,最終的結(jié)果仍然懸而未決。我們聽(tīng)到了各種各樣的聲音,從熱情洋溢、充滿希望,到憤慨與失望 – 不過(guò)這些也都在意料之中。

媒體方面的反饋倒是頗為積極,我們甚至得到了來(lái)自Wired的熱切關(guān)注。

“這是該公司發(fā)布過(guò)的最快速、最簡(jiǎn)潔的app?!?– Wired

我們同樣得到了來(lái)自用戶方面的極大鼓勵(lì)。有些人將8.0贊譽(yù)為Evernote for iOS歷史上最棒的版本,因?yàn)樗暮?jiǎn)約整潔,以及對(duì)核心任務(wù)的高效支持。一些最具活力和激情的用戶(同時(shí)也是給予過(guò)我們最為嚴(yán)厲的批評(píng)的用戶)聲稱(chēng),自從8.0上線之后,他們真的開(kāi)始越來(lái)越多的進(jìn)行使用了。不過(guò),對(duì)于設(shè)計(jì)師來(lái)說(shuō),想沉浸在一片贊許之中也不容易,因?yàn)樨?fù)面反饋的聲音同樣高漲。

對(duì)于Evernote這樣擁有龐大用戶群的產(chǎn)品來(lái)說(shuō),任何一點(diǎn)變化,無(wú)論大小,都會(huì)讓一部分人失望。你確實(shí)沒(méi)辦法讓所有人都開(kāi)心,但我們會(huì)保持傾聽(tīng)。那些憤怒的評(píng)價(jià)會(huì)讓你感到刺傷,但畢竟,這些聲音同樣是來(lái)自于嚴(yán)重依賴(lài)于我們產(chǎn)品的用戶,我們有義務(wù)去接納批評(píng),并嘗試?yán)斫饽切┴?fù)面反饋。

對(duì)于那些認(rèn)為新界面設(shè)計(jì)相當(dāng)糟糕的用戶,我們需要了解讓他們產(chǎn)生這種感受的原因。對(duì)于那些因?yàn)槲覀円瞥搜菔竟δ芏跁?huì)議當(dāng)中倍感尷尬的用戶,我們也該去重新評(píng)判這個(gè)設(shè)計(jì)決策是否真的正確。

我們必須清楚的意識(shí)到哪些負(fù)面反饋是由于人們無(wú)法接受改變而造成的,而哪些是因?yàn)槲覀冏约旱拇_沒(méi)有做好而引發(fā)的。

我們也必須堅(jiān)信,即便我們?nèi)蕴幱诓粩嗵剿鞯碾A段,我們所做的也是有利于用戶、社區(qū)以及我們公司自身的。

如你所見(jiàn),我們已經(jīng)走過(guò)了漫長(zhǎng)的歷程。而如今,我們感到自己才剛剛開(kāi)始起步。

 

原文地址:medium

譯者:C7210,交互設(shè)計(jì)師、UX設(shè)計(jì)熱愛(ài)者、VR探索者、譯者、貓奴、吉他手、鼓手,現(xiàn)就職于騰訊上海

譯文地址:微信公眾號(hào)【Be For Web】

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這類(lèi)產(chǎn)品替換成本非常高,而且有排他性,競(jìng)品之間一般不會(huì)同時(shí)使用。再就是,PC版和移動(dòng)版,是信息同步的,所以想要提升用戶體驗(yàn),一定是要在2端都做的好,否則有一方的用戶體驗(yàn)不佳,用戶就會(huì)直接棄用了。 我覺(jué)得要想留住用戶,不僅要移動(dòng)版做的好,PC也同樣重要,尤其對(duì)于辦公族來(lái)說(shuō)。。。 親身體驗(yàn),Evernote的PC版界面不夠大氣,然后轉(zhuǎn)向有道了。。 雖然還有好多信息在原來(lái)的筆記本上。。 ?

    來(lái)自北京 回復(fù)
    1. 同意,真的,pc版做的太丑了,而且編輯器不夠號(hào),既不支持富文本編輯,也不支持markdown

      來(lái)自廣東 回復(fù)