Buffer是一款讓人可以更有效率地在社交網(wǎng)絡(luò)上發(fā)布信息的工具，注冊(cè)用戶(hù)已經(jīng)突破50萬(wàn)。大約在兩年前，剛剛創(chuàng)立Buffer的時(shí)候，我們就知道將會(huì)面臨許多障礙，也會(huì)犯下許多錯(cuò)誤。但是我們始終牢記一點(diǎn)：犯錯(cuò)是不可避免的，我們應(yīng)當(dāng)在錯(cuò)誤中不斷完善自己。同時(shí)，這些錯(cuò)誤也很好地指導(dǎo)了我們，讓我們把產(chǎn)品做得更好。我相信，沒(méi)有這些錯(cuò)誤，也就沒(méi)有今天的Buffer。

 

那些讓我們做出好產(chǎn)品的經(jīng)驗(yàn) 在我開(kāi)始討論從我們犯下的錯(cuò)誤中學(xué)到的東西之前，我想先說(shuō)一下開(kāi)發(fā)產(chǎn)品時(shí)最重要的一條原則：先驗(yàn)證，再編程。
先來(lái)說(shuō)說(shuō)這條原則是怎么來(lái)的：
當(dāng)時(shí)，我們想開(kāi)發(fā)一款可以更方便地在Twitter和其他社交網(wǎng)絡(luò)上發(fā)布信息的工具，這個(gè)想法產(chǎn)生了以后，我們親愛(ài)的程序員Joel Gascoigne立刻就開(kāi)始編程，而不是先去驗(yàn)證他的想法，這是他典型的行事作風(fēng)。幾分鐘后，他開(kāi)始意識(shí)到這方法不對(duì)，然后，開(kāi)始嘗試其他的方法。最終他其實(shí)只做好了一個(gè)登錄頁(yè)面，但是看起來(lái)好像這個(gè)應(yīng)用已經(jīng)開(kāi)發(fā)完成并上線(xiàn)了一樣。緊接著，他在Twitter里分享了這個(gè)網(wǎng)站的鏈接。對(duì)這個(gè)網(wǎng)站感興趣的人們開(kāi)始點(diǎn)擊登錄頁(yè)面的注冊(cè)按鈕，試圖注冊(cè)Buffer。這時(shí)他們會(huì)看到另一個(gè)頁(yè)面，上面寫(xiě)著“Buffer還沒(méi)有完工，但是您可以留下郵箱地址，我們會(huì)在Buffer開(kāi)發(fā)完成的第一時(shí)間立刻告知您。“
事實(shí)證明，這個(gè)策略是非常有效滴！在我們實(shí)行這個(gè)策略7周以后，有了第一個(gè)付費(fèi)用戶(hù)。從這次的經(jīng)驗(yàn)中，我們總結(jié)出三條關(guān)鍵的產(chǎn)品開(kāi)發(fā)原則：
1、讓產(chǎn)品的第一個(gè)版本盡量簡(jiǎn)單；
2、做好長(zhǎng)期抗戰(zhàn)的準(zhǔn)備，以后可能面臨很多次產(chǎn)品的重新定位；
3、你的任何想法都是一種假設(shè)，這個(gè)假設(shè)首先需要用戶(hù)的肯定。
如果你對(duì)產(chǎn)品研發(fā)規(guī)則知之甚少，那么我們接下來(lái)總結(jié)的教訓(xùn)對(duì)您來(lái)說(shuō)會(huì)更有意義。

教訓(xùn)1：用戶(hù)流程應(yīng)先關(guān)注如何留住用戶(hù)，再考慮收益 很早，我們就發(fā)現(xiàn)了用戶(hù)體驗(yàn)中很重要的一件事：我們需要把精力更多地集中在如何留住我們的用戶(hù)，而不是如何創(chuàng)造收益。
我們是從Buffer最初登錄頁(yè)面的用戶(hù)流程體會(huì)到這一點(diǎn)的：
1、當(dāng)用戶(hù)戳到登陸頁(yè)面的“注冊(cè)”按鈕時(shí)，會(huì)跳轉(zhuǎn)到一個(gè)詳細(xì)列出“訂閱計(jì)劃與價(jià)格”的頁(yè)面；
2、在那里，用戶(hù)根據(jù)自身需要選擇免費(fèi)計(jì)劃或是其他付費(fèi)計(jì)劃；
3、在選擇了計(jì)劃之后，用戶(hù)才開(kāi)始填寫(xiě)個(gè)人信息（比如：姓名、Email和其他相關(guān)信息）。 在這個(gè)流程之下，最初我們得到的付費(fèi)用戶(hù)的比例的確很高，然而我們很快就發(fā)現(xiàn)，那些從未使用過(guò)我們的產(chǎn)品便選擇付費(fèi)的用戶(hù)流失的也很快。為什么會(huì)這樣？事實(shí)是，用戶(hù)可能會(huì)選擇付費(fèi)，但是他們并沒(méi)有真的開(kāi)始使用Buffer，無(wú)法真正了解到產(chǎn)品的價(jià)值。最終，用戶(hù)取消了注冊(cè)。因此我們改變了用戶(hù)的注冊(cè)流程和獲取用戶(hù)的方式。我們告訴自己，讓人們先使用產(chǎn)品，第一時(shí)間了解到產(chǎn)品的價(jià)值，這才能讓他們逐步變成我們的付費(fèi)用戶(hù)。
這個(gè)方法比原來(lái)的方法要好。
最終，我們網(wǎng)站的用戶(hù)體驗(yàn)流程相當(dāng)流暢：
因?yàn)閮纱卧O(shè)計(jì)用戶(hù)流程，我們學(xué)會(huì)兩件重要的事情：
1、更多的用戶(hù)注冊(cè)是因?yàn)槲覀儾](méi)有減少在頁(yè)面中穿插的付費(fèi)計(jì)劃；
2、更多的人購(gòu)買(mǎi)付費(fèi)計(jì)劃是因?yàn)樗麄兇_實(shí)使用了我們的產(chǎn)品，體會(huì)到了我們產(chǎn)品的價(jià)值所在。更重要的是會(huì)持續(xù)使用下去。
那以后，我們?cè)诋a(chǎn)品中提供了更多的免費(fèi)功能，當(dāng)然，核心功能始終是免費(fèi)的。我們只在用戶(hù)真的使用了Buffer并感受到了它的價(jià)值的時(shí)候，才鼓勵(lì)用戶(hù)升級(jí)為付費(fèi)版本。
在制作用戶(hù)流程的時(shí)候應(yīng)該更關(guān)注如何留住用戶(hù)，這是我們的重要發(fā)現(xiàn)之一。

教訓(xùn)2：社交網(wǎng)絡(luò)賬號(hào)通用登錄優(yōu)于郵箱賬號(hào)登錄 在無(wú)數(shù)次為提高登錄頁(yè)流量轉(zhuǎn)化率的A/B測(cè)試失敗之后，我們想到了可以用其他社交網(wǎng)絡(luò)賬號(hào)登錄Buffer。意思是說(shuō)用你的Twitter、Facebook或linkedIn的賬號(hào)關(guān)聯(lián)注冊(cè)Buffer。因?yàn)锽uffer是用來(lái)在Twitter、Facebook和linkedIn上發(fā)布信息的，所以這樣的流程更科學(xué)一些。潛在用戶(hù)可以利用已經(jīng)存在的賬號(hào)來(lái)方便、快速地注冊(cè)和使用Buffer。
為了方便比較，看下面這張圖，這是我們最初的登錄頁(yè)面，注冊(cè)的時(shí)候需要提供郵箱地址和密碼： 從郵箱注冊(cè)到社交網(wǎng)絡(luò)賬號(hào)關(guān)聯(lián)注冊(cè)是Buffer成長(zhǎng)過(guò)程中一次重要的修改，這讓Buffer最終增加了50%的注冊(cè)量。在這個(gè)注冊(cè)方式發(fā)生轉(zhuǎn)變的時(shí)間點(diǎn)上，Buffer的日注冊(cè)量由500人次一夜之間增長(zhǎng)到了800人次。  教訓(xùn)3：提前測(cè)試所有你提出的假設(shè) 讓我先來(lái)講述一個(gè)設(shè)計(jì)瀏覽器拓展插件時(shí)悲慘地失敗的故事吧！
Buffer的一個(gè)重要組成部分便是Chrome、火狐和其他主流瀏覽器上的拓展插件。我們知道要讓用戶(hù)使用拓展插件，就需要提供產(chǎn)品的最佳體驗(yàn)。從隨便一個(gè)網(wǎng)頁(yè)中輕松地添加任何想要分享的東西到Buffer，然后再分享到Twitter、Facebook和linkedIn，這將是用戶(hù)使用Buffer時(shí)最廣泛的場(chǎng)景。自然而然的，我們就更關(guān)注產(chǎn)品的元素，試圖盡全力去改善Buffer。我們非常清楚哪些理念可以讓我們做得更好。但當(dāng)我們想要?jiǎng)?chuàng)造一個(gè)更好的瀏覽器拓展插件時(shí)，又重蹈覆轍，明知故犯了一些本應(yīng)避免的錯(cuò)誤。
我們是這樣子錯(cuò)誤地建立新的拓展插件的： 1、我們發(fā)現(xiàn)了一些現(xiàn)有拓展插件上已知的問(wèn)題，群策群力試圖修正他們；
2、我們花費(fèi)了大量的時(shí)間，希望創(chuàng)造出一個(gè)功能完美的第一個(gè)版本；
3、我們測(cè)試了第一個(gè)版本的拓展插件，然后意識(shí)到人們一定會(huì)在使用它的時(shí)候感到困惑，不知所措。 于是我們封印了這個(gè)新想法，再也沒(méi)動(dòng)過(guò)它。
下圖便是夭折了的拓展插件的版面設(shè)計(jì)圖：
這次失敗以后，我們養(yǎng)成了盡可能早的去驗(yàn)證每個(gè)假設(shè)的習(xí)慣。并讓這習(xí)慣深深烙印在了我們的腦子里。
為了把事情做得更好，我們總結(jié)了以下流程來(lái)解釋如何創(chuàng)造一個(gè)優(yōu)秀的產(chǎn)品或功能： 1、明確現(xiàn)有產(chǎn)品存在的問(wèn)題，集思廣益，確定想要改變什么；
2、與用戶(hù)交流，確定用戶(hù)在使用產(chǎn)品的過(guò)程中是否真的存在這些問(wèn)題；
3、在與用戶(hù)討論過(guò)后，迅速地建立一個(gè)簡(jiǎn)單的線(xiàn)框圖或產(chǎn)品原型圖。這不會(huì)花費(fèi)太長(zhǎng)的時(shí)間，最多也就一、二天；
4、再次與用戶(hù)討論，在原型圖的基礎(chǔ)上，觀(guān)察用戶(hù)與產(chǎn)品的交互；
5、進(jìn)一步推敲哪些是可展示給用戶(hù)看的，具有可用性的功能/產(chǎn)品；
6、跟蹤用戶(hù)參與指標(biāo)、增長(zhǎng)指標(biāo)和收入指標(biāo)，再和用戶(hù)討論一下產(chǎn)品的體驗(yàn)。

教訓(xùn)4：用戶(hù)界面的標(biāo)簽務(wù)必要明確 最后一課，我要分享的是我想了很久的一個(gè)問(wèn)題：究竟是讓標(biāo)簽、按鈕、幫助文檔等更明確，還是讓它們看起來(lái)更“智能”。
來(lái)自Intercom的Des Traynor在一篇文章中相當(dāng)好的闡述了這個(gè)問(wèn)題：
“當(dāng)你已經(jīng)針對(duì)用戶(hù)遇到的問(wèn)題提供了一個(gè)非常棒的解決方案，但是用戶(hù)卻不使用你的方案來(lái)解決問(wèn)題。通常，這是因?yàn)橛脩?hù)們沒(méi)有看到這個(gè)功能，或是看到了，但并不知道那是做什么的！”
這個(gè)狀況就是我們所要面對(duì)的。
我想講述的最重要的案例便是這個(gè)：在Buffer，可以一次性鏈接到多個(gè)社交網(wǎng)絡(luò)賬號(hào)，這讓用戶(hù)能夠一次性將信息分享到多個(gè)社交網(wǎng)絡(luò)。比如：用戶(hù)使用Twitter賬號(hào)登陸B(tài)uffer，但是同時(shí)也想用Buffer連接到Facebook和linkedIn，在Buffer上簡(jiǎn)單地將信息分享到多個(gè)社交網(wǎng)絡(luò)平臺(tái)。
那個(gè)時(shí)候的Buffer看起來(lái)是這個(gè)樣子的：
我們自認(rèn)為，一個(gè)十分聰明簡(jiǎn)潔的“+”號(hào)圖標(biāo)，就可以告訴人們，這里能夠添加其他社交網(wǎng)絡(luò)賬號(hào)。但是，我們多次收到來(lái)自用戶(hù)的郵件，詢(xún)問(wèn)有沒(méi)有辦法可以將Facebook和linkedIn賬戶(hù)也一起關(guān)聯(lián)到Buffer上。
所以我們做的事情是改變“關(guān)聯(lián)”按鈕，讓它更顯眼。使用更大的“+”號(hào)和許多其他的用戶(hù)界面設(shè)計(jì)調(diào)整。
最終的設(shè)計(jì)方案是什么？
方案簡(jiǎn)單極了！使用簡(jiǎn)單的文字：“關(guān)聯(lián)更多賬戶(hù)”來(lái)更清楚有效地表達(dá)，而不是自以為很聰明的“+”號(hào)。 我們從這里學(xué)到要使用更清楚的設(shè)計(jì)，而不是更智能的設(shè)計(jì)。盡管最終呈現(xiàn)出的產(chǎn)品形態(tài)可能沒(méi)有那么漂亮或獨(dú)特，但是對(duì)用戶(hù)來(lái)說(shuō)，清楚的設(shè)計(jì)更好。 總結(jié)：所有的事情都是假設(shè)，所有的事情都需要實(shí)踐來(lái)肯定 我們知道，我們的公司和應(yīng)用仍處于初級(jí)階段，有很多設(shè)計(jì)的流程和方法仍然處于實(shí)驗(yàn)階段。但我們?cè)诿罎L打中學(xué)到很重要的一點(diǎn)：在整體的設(shè)計(jì)中，無(wú)論是一個(gè)單獨(dú)的想法還是每一個(gè)功能的更新都是一個(gè)假設(shè)，都需要去驗(yàn)證。我們計(jì)劃賦予我們的產(chǎn)品更多人們期望的功能，我們也期待在創(chuàng)造更多有趣的東西的同時(shí)學(xué)會(huì)合理取舍。這種思維方式會(huì)賜予我們最大的潛力，創(chuàng)造出用戶(hù)真正想要的東西。