從進(jìn)入搜索引擎新時(shí)代開始，我對(duì)于網(wǎng)站的設(shè)計(jì)與制作已經(jīng)不僅僅再是簡(jiǎn)單的頁面設(shè)計(jì)拼裝，而是加入更多的“以人為本”的因素，以用戶體驗(yàn)的最佳感受為主，進(jìn)行頁面設(shè)計(jì)和網(wǎng)站制作。不過今天筆者小丹確實(shí)很贊同一篇關(guān)于此的外文文章，也通過此將其分享給大家。

    我們?cè)谧鋈魏问虑榈臅r(shí)候，都是有犯錯(cuò)的可能性，有的錯(cuò)誤是無可避免的，而有的則是可以在了解后可以避開的。同樣的在網(wǎng)站建設(shè)設(shè)計(jì)中同樣存在這樣的錯(cuò)誤。不過我們要知道，面對(duì)不可避免的錯(cuò)誤是，我們不能低迷消沉而是應(yīng)找到方向更有效的向前推進(jìn)。那今天我們就一起來分析其中的部分原因。

    打造一個(gè)網(wǎng)站，就要塑造自己的產(chǎn)品，在從用戶體驗(yàn)和設(shè)計(jì)中的錯(cuò)誤中，我們要找到最根本點(diǎn)“先驗(yàn)證，再編寫代碼”。如何來操作呢？跟筆者一起往下學(xué)習(xí)。

    當(dāng)緩沖區(qū)的概念建立一個(gè)更聰明的方式發(fā)布到Twitter和其他社交網(wǎng)絡(luò)了，我們的創(chuàng)始人喬爾Gascoigne立即開始編碼，而不是首先驗(yàn)證他的想法。幾分鐘到他的編碼會(huì)話，他意識(shí)到，不是路要走。所以他試了別的東西。他所做的是把一個(gè)著陸頁，如果他的產(chǎn)品已經(jīng)存在，盡管他還沒有完成一切。

    然后，他繼續(xù)在Twitter上傳播他的網(wǎng)站的鏈接。人的利益得到了點(diǎn)擊登錄頁面上的一個(gè)按鈕將注冊(cè)一個(gè)帳戶。他們會(huì)收到另一個(gè)web頁面緩沖區(qū)說還沒有完成，請(qǐng)感興趣的用戶離開他/她的電子郵件地址，這樣他可以盡快電子郵件緩沖啟動(dòng)。

    這一戰(zhàn)略制定很好，我們得到了我們的第一個(gè)客戶七周的想出了這個(gè)主意。創(chuàng)建三個(gè)關(guān)鍵產(chǎn)品開發(fā)原則從這個(gè)經(jīng)驗(yàn)：

    第一，保持一個(gè)功能或產(chǎn)品的第一個(gè)版本盡可能最小。

    第二，做好準(zhǔn)備與很多course-redirection長(zhǎng)途旅行。

    第三，把任何想法功能變成一個(gè)假設(shè)首先需要驗(yàn)證用戶。

    現(xiàn)在你知道一點(diǎn)關(guān)于我們產(chǎn)品開發(fā)原則以下課程，我們學(xué)到了更多的意義。

    教訓(xùn)1，用戶流應(yīng)該關(guān)注保留，不是收入

    關(guān)鍵用戶體驗(yàn)(UX)課,我們發(fā)現(xiàn)在早期是我們需要把精力集中在保持我們的客戶，而不是創(chuàng)造收入。這就是我們這節(jié)課學(xué)習(xí)。我們最初的著陸頁的用戶流如下：

    當(dāng)你第一次看到我們的著陸頁，點(diǎn)擊注冊(cè)按鈕，我們將向您展示一個(gè)“訂閱計(jì)劃和定價(jià)”頁面。

    從那里，你將被要求選擇“免費(fèi)”計(jì)劃或我們的一個(gè)支付計(jì)劃。

    你選擇了正確的計(jì)劃后，你將能夠通過提供你的細(xì)節(jié)（如注冊(cè)，你的名字、聯(lián)系電話等等）。

    這個(gè)用戶流量，人們選擇的一個(gè)支付計(jì)劃在簽約很高，因此讓我們?cè)谠缙诋a(chǎn)生收入。不過，我們很快就了解到，用戶選擇支付產(chǎn)品之前用它打發(fā)我們的機(jī)會(huì)流失率通過屋頂。

    為什么會(huì)出現(xiàn)這樣的情況呢？

    我們發(fā)現(xiàn)人們將支付，但是他們甚至不會(huì)開始使用緩沖區(qū)，并最終他們?nèi)∠嗛?。所以我們改變了我們獲取用戶的注冊(cè)用戶流和哲學(xué)。我們決定對(duì)自己說，“讓我們先開始使用該產(chǎn)品的人，以便他們可以親身感受我們的產(chǎn)品的價(jià)值，這將有希望鼓勵(lì)他們升級(jí)到付費(fèi)訂閱計(jì)劃。”這對(duì)我們解決好多了。因此，用戶通過我們的網(wǎng)站現(xiàn)在居然更加無縫的：

    由于該用戶流設(shè)計(jì)，兩個(gè)重要的事情發(fā)生了：

    更多的人注冊(cè)了，因?yàn)槲覀儧]有稀釋的漏斗定價(jià)頁面作為一個(gè)間隙。

    更多的人隨著時(shí)間升級(jí)，因?yàn)樗麄冮_始實(shí)際使用產(chǎn)品，找到價(jià)值，我們堅(jiān)持。

    自那時(shí)以來，我們已經(jīng)取得了更多的產(chǎn)品變化，給出更多的自由特性和我們的核心產(chǎn)品功能仍然是免費(fèi)的。只有在我們確定你真的看到很多有價(jià)值的利用緩沖區(qū)，我們會(huì)鼓勵(lì)你升級(jí)到付費(fèi)計(jì)劃。讓用戶流關(guān)注user-retention對(duì)我們來說是一個(gè)重要的發(fā)現(xiàn)。

    教訓(xùn)2，社會(huì)登錄比電子郵件登錄

    許多失敗后A/B測(cè)試提高我們的著陸頁的轉(zhuǎn)化率，使我們想到這個(gè)主意社會(huì)登錄。畢竟，緩沖區(qū)是發(fā)布在Twitter、Facebook和LinkedIn似乎只有這樣的邏輯，我們的潛在用戶能夠快速方便地注冊(cè)使用一個(gè)現(xiàn)有的賬戶。比較下面是我們最初的著陸頁，讓你和你的電子郵件和注冊(cè)密碼：

    我們從社會(huì)登錄電子郵件登錄是我們最大的增長(zhǎng)黑客之一，讓我們最終注冊(cè)提高50%。和周圍這個(gè)登錄的時(shí)間開關(guān)，我們每天從500注冊(cè)會(huì)員500每日注冊(cè)幾乎在一夜之間。

    教訓(xùn)3，測(cè)試你所有的假設(shè)

    讓我告訴你一個(gè)故事關(guān)于我們與一個(gè)新的瀏覽器擴(kuò)展設(shè)計(jì)失敗的想法。緩沖區(qū)的一個(gè)重要部分我們的瀏覽器擴(kuò)展Chrome、Firefox和其他所有主流瀏覽器。我們知道如果你是一個(gè)用戶和使用擴(kuò)展，你會(huì)有最好的體驗(yàn)與產(chǎn)品。分享從任何web頁面和容易增加你的“緩沖區(qū)”的一切在Twitter上分享Facebook和LinkedIn成為最強(qiáng)大的用例。所以很自然，我們專注于這個(gè)元素的產(chǎn)品，我們最好去改善它當(dāng)我們顯然有一些想法如何使它更好。但當(dāng)我們開始生產(chǎn)更好的瀏覽器擴(kuò)展，似乎我們跌回舊的習(xí)慣，讓我們知道我們應(yīng)該避免犯同樣的錯(cuò)誤。這是我們?nèi)绾蔚捻樞蚪咏ㄔO(shè)我們的新擴(kuò)展：

    我們發(fā)現(xiàn)一些問題與我們現(xiàn)有的瀏覽器擴(kuò)展,然后我們想出我們想要改變的。

    我們花了大量的時(shí)間和資源來設(shè)計(jì)和開發(fā)一個(gè)全功能的第一個(gè)版本。

    我們測(cè)試過程中第n個(gè)版本晚，意識(shí)到人非常困惑時(shí)使用它。

    我們新的想法和罐頭永遠(yuǎn)不會(huì)啟動(dòng)。

    這是瀏覽器擴(kuò)展的新布局，我們從來沒有推到生產(chǎn)：

    進(jìn)入測(cè)試每一個(gè)假設(shè)的習(xí)慣你盡可能早地是我們現(xiàn)在有烙印深入我們的大腦因?yàn)槭?。做正確的事情，這是現(xiàn)在我們?nèi)绾蔚姆椒ń⑿碌漠a(chǎn)品和特點(diǎn)：

    1、確定問題與現(xiàn)有產(chǎn)品和頭腦風(fēng)暴你可能想改變什么。

    2、實(shí)際上用戶談?wù)撍麄兪欠裼邢嗤膯栴}。

    3、與我們的用戶驗(yàn)證在討論后，快速構(gòu)建線框圖或一個(gè)簡(jiǎn)單的圖型這并不需要超過1 - 2天。

    4、再次跟用戶，看看他們?nèi)绾闻c你交互原型。

    5、迭代進(jìn)一步有些可用的功能/產(chǎn)品，你可以給更多的用戶。

    6、跟蹤參與/增長(zhǎng)/收入指標(biāo)和用戶再次談?wù)撍麄兊慕?jīng)驗(yàn)。

    教訓(xùn)4，與用戶界面清晰的標(biāo)簽

    最后一點(diǎn)，與你分享的是我相當(dāng)長(zhǎng)一段時(shí)間一直在思考：這是明顯的問題與你的標(biāo)簽、按鈕、幫助文本等與與他們是聰明的。

    據(jù)Traynor Des從對(duì)講機(jī)定義這個(gè)問題非常好在一篇文章中：你已經(jīng)建立了一個(gè)偉大的功能，真正解決了一個(gè)問題，你了解你的用戶。他們不使用它，通常，這是因?yàn)樗麄儧]有看到它或者他們看見它，不知道它。這種情況是我們繼續(xù)面對(duì)。關(guān)鍵的例子，我想在這里描述如下：內(nèi)部緩沖區(qū)，可以連接多個(gè)社會(huì)共同賬戶，這樣你就可以發(fā)布所有從一個(gè)位置，例如與你的Twitter帳戶，您注冊(cè)或登錄但是你也想連接你的Facebook和LinkedIn賬戶緩沖使發(fā)布從一個(gè)地方更容易。它曾經(jīng)是什么樣子：

    我們認(rèn)為，有一個(gè)聰明的“+”標(biāo)志圖標(biāo)將顯示人的方式來添加其他社交網(wǎng)絡(luò)賬戶。然而，我們不斷收到電子郵件從我們的用戶要求我們?nèi)绻幸环N方法來連接他們的Facebook和LinkedIn賬戶緩沖區(qū)。所以我們所做的是改變的各個(gè)方面“連接”按鈕，使其一個(gè)占位符圖標(biāo)，使用更大的加號(hào)和許多其他的設(shè)計(jì)調(diào)整。

    最終的設(shè)計(jì)方案是什么呢？

    這個(gè)解決方案很簡(jiǎn)單：使用純文本“連接更多的賬戶”，文字，這是一個(gè)更深刻的了解和更有效的比一個(gè)巧妙地設(shè)計(jì)圖標(biāo)來表示這個(gè)UI的任務(wù)。

    我們得知挑選清晰的解決方案在聰明的解決方案—盡管前者可能不是那么漂亮或獨(dú)特或酷—總是更好的用戶。

    通過上面作者的經(jīng)驗(yàn)講述，我應(yīng)該知道了。在網(wǎng)站設(shè)計(jì)制作流程中，同樣是需要試驗(yàn)的。不但是用戶體驗(yàn)的設(shè)計(jì)感受，還有對(duì)于網(wǎng)站整體架構(gòu)的設(shè)想，潛在思想中就是要為用戶提供最想樣看到的東西。所以前面我們說的，以用戶體驗(yàn)為設(shè)計(jì)理念，錯(cuò)了嗎？

    當(dāng)然沒有，只不過我們的設(shè)計(jì)假設(shè)都是需要驗(yàn)證的，并非是空口白談，你認(rèn)為的用戶角度設(shè)計(jì)。

    (轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：www.theclubhubb.com/news/n1770.htm，謝謝!珍惜別人的勞動(dòng)成果，就是在尊重自!）