本文原作者Nick Bobich，不僅是一位軟件開發(fā)工程師，還是一位用戶體驗(yàn)設(shè)計(jì)師。過去10年，他一直在軟件行業(yè)里專注于軟件開發(fā)。Nick Bobich的興趣十分廣泛，還對(duì)科技、廣告、心理學(xué)和電影等有很大的興趣。接下來要翻譯的這篇文章是Nick Bobich今年6月初寫的一篇文章《你如何知道你的網(wǎng)站是成功的》。

我們?cè)谌粘．a(chǎn)品設(shè)計(jì)中，經(jīng)常會(huì)和產(chǎn)品經(jīng)理爭(zhēng)辯：你的設(shè)計(jì)是正確的嗎？你的產(chǎn)品這么設(shè)計(jì)是成功了還是失敗，如何知道做的產(chǎn)品成功與否呢？

下面就從Nick Bobich這篇文章開始，聽聽他的見解以及給我們提供什么可行的建議。

譯文如下：

我們生活在幾乎所有企業(yè)都擁有在線業(yè)務(wù)的世界里。假如你想接觸一家企業(yè)，你首先想做的事情是什么？

嗯，你可能會(huì)首先想到去企業(yè)的官網(wǎng)，希望通過企業(yè)網(wǎng)站能查找到解決你心中問題的答案，或者僅僅是找到能與企業(yè)取得聯(lián)系的任何細(xì)節(jié)信息。毫無疑問，任何網(wǎng)站的第一印象都比以往更加重要。

目前，互聯(lián)網(wǎng)上有超過18億個(gè)網(wǎng)站，而且這個(gè)數(shù)字還在持續(xù)增長。競(jìng)爭(zhēng)的加劇使人們對(duì)研究網(wǎng)站成功的因素產(chǎn)生了濃厚的興趣。

雖然沒有人質(zhì)疑建立一個(gè)成功的網(wǎng)站是必要的，但是要理解一個(gè)網(wǎng)站真正的成功以及如何去衡量它的成功，并不是一件容易的事情。

一、定義網(wǎng)站成功對(duì)你意味著什么

1.設(shè)定一個(gè)全局目標(biāo)

找到諸如像“我們的目標(biāo)是什么？”以及“我們希望通過這個(gè)網(wǎng)站實(shí)現(xiàn)什么？”這樣問題的答案，是我們開始一個(gè)新項(xiàng)目時(shí)首先要思考的事情。

跳過定義網(wǎng)站全局目標(biāo)這個(gè)階段，直接進(jìn)入設(shè)計(jì)階段，是許多產(chǎn)品團(tuán)隊(duì)常犯的一個(gè)錯(cuò)誤。如果你不清楚你的網(wǎng)站要實(shí)現(xiàn)什么目標(biāo)，那么你的網(wǎng)站所能帶來的積極影響力的機(jī)會(huì)將會(huì)很小。

每個(gè)網(wǎng)站都需要一個(gè)明確的產(chǎn)品策略。產(chǎn)品策略的確定為項(xiàng)目后續(xù)所有的活動(dòng)確定了方向，有助于幫助產(chǎn)品設(shè)計(jì)師作出設(shè)計(jì)決策。當(dāng)你對(duì)訪客離開你的網(wǎng)站后你所期望的事情有比較深刻的理解時(shí)，它會(huì)幫助你朝著設(shè)定的全局目標(biāo)努力。

產(chǎn)品目標(biāo)是一種可實(shí)現(xiàn)的目標(biāo)與愿景的結(jié)合，協(xié)同工作，使團(tuán)隊(duì)圍繞業(yè)務(wù)和用戶期望的結(jié)果進(jìn)行調(diào)整。（圖片來源：Melissa Perri）

以下是一些幫助設(shè)定目標(biāo)的幾個(gè)建議：

1.1 將目標(biāo)與業(yè)務(wù)目標(biāo)聯(lián)系起來

網(wǎng)站的宗旨應(yīng)該是支持公司愿景并使其更有效地實(shí)現(xiàn)這一愿景。

1.2 使目標(biāo)具體化

與其說“我需要強(qiáng)大的網(wǎng)絡(luò)影響力，”不如考慮一下：“我們的網(wǎng)站應(yīng)該是用戶向我們提交服務(wù)請(qǐng)求的地方。我們的目標(biāo)是50%的訂單在網(wǎng)上提交，而不是通過電話。”

1.3 做競(jìng)品研究

列出你認(rèn)為成功的競(jìng)爭(zhēng)對(duì)手的網(wǎng)站，試著研究他們成功的原因。

2.努力創(chuàng)建以用戶為中心的體驗(yàn)

因?yàn)樵L客最終決定了網(wǎng)站的成功，所以他們應(yīng)該在網(wǎng)站的開發(fā)過程中成為焦點(diǎn)。正如Dieter Rams 所說：

“如果你不了解用戶，你就無法理解好的設(shè)計(jì)；設(shè)計(jì)是為人們而設(shè)計(jì)的?！?/p>

因此，首先要了解以下內(nèi)容：

2.1 描繪你的理想用戶畫像

試著了解你的目標(biāo)用戶可能需要或想要的內(nèi)容，他們的瀏覽習(xí)慣（他們更喜歡與網(wǎng)站如何互動(dòng)）以及他們技術(shù)能力水平。了解了目標(biāo)用戶的這些知識(shí)將有助于幫助你更好地滿足他們的需求。

2.2 思考你的訪客目標(biāo)

設(shè)身處地為你的網(wǎng)站訪客著想。你希望他們?cè)L問你的網(wǎng)站做什么？下訂單？聯(lián)系你們索要報(bào)價(jià)？成為會(huì)員？需要根據(jù)用戶目標(biāo)和用戶任務(wù)來驅(qū)動(dòng)設(shè)計(jì)。理論上講，你設(shè)計(jì)的每一個(gè)頁面都應(yīng)該為你的目標(biāo)用戶設(shè)定一個(gè)明確的目標(biāo)或任務(wù)。

2.3 創(chuàng)建用戶旅行地圖

如果你現(xiàn)在就有一個(gè)網(wǎng)站，可以通過創(chuàng)建用戶旅程地圖來弄明白人們使用它的典型方式。

用戶旅行地圖（圖片來源：Temkin集團(tuán)）：

二、影響網(wǎng)站成功的8個(gè)網(wǎng)站設(shè)計(jì)基本特征

在本小節(jié)中，我們將不討論設(shè)計(jì)實(shí)現(xiàn)的細(xì)節(jié)（例如標(biāo)志應(yīng)該放在哪里）。我們將集中討論高效的網(wǎng)頁設(shè)計(jì)的主要原則和方法。這些原則將從用戶對(duì)網(wǎng)站第一印象的角度來考慮。

在訪客第一次訪問網(wǎng)站的時(shí)候，重點(diǎn)關(guān)注優(yōu)秀的用戶體驗(yàn)至關(guān)重要。一般來說，第一印象越好，用戶停留在網(wǎng)站的時(shí)間越長的幾率就越大。但是，如果用戶對(duì)網(wǎng)站的第一印象是消極的，它可能會(huì)導(dǎo)致用戶流失，并將長期避免與你的網(wǎng)站產(chǎn)品發(fā)生交互行為。

那么，如何給人留下好的第一印象？好的設(shè)計(jì)。第一印象94%是與設(shè)計(jì)有關(guān)。雖然不可能定義一個(gè)能保證一個(gè)成功網(wǎng)站的萬能設(shè)計(jì)決策，但還是可以聚焦于能夠創(chuàng)造良好第一印象的因素：內(nèi)容的質(zhì)量、可用性和視覺美感。

1.高質(zhì)量的內(nèi)容

你的網(wǎng)站上使用的可復(fù)制的內(nèi)容和網(wǎng)站的設(shè)計(jì)同樣重要，也是人們?cè)L問你的網(wǎng)站的原因。網(wǎng)絡(luò)上超過95%的信息使用的是書面語言形式。

即使你的網(wǎng)站設(shè)計(jì)精美，它也不過只是一個(gè)沒有優(yōu)質(zhì)內(nèi)容的空的框架而已。一個(gè)優(yōu)秀的網(wǎng)站不僅需要具備好的設(shè)計(jì)，還需要擁有優(yōu)質(zhì)的內(nèi)容。

“內(nèi)容先于設(shè)計(jì)。沒有內(nèi)容的設(shè)計(jì)不是設(shè)計(jì)，而是裝飾。”—— Jeffrey Zeldman

1.1 匹配用戶的期望

提供你的目標(biāo)用戶期望看到的信息。例如，如果你為一個(gè)連鎖餐廳設(shè)計(jì)一個(gè)網(wǎng)站，那么大多數(shù)的訪客會(huì)希望通過網(wǎng)站能找到連鎖餐廳的菜單，以及可以為他們提供每家餐廳位置的地圖。

1.2 可建立信任的內(nèi)容

信任是創(chuàng)造說服力的力量之源；信任可以使用戶去相信你的產(chǎn)品或服務(wù)。這就是為什么需要在你的網(wǎng)站上給用戶建立一種信任感的重要原因。例如，如果你設(shè)計(jì)了一個(gè)服務(wù)型網(wǎng)站，在網(wǎng)站設(shè)計(jì)中應(yīng)當(dāng)考慮一些可以增強(qiáng)訪客能夠?qū)@些服務(wù)建立起信任的內(nèi)容。

Basecamp就是一個(gè)很好的例證。該公司列出了客戶的反饋，并結(jié)合數(shù)據(jù)分析以加強(qiáng)網(wǎng)站的社會(huì)認(rèn)可力。

Basecamp將客戶的反饋和研究成果結(jié)合，以產(chǎn)生最終的說服力。

1.3 聚焦微文案

微文案指的是我們?cè)谟脩艚缑嬷惺褂玫男∽?。這些小字可能是字段或按鈕標(biāo)簽，或者是表單以及其他的UI元素。使用正確的微文案能夠影響網(wǎng)站的商業(yè)利潤。但是要寫出好的微文案，必須要非常好地了解用戶的目的和情感需求。

在2017年的Google I/O開發(fā)者大會(huì)期間，Maggie Stanphill解釋了寫好微小文案可能具有的商業(yè)價(jià)值。當(dāng)谷歌團(tuán)隊(duì)在把谷歌酒店搜索中的文案“預(yù)訂房間”改成“查看可用的酒店”之后，用戶的參與度提升了17%。

這是因?yàn)榈谝粋€(gè)版本中的微文案“預(yù)訂房間”在用戶旅程階段過于明確和強(qiáng)制。用戶還不想預(yù)訂房間，他們想探索查找酒店的全部可能選項(xiàng)（日期范圍和價(jià)格）。

優(yōu)秀的微文案是以人為中心。在本例中，“查看可用的酒店”這個(gè)微文案滿足了用戶真正的想法和需求。

1.4 為掃視優(yōu)化文案

根據(jù)用戶瀏覽習(xí)慣調(diào)整文案是非常必要的。

眾所周知，用戶在網(wǎng)站上查看內(nèi)容不是閱讀，而是快速瀏覽。當(dāng)新用戶瀏覽網(wǎng)頁時(shí)要做的第一件事情，通常是先掃視全頁，將內(nèi)容劃分成合適的組塊，然后再對(duì)信息進(jìn)行加工。通過掃視網(wǎng)頁上的關(guān)鍵部分，他們?cè)噲D以此來確定這些內(nèi)容是否與他們所需要的有關(guān)。

下面是幾條關(guān)于如何格式化內(nèi)容并使之更容易被訪客掃視的建議：

• 避免沒有圖像的長塊文本

這樣的長段文本很有可能被訪客跳過不看。可使用標(biāo)題、段落或者要點(diǎn)來分解長段文本。

• 為自然掃視模式優(yōu)化布局

眼球追蹤研究顯示，人們掃視網(wǎng)頁時(shí)采用“F”模式。我們?yōu)g覽開頭的幾行，然后開始跳頁面，只捕捉到了部分信息。

出于這個(gè)原因，保持你的前面文本十分重要，把最重要的內(nèi)容放在前面，這樣我們的眼睛就能夠像我們追蹤的那樣快速地捕捉到那些最重要的信息點(diǎn)。

用戶不是閱讀，而是掃視。這張熱圖顯示了人們的視覺焦點(diǎn)所在的位置。結(jié)合用戶自然的行為有助于高效地設(shè)計(jì)網(wǎng)站。（圖片來源：Useit）

1.5 快速設(shè)計(jì)建議

你可以用一個(gè)叫Webpapefx的工具來測(cè)量你的網(wǎng)站的可讀性分?jǐn)?shù)。

1.6 避免分散注意力

人類的眼睛能立刻識(shí)別出移動(dòng)的對(duì)象。

例如動(dòng)態(tài)橫幅或視頻廣告這樣的移動(dòng)對(duì)象可以吸引用戶的注意力。當(dāng)網(wǎng)站出現(xiàn)大量諸如此類的動(dòng)態(tài)元素會(huì)干擾用戶的注意力，導(dǎo)致惱人的體驗(yàn)。因此，我們需要將重點(diǎn)放在對(duì)用戶干擾最少的網(wǎng)站上。

來自眼球追蹤研究的熱圖：紅色視圖區(qū)域表示用戶看的最多，黃色視圖區(qū)域表示用戶關(guān)注的較少。綠色的線框則指的是廣告。（圖片來源：NNGroup）

1.7 聯(lián)系信息

讓人們?nèi)菀茁?lián)系到你。這個(gè)需求相當(dāng)明顯，對(duì)于第一次訪問網(wǎng)站的人來說，尋找聯(lián)系信息是非常典型的場(chǎng)景。請(qǐng)不要讓那種事情發(fā)生。要使你的網(wǎng)站上的電話號(hào)碼、電子郵件、地址和聯(lián)系表格易于被查找到。

1.8 快速設(shè)計(jì)提示

當(dāng)你設(shè)計(jì)網(wǎng)站時(shí)，請(qǐng)不要將電子郵件或電話號(hào)碼設(shè)計(jì)成圖片。電話號(hào)碼或電子郵件應(yīng)該是純文本的形式，以便用戶可以復(fù)制這些信息。

1.9 高質(zhì)量的相關(guān)圖片和視頻

研究表明：人主要是視覺學(xué)習(xí)者。大多數(shù)人能夠通過視覺傳達(dá)的方式更好地理解和掌握概念。

記得有句老話：

“一張圖片勝過千言萬語?！?/p>

這句話同樣適應(yīng)于網(wǎng)頁設(shè)計(jì)。增加網(wǎng)站視覺吸引力的一個(gè)最簡(jiǎn)單的方法就是提供高質(zhì)量的圖像或視頻內(nèi)容。

特斯拉就是一個(gè)很好的例子，它并沒有告訴人們他們公司的汽車有哪些好處，而是直接向訪客展示了一個(gè)短片，以清楚地告訴人們開特斯拉的感覺：

特斯拉在展示使用汽車的好處時(shí)，使用了“直接示人”的設(shè)計(jì)原則，即告訴他不如表現(xiàn)給他。

2.簡(jiǎn)單的交互

根據(jù)Hubspot的調(diào)查，76%的受訪者提到易用性是網(wǎng)站最重要的特征。這就是為什么“保持簡(jiǎn)單”原則（KIS）應(yīng)該在網(wǎng)頁設(shè)計(jì)過程中發(fā)揮主要作用。

2.1 減少噪音

雜亂的用戶界面會(huì)給用戶帶來太多的信息負(fù)擔(dān)——每個(gè)添加的按鈕、圖像和一行文本都會(huì)使屏幕更加復(fù)雜。

減少網(wǎng)站上的雜亂信息有利于訪客更容易理解網(wǎng)站的主要信息。界面中只保留溝通所需的最重要元素，并使用足夠的空白，將有助于減少訪客的認(rèn)知負(fù)擔(dān)，并使他們更容易地感知屏幕上呈現(xiàn)的信息。

2.2 快速設(shè)計(jì)

在重要的元素上著重突出視覺部分。設(shè)計(jì)一些重要的元素，比如在文字-動(dòng)作按鈕或登錄表單焦點(diǎn)，你可以用使用不同大小或顏色來強(qiáng)調(diào)元素，這樣訪客就能立刻看到他們。

Lyft使頁面上最重要的信息（文字-動(dòng)作按鈕）突出。

2.3 強(qiáng)烈的視覺層次

你創(chuàng)建的視覺層次越好，你的網(wǎng)站上的內(nèi)容就越容易被用戶感知（西蒙定律）。網(wǎng)格布局便于你組織網(wǎng)站信息，使訪客更容易閱讀和理解頁面上展示的信息。使用網(wǎng)格可以更容易地創(chuàng)建一個(gè)感覺均衡的布局。

在設(shè)計(jì)網(wǎng)站體驗(yàn)時(shí)使用了網(wǎng)格布局。在Adobe XD中使用網(wǎng)格:

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

好的導(dǎo)航是網(wǎng)站可用性中最重要的方面之一。如果用戶在你的網(wǎng)站中找不到自己路徑，即使是設(shè)計(jì)最精美的網(wǎng)站也毫無用處。

當(dāng)為你的網(wǎng)站開發(fā)導(dǎo)航系統(tǒng)時(shí)，考慮一下哪些網(wǎng)頁對(duì)訪客最重要，以及訪客在網(wǎng)站上的行為路徑，思考他們?nèi)绾螐囊粋€(gè)頁面移動(dòng)到另一個(gè)面。遵循用戶的預(yù)期，創(chuàng)建一個(gè)可預(yù)知的導(dǎo)航結(jié)構(gòu)，并將導(dǎo)航放置在用戶期望看到的地方。

2.5 快速設(shè)計(jì)

減少用戶完成目的所需要的操作次數(shù)。嘗試遵循“三次點(diǎn)擊規(guī)則”，即創(chuàng)刊一個(gè)結(jié)構(gòu)，讓用戶能夠在三次點(diǎn)擊內(nèi)找到他們想要的信息。

2.6 可識(shí)別的設(shè)計(jì)模式

設(shè)計(jì)模式是設(shè)計(jì)師最好的朋友。

當(dāng)你在設(shè)計(jì)自己的網(wǎng)站時(shí)，你要記住，用戶同樣會(huì)花大量的時(shí)間在其他的網(wǎng)站上。

在不同的網(wǎng)站上，每一次用戶都要學(xué)習(xí)新東西以學(xué)會(huì)使用網(wǎng)站時(shí)，會(huì)產(chǎn)生摩擦，用戶使用不同的網(wǎng)站不需要每一次重復(fù)學(xué)習(xí)網(wǎng)站怎么用。

根據(jù)已知的訪客使用網(wǎng)站的經(jīng)驗(yàn)，你可以減少他們的學(xué)習(xí)成本。可識(shí)別的UI模式最終能有效幫助用戶輕松分解復(fù)雜的任務(wù)。

因此，當(dāng)你遵循用戶的預(yù)期以及創(chuàng)建一個(gè)他們熟悉的體驗(yàn)時(shí)（例如，將UI元素安放在用戶希望找到它們的地方），網(wǎng)站訪客可以根據(jù)他們以往的網(wǎng)站使用知識(shí)，通過直覺來使用你的網(wǎng)站。

這有助于減少用戶的學(xué)習(xí)成本，并能幫助他們弄明白網(wǎng)站是如何工作的。

3.快速加載時(shí)間

隨著技術(shù)的進(jìn)步，網(wǎng)站的加載速度更快，體驗(yàn)更佳，與此同時(shí)，用戶等待網(wǎng)頁加載的意愿有所下降。網(wǎng)頁加載時(shí)間長是訪客離開網(wǎng)站的主要原因。

主流用戶只愿花幾秒鐘的時(shí)間等待網(wǎng)頁加載。如果在網(wǎng)頁加載的過程中，什么內(nèi)容都沒有顯示出來，他們會(huì)認(rèn)為這個(gè)網(wǎng)站加載太慢，并且將很有可能轉(zhuǎn)向競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。

網(wǎng)頁加載緩慢不僅會(huì)給用戶留下糟糕的印象，而且還會(huì)影響網(wǎng)站的搜索引擎排名，因?yàn)楣雀杷阉饕鏁?huì)降低加載緩慢的網(wǎng)站排名。

3.1 測(cè)試你的網(wǎng)站

有一些工具可以幫助你測(cè)試網(wǎng)站的性能。其中之一是谷歌的Test My Site(簡(jiǎn)稱GTest)，它可以為你提供如何加速并提升你的網(wǎng)站的可用性報(bào)告。

WebPage Test是另外一個(gè)有用的測(cè)試工具，它允許你在全球多個(gè)地點(diǎn)運(yùn)行免費(fèi)的網(wǎng)站速度測(cè)試，以真實(shí)的消費(fèi)者連接網(wǎng)絡(luò)的速度使用真實(shí)的瀏覽器（Internet Explore和Chrome）。

你的網(wǎng)站加載越慢，網(wǎng)站的跳出率就越高。（圖片來源：Luke W.）

3.2 找出導(dǎo)致頁面加載緩慢的原因，并解決問題

如果頁面加載緩慢是你的網(wǎng)站典型情況，試著找出問題的原因并解決它。通常影響頁面加載時(shí)間的因素如下：

• 視覺元素（圖像和動(dòng)畫）

高清圖像和流暢的動(dòng)畫，只有在不影響加載時(shí)間的情況下，才能創(chuàng)造好的用戶體驗(yàn)?？梢钥紤]閱讀一些關(guān)于圖像優(yōu)化技巧的文章。

• 自定義字體

與網(wǎng)站上其他任何元素一樣，下載自定義字體需要一些時(shí)間（如果字體位于第三方服務(wù)上，則需要更多的下載時(shí)間）。

• 業(yè)務(wù)邏輯

你開發(fā)出的解決方案是否針對(duì)快速加載時(shí)間進(jìn)行了優(yōu)化。有許多開發(fā)者能通過編程技術(shù)和代碼優(yōu)化來最小化網(wǎng)站加載時(shí)間。例如，可以使用文件壓縮和解壓來提高網(wǎng)站的性能。

• 技術(shù)基礎(chǔ)設(shè)施

技術(shù)設(shè)施就是你的網(wǎng)站存儲(chǔ)的地方，我們稱之為服務(wù)器。它包括硬件、軟件組件以及因特網(wǎng)寬帶。

3.3 創(chuàng)造一種速度感

如果你不能提高你的網(wǎng)站實(shí)際性能，你可以試著創(chuàng)造一種速度的感覺——感覺有多快通常比它的實(shí)際速度更重要。使用框架屏幕技術(shù)可以幫助你實(shí)現(xiàn)這一點(diǎn)。

框架布局是當(dāng)頁面內(nèi)容在加載時(shí)，優(yōu)先加載出頁面的框架。先顯示頁面框架會(huì)給人一種加載速度快的印象——界面響應(yīng)加載的速度比實(shí)際的更快，并且可以提高訪客感知頁面加載的時(shí)間。

這個(gè)房地產(chǎn)網(wǎng)站從搜索結(jié)果頁面復(fù)用了一些數(shù)據(jù)（建筑物的圖像和基本信息描述），而詳細(xì)的信息正在加載。

這就產(chǎn)生了及時(shí)響應(yīng)訪客的感覺，即使加載真實(shí)的數(shù)據(jù)信息還需要一些書劍。（圖片來源：Owen Campbell-Moore）

請(qǐng)查看這個(gè)Codepen用純CSS框架效果的例子。它通過利用脈動(dòng)效應(yīng)給用戶一種感覺，網(wǎng)站在即時(shí)響應(yīng)，內(nèi)容正在快速載入。在Codepen上可以看到Razvan Caliman (@oslego)用CSS設(shè)計(jì)的鋼筆骨架屏幕。

4.感受到一種控制感

控制感仍然是用戶界面設(shè)計(jì)中一種基本的可用性啟發(fā)式方法。有效的互動(dòng)向用戶灌輸一種控制感。

4.1 正確處理錯(cuò)誤

人非圣賢孰能無過。當(dāng)人們與用戶界面互動(dòng)時(shí)會(huì)發(fā)生一些錯(cuò)誤。有時(shí)，發(fā)生錯(cuò)誤是因?yàn)橛脩舴噶隋e(cuò)誤。有時(shí)，它們發(fā)生是因?yàn)榫W(wǎng)站設(shè)計(jì)失敗導(dǎo)致的。

不管原因是什么，這些錯(cuò)誤以及他們處理的方式，都會(huì)對(duì)用戶體驗(yàn)產(chǎn)生重大影響。錯(cuò)誤處理和無用的錯(cuò)誤消息提醒會(huì)讓用戶更加沮喪，甚至可能導(dǎo)致他們放棄你的網(wǎng)站。當(dāng)發(fā)生錯(cuò)誤時(shí)，創(chuàng)建有效的錯(cuò)誤消息至關(guān)重要。

讓你的網(wǎng)站聽起來更加人性化。你的網(wǎng)站顯示的每一條錯(cuò)誤消息應(yīng)該清晰、清楚、有用。

設(shè)計(jì)人員可以使用一種名為“故障設(shè)計(jì)”的策略（也可以理解為我們?cè)O(shè)計(jì)中的容錯(cuò)機(jī)制、高可用性、可恢復(fù)設(shè)計(jì)原則，此處為筆者注解）。

在這種策略中，你可以嘗試一下假設(shè)用戶可能會(huì)遇到的問題，并為這些場(chǎng)景提供設(shè)計(jì)解決方案。誠然，實(shí)現(xiàn)理想的用戶旅程是最終的目標(biāo)，但是個(gè)人的用戶體驗(yàn)的復(fù)雜性很少是設(shè)定好的。

識(shí)別出用戶潛在的痛點(diǎn)，并使用諸如錯(cuò)誤恢復(fù)的失敗映射等工具為其做準(zhǔn)備，有助于確保你在為大多數(shù)用戶提供最好的體驗(yàn)。

4.2 不要強(qiáng)制推送（內(nèi)容）

我們都知道那種感覺，你訪問一個(gè)新網(wǎng)站，頁面上的內(nèi)容看起來很有趣。

你開始看網(wǎng)頁上面的信息，當(dāng)你看到一半的時(shí)候，突然被一個(gè)巨大的覆蓋層打斷，要么要求你訂閱一份時(shí)事通訊，要么利用這個(gè)機(jī)會(huì)向你推送一些促銷廣告。

在大多數(shù)的情況之下，你的第一反應(yīng)是關(guān)閉覆蓋層或者關(guān)閉整個(gè)頁面，連同覆蓋層全部關(guān)閉。

強(qiáng)制推送就像帶有促銷內(nèi)容的彈出窗口，使大多數(shù)人處于抵制狀態(tài)。NNGroup說：

“彈出窗口是有史以來最令人討厭的網(wǎng)頁體驗(yàn)。”

4.3 視頻自動(dòng)播放時(shí)不要出現(xiàn)聲音

當(dāng)用戶訪問某個(gè)頁面時(shí)，它們期望視頻自動(dòng)播放時(shí)不要有任何聲音。大多數(shù)用戶并沒有使用耳機(jī)，當(dāng)用戶訪問某頁面發(fā)出聲音時(shí)，用戶瞬間會(huì)覺得有壓力，因?yàn)樗麄冃枰靼自撊绾侮P(guān)掉頁面里的聲音。

在大多數(shù)的情況下，只要訪問頁面一出現(xiàn)聲音，就會(huì)離立馬離開網(wǎng)站。因此，你的網(wǎng)站上的視頻使用自動(dòng)播放，請(qǐng)將音頻默認(rèn)設(shè)置成靜音，并提供開啟音頻的按鈕開關(guān)。

5.好的視覺外觀

一個(gè)引人入勝的外觀設(shè)計(jì)能帶來更多的商業(yè)轉(zhuǎn)化率嗎？

雖然有吸引力的設(shè)計(jì)與商業(yè)轉(zhuǎn)化率之間并沒有直接關(guān)系，但是視覺外觀可以增加轉(zhuǎn)化率的機(jī)會(huì)。

正如 Steven Bradley所說：

“人總是傾向于具有吸引力的事物；我們認(rèn)為美好的事物時(shí)更好的，不好它們是否真的更好。一切都是平等的，我們更喜歡美好的事物，我們相信美好的事物可以更好地運(yùn)轉(zhuǎn)。就像自然界一樣，功能追隨形式?！?/p>

5.1 利用趨勢(shì)

與其他設(shè)計(jì)領(lǐng)域一樣，網(wǎng)頁設(shè)計(jì)也在不斷變化。設(shè)計(jì)趨勢(shì)來來去去，你必須要確保你的設(shè)計(jì)不過時(shí)。熟悉最新的趨勢(shì)，通過調(diào)整設(shè)計(jì)以保持你的設(shè)計(jì)是順應(yīng)最新趨勢(shì)下的設(shè)計(jì)。

Awwwards和Behance是最好的兩個(gè)UI設(shè)計(jì)網(wǎng)站，可以幫助你熟悉最新的設(shè)計(jì)趨勢(shì)。

5.2 避免普通的照片

許多公司網(wǎng)站試圖使用普通的照片來建立與訪客之間的信任感而臭名昭著。這樣的照片很少提供有用的信息。

可用性測(cè)試表明，普通的照片與其他的裝飾性圖案元素一樣，不會(huì)給設(shè)計(jì)上增加任何價(jià)值，而且更多的是會(huì)損害而不是改善用戶體驗(yàn)。眼球追蹤研究顯示，用戶通常會(huì)忽略普通的照片。

6.所有用戶都可以參與設(shè)計(jì)

如果用戶在使用你設(shè)計(jì)的產(chǎn)品時(shí)有困難，你就不能說你的設(shè)計(jì)是成功的。糟糕的用戶體驗(yàn)和不易訪問之間有直接的聯(lián)系。一個(gè)關(guān)于設(shè)計(jì)決策的典型例子就是在淺色背景上使用淺灰色的文字。

下面的例子取自最流行的網(wǎng)站建設(shè)平臺(tái)。即使一個(gè)視力正常的人也很難看清楚這網(wǎng)頁上的文字，更何況視力有障礙的人根本難以看清。

顏色對(duì)比度不足，字體偏小，會(huì)造成易讀性問題。

你設(shè)計(jì)的網(wǎng)站應(yīng)該滿足所有用戶群體可以訪問，包括盲人、殘疾人或老年人。一定要檢查WCAG文檔和WUHCAG清單。

7.令人難忘的設(shè)計(jì)

考慮到現(xiàn)在幾乎所有的企業(yè)都有在線業(yè)務(wù)，不管你在網(wǎng)上提供給用戶什么產(chǎn)品或服務(wù)，總會(huì)有很多其他網(wǎng)站和你的網(wǎng)站一樣，提供相同的產(chǎn)品或服務(wù)（或許甚至有相同的商業(yè)利益）。

所以，通過精心設(shè)計(jì)令人難忘的設(shè)計(jì)，將你的網(wǎng)站和競(jìng)爭(zhēng)對(duì)手的網(wǎng)站區(qū)分開來是非常重要的。

Barbara和Daniel Kahneman提出了一種心理學(xué)定律，叫做“峰終定律”，指導(dǎo)我們?nèi)绾握J(rèn)知和記憶體驗(yàn)。

顧名思義，峰終定律是說我們對(duì)體驗(yàn)的記憶是由高峰（無論好與壞）和終結(jié)時(shí)的感覺決定的，是我們的潛意識(shí)總結(jié)體驗(yàn)，然后依靠這些總結(jié)提醒自己當(dāng)時(shí)體驗(yàn)的感覺，而不是基于經(jīng)歷的每一刻體驗(yàn)的總平均值。

不管體驗(yàn)好與壞，這種產(chǎn)生這種效果，換句話說，當(dāng)我們回憶以往經(jīng)歷的時(shí)候，我們一般不會(huì)記起來完整的經(jīng)歷，而是記得起曾經(jīng)發(fā)生的關(guān)鍵事件。這就是為什么創(chuàng)建一個(gè)能在用戶記憶中停留很長時(shí)間的亮點(diǎn)設(shè)計(jì)是非常有必要的。

7.1 顏色

顏色對(duì)人們的記憶有著很大的影響，而且人們還能夠清楚地記住它。對(duì)顏色的選擇性使用可以觸發(fā)人的記憶，并且能夠成為一種讓你的品牌保持令人印象深刻的元素。

例如：當(dāng)我們想到Spotify時(shí)，我們通常會(huì)想到充滿活力的顏色。Spotify通過顏色作為同其他產(chǎn)品之間其品牌和體驗(yàn)的區(qū)分。

Spotify通過顏色創(chuàng)造了一種令人難忘的體驗(yàn):

7.2 插圖

插圖是一種功能強(qiáng)大的工具，在創(chuàng)建獨(dú)特的設(shè)計(jì)時(shí)會(huì)有幫助。從小圖標(biāo)到大的手繪英雄草圖，插圖給數(shù)字體驗(yàn)帶來了精致的工藝感。在網(wǎng)頁設(shè)計(jì)中使用插圖的最簡(jiǎn)單的方式就是根據(jù)你的信息來繪制插圖。

插圖是對(duì)文本信息很好的補(bǔ)充。（圖片來源：Evernote）

在網(wǎng)頁設(shè)計(jì)中使用品牌的吉祥物又是一個(gè)絕佳的好例子，插圖可以給用戶創(chuàng)造一個(gè)令人難忘的體驗(yàn)。吉祥物成為識(shí)別連接用戶與產(chǎn)品的因素。

《Smashing》雜志在網(wǎng)頁設(shè)計(jì)中使用了帶有趣味性的插圖，形成一種獨(dú)特的設(shè)計(jì)風(fēng)格，給任何了解這個(gè)品牌的人留下了深刻的印象。

7.3 品牌一致性

可以說一致性是品牌成功的關(guān)鍵因素。品牌的不一致性會(huì)導(dǎo)致很大的問題。

當(dāng)用戶去想一個(gè)品牌的時(shí)候，腦海中想不到有關(guān)這個(gè)品牌的任何畫面，結(jié)果，這個(gè)品牌將很快將被大家遺忘。

這就是為什么網(wǎng)站的設(shè)計(jì)應(yīng)該與你的品牌保持一致性。確保這些基本的品牌屬性如品牌色、字體、標(biāo)志和口號(hào)被一致運(yùn)用在你的網(wǎng)站上。

7.4 快速設(shè)計(jì)提示

提升你保持一致性的品牌設(shè)計(jì)能力，最好的方法是給你的網(wǎng)站建立一個(gè)風(fēng)格指南。一旦你的產(chǎn)品風(fēng)格指南制訂好，就可以運(yùn)用到你設(shè)計(jì)的每個(gè)產(chǎn)品中來。

麥當(dāng)勞的網(wǎng)站設(shè)計(jì)與它的品牌保持了一致性：

7.5 趣味性

讓你的產(chǎn)品體驗(yàn)更加有趣，所以人們才會(huì)記住它們。

Mailchimp是一個(gè)很好的例子，它是一家為客戶發(fā)送電子郵件簡(jiǎn)報(bào)和管理郵件訂閱服務(wù)的郵件營銷解決方案提供商。這家公司的技術(shù)能力已經(jīng)達(dá)到了相當(dāng)專業(yè)的技術(shù)水準(zhǔn)，但是通過幽默風(fēng)趣的方式，將這種枯燥乏味的任務(wù)型工作變成了另外一種引人入勝的體驗(yàn)。

Mailchimp使用了一個(gè)叫做Freddie von Chimpenheimer的吉祥物。Freddie經(jīng)常開玩笑，幽默風(fēng)趣是與人交流的一種有效方式。這種積極的態(tài)度往往會(huì)使人們主動(dòng)與朋友分享甚至?xí)椭阈麄髂愕漠a(chǎn)品。

Freddie，是Mailchimp的卡通吉祥物，是幽默風(fēng)趣的情感載體。

Mailchimp在用戶使用產(chǎn)品的過程中增加了微小而又愉快的驚喜，使發(fā)送電子郵件變得更加有趣味性。

8.優(yōu)先為移動(dòng)設(shè)備而設(shè)計(jì)

就在10年前，網(wǎng)頁設(shè)計(jì)意味著為電腦桌面端設(shè)計(jì)，而如今則意味著為移動(dòng)設(shè)備和桌面端設(shè)計(jì)。移動(dòng)手機(jī)和平板電腦終端的網(wǎng)絡(luò)流量越來越多，而且這個(gè)數(shù)字還在持續(xù)增長。2018年，超過50%的網(wǎng)站流量來自于移動(dòng)手機(jī)終端。

8.1 內(nèi)容和功能的優(yōu)先級(jí)

為移動(dòng)設(shè)備優(yōu)化網(wǎng)頁設(shè)計(jì)不只是需要你做出響應(yīng)式的設(shè)計(jì)。它還需要你考慮到內(nèi)容和功能的優(yōu)先級(jí)。考慮到設(shè)備的平臺(tái)限制，你要清楚你的設(shè)計(jì)目標(biāo)，只展示你的用戶在這種設(shè)備上需要看的內(nèi)容。

專注于改善你的核心目標(biāo)的體驗(yàn)。了解你的應(yīng)用程序的核心目的是什么，分析你的產(chǎn)品哪些功能是最常用的功能，然后盡自己最大的努力讓這種體驗(yàn)更加直觀。

8.2 衡量成功

在我們定義了網(wǎng)站成功的原因之后，是時(shí)候該理解如何衡量成功了。衡量一個(gè)網(wǎng)站的成功需要深入的數(shù)據(jù)分析。

作為衡量使用數(shù)據(jù)過程的第一步，定義正確的度量指標(biāo)至關(guān)重要。度量指標(biāo)可衡量你的設(shè)計(jì)決策是否有效。有兩組度量標(biāo)準(zhǔn)，分別是營銷度量和用戶體驗(yàn)度量。兩組指標(biāo)是網(wǎng)站成功必不可少的兩大因素。

8.2.1 營銷度量

8.2.1.1 信息采集

信息采集包括關(guān)于站點(diǎn)訪問者的信息，有多少人訪問你的網(wǎng)站，以及它們是如何找到的。采集指標(biāo)包括：

• 總訪問數(shù)

這是你可以跟蹤研究的最基本的采集指標(biāo)。它為您聽過了關(guān)于網(wǎng)站運(yùn)營情況的良好基線，但是如果沒有其他的指標(biāo)，它不會(huì)告訴你太多信息。

例如，持續(xù)增長的訪客并不一定意味著網(wǎng)站的成功，因?yàn)檫@些訪客也許與你的業(yè)務(wù)目標(biāo)不相關(guān)，不是你的網(wǎng)站目標(biāo)用戶，不會(huì)在你的網(wǎng)站上購物消費(fèi)。

• 渠道

除了知道您的最高水平的流量數(shù)據(jù)（總訪問量）外，你還應(yīng)該知道你的流量來自什么渠道。

如果你使用谷歌分析，它會(huì)把獲得的網(wǎng)站流量分成幾個(gè)大類，比如直接、有機(jī)搜索、推薦、社交。這些分組可以讓你立即劃分你的網(wǎng)站的流量來源，并確定每種流量來源渠道用戶的行為模式。

• 入口點(diǎn)

入口向你展示了人們是從哪個(gè)頁面開始訪問你的網(wǎng)站。你可能會(huì)認(rèn)為應(yīng)該是網(wǎng)站首頁，但實(shí)際上這種情況很少出現(xiàn)，尤其是推薦和社交這兩個(gè)渠道。

如果你訪問谷歌分析的行為部分，你講可以看到流量來源最好的頁面。知道哪些頁面帶來了最多的流量是非常重要的，因?yàn)樗峁┝岁P(guān)于哪些內(nèi)容更吸引用戶的可靠信息。

8.2.1.2 參與度

參與度測(cè)試的是訪客停留在你的網(wǎng)站上的時(shí)間，以及他們?cè)L問的頁面數(shù)量。參與度指標(biāo)有助于UX團(tuán)隊(duì)了解訪客對(duì)網(wǎng)站的關(guān)注程度。

參與度指標(biāo)包括：

• 訪客花費(fèi)在你網(wǎng)站上的時(shí)間

訪客在網(wǎng)站上花費(fèi)的時(shí)間經(jīng)常被看作是參與度。一般而言，用戶花在網(wǎng)站上的時(shí)間越多，那么網(wǎng)站對(duì)他們來說就越有價(jià)值。然而，這個(gè)規(guī)則可能有個(gè)例外。

例如，用戶很有可能花更多的時(shí)間在網(wǎng)站上，是因?yàn)榫W(wǎng)站非常難用到只他們難以完成一些特定的任務(wù)（比如，找到他們需要的信息）。

• 訪客在使用網(wǎng)站期間訪問的頁面總數(shù)

一般來說，人們?cè)L問的網(wǎng)頁越多越好。然而，這也可能是訪客訪客不滿的表現(xiàn)。如果去網(wǎng)站尋找他們想要的內(nèi)容需要訪問幾十個(gè)頁面才能找到，那么這樣一定會(huì)導(dǎo)致訪客的極大不滿，用戶體驗(yàn)差。

• 跳出率

跳出率（報(bào)告為百分比）可以告訴你有多少人在離開你的網(wǎng)站前只訪問了一個(gè)頁面。當(dāng)然，你希望這個(gè)比率越低越好。有一些其他因素可能導(dǎo)致高跳出率。跳出率高說明你的網(wǎng)站存在缺乏相關(guān)內(nèi)容護(hù)著可用性問題。

但是當(dāng)然，這個(gè)規(guī)則也有例外。例如，訪客訪問你的網(wǎng)站僅僅是為了查找你公司的聯(lián)系信息。一旦他們找到你的電話號(hào)碼或地址，就沒有必要再訪問其他頁面了。

小貼士：

• 列出訪客訪問量最多的10個(gè)頁面。用戶花費(fèi)時(shí)間最多的頁面可以幫助你檢驗(yàn)?zāi)愕脑O(shè)計(jì)目標(biāo)和用戶的目標(biāo)是否一致。
• 跟蹤訪客退出頁面。我們不僅要研究用戶如何訪問網(wǎng)站，還要研究用戶如何離開網(wǎng)站。

這個(gè)指標(biāo)和跳出率不通，因?yàn)樗櫻芯康氖窃L問了多個(gè)頁面的訪客（跳出率研究的是單頁面的訪客跳出頁面的數(shù)據(jù)指標(biāo)）。如果一個(gè)特定的網(wǎng)頁有很高的推出率，這可能說明網(wǎng)站存在一些問題。

8.2.1.3 用戶留存

網(wǎng)站的訪客分為兩種類型：首次訪問網(wǎng)站的新訪客和二次回訪網(wǎng)站的回訪訪客。

回訪率是指在特定的時(shí)間范圍內(nèi)持續(xù)訪問你的網(wǎng)站的訪客百分比。當(dāng)一個(gè)團(tuán)隊(duì)衡量回訪率時(shí)，會(huì)很容易區(qū)分開新用戶和老用戶，因此，可以看到用戶基數(shù)的增長穩(wěn)定有多快。

回訪率可以從訪問網(wǎng)站的新訪客比例中提取出來。通過比較新訪問者和回訪訪客之間的百分比，你可以通過數(shù)據(jù)分析結(jié)果檢驗(yàn)?zāi)愕木W(wǎng)站是否吸引了新的訪問者，以及是否為訪客提供了足夠多的價(jià)值信息使人們可以持續(xù)訪問你的網(wǎng)站。

8.2.1.4 轉(zhuǎn)化

無論訪客是否在你的網(wǎng)站上購買一件商品或者注冊(cè)一個(gè)時(shí)事通訊軟件，大多數(shù)網(wǎng)站都有一個(gè)共同的業(yè)務(wù)目標(biāo)，那就是希望訪客可以帶來商業(yè)轉(zhuǎn)化（采取行動(dòng)）。

這就是為什么每一個(gè)人都那么關(guān)注網(wǎng)站轉(zhuǎn)化率的緣故。旨在提高能帶來轉(zhuǎn)化的用戶基數(shù)（例如，在訪客進(jìn)入你的網(wǎng)站后可以購買一些東西）。顯然，轉(zhuǎn)化率越高，說明你的網(wǎng)站做的就越好。

轉(zhuǎn)化率可以告訴你很多關(guān)于你的網(wǎng)站流量的質(zhì)量情況。例如，盡管你的網(wǎng)站有許多獨(dú)立訪問量，但是轉(zhuǎn)化率還是很低，這足以說明這部分訪客并不是你的核心目標(biāo)用戶，并不能給你帶來實(shí)質(zhì)的商業(yè)轉(zhuǎn)化。

下面是一些衡量轉(zhuǎn)化率的技巧：

• 最好選擇容易衡量的指標(biāo)。例如，可以像聯(lián)系表單提交一樣簡(jiǎn)單。聯(lián)系表單提交可以成為你的網(wǎng)站成功的重要標(biāo)志。如果用戶快速查詢，那么這是他們已經(jīng)參與你的網(wǎng)站的一個(gè)重要指示。
• 對(duì)于較大的網(wǎng)站而言，最好要提出多一些不同的網(wǎng)站轉(zhuǎn)化目標(biāo)。例如，電商平臺(tái)可能會(huì)有三個(gè)轉(zhuǎn)化目標(biāo)，分別是產(chǎn)品的購買、電子郵件列表的訂閱用戶和社交媒體分享。

8.2.1.5 海盜指標(biāo)（AARRR框架）

正如你所看到，有許多指標(biāo)可以被使用。但是你知道要去實(shí)現(xiàn)和跟增研究哪些指標(biāo)呢？

為了嘗試使選擇正確指標(biāo)變得更加容易一些，Dave McClure創(chuàng)建了一個(gè)名為AARRR的框架。這個(gè)框架將客戶生命周期作為基礎(chǔ)（指的是訪客從初次訪問變?yōu)榛卦L訪客），隨著時(shí)間的推移，通過轉(zhuǎn)換漏斗來跟蹤用戶。生命周期包括5個(gè)步驟：

• 獲取

用戶從不同的渠道訪問網(wǎng)站。

• 活躍

用戶享受他們的第一次的訪問（一次愉快的用戶體驗(yàn)）。

• 留存

用戶多次訪問該網(wǎng)站。

• 推薦

用戶喜歡你的產(chǎn)品更樂意推薦給其他人。

• 收益

用戶進(jìn)行某種貨幣化行為方式。

海盜指標(biāo)可以幫助你確定應(yīng)該重點(diǎn)優(yōu)化哪些營銷渠道。

8.2.2 用戶體驗(yàn)度量

營銷指標(biāo)定義了基于轉(zhuǎn)化的產(chǎn)品的成功，但是用戶體驗(yàn)度量關(guān)注的是用戶與產(chǎn)品交互的質(zhì)量。關(guān)注業(yè)務(wù)目標(biāo)不一定能帶來更好的用戶體驗(yàn)。UX度量可以通過關(guān)注用戶體驗(yàn)關(guān)鍵的幾方面因素補(bǔ)充營銷指標(biāo)。

8.2.2.1 用戶體驗(yàn)質(zhì)量（HEART框架，是產(chǎn)品體驗(yàn)評(píng)價(jià)指標(biāo)模型）

在度量用戶體驗(yàn)時(shí)，總是難以定義特定的指標(biāo)。當(dāng)然，有一些高層次UX指標(biāo)與用戶體驗(yàn)的成功有關(guān)，比如產(chǎn)品的可用性、用戶參與度以及轉(zhuǎn)化。但是，也許很難定義一個(gè)與特定產(chǎn)品相關(guān)的度量指標(biāo)。

為了簡(jiǎn)化這項(xiàng)任務(wù)，谷歌團(tuán)隊(duì)創(chuàng)建了一個(gè)叫做HEART的框架。

這個(gè)框架旨在幫助設(shè)計(jì)師關(guān)注他們創(chuàng)造的產(chǎn)品以及產(chǎn)品的用戶體驗(yàn)。HEART使用了一些我們?cè)跔I銷部分提到的度量指標(biāo)，但是這個(gè)產(chǎn)品體驗(yàn)評(píng)價(jià)指標(biāo)模型是從不同的角度來看的。

• 幸福感

度量用戶體驗(yàn)指標(biāo)：滿意度、感知易用性、網(wǎng)絡(luò)推廣評(píng)分。這個(gè)指標(biāo)可以通過調(diào)研來收集數(shù)據(jù)。

• 參與度

用戶參與的程度。參與度通常指的是用戶在一段時(shí)間內(nèi)與產(chǎn)品交互的深度。例如，每月每個(gè)用戶訪問的次數(shù)。

• 接受度

用戶的接受度是指用戶對(duì)產(chǎn)品或產(chǎn)品的某一個(gè)功能的接受情況，或者是新用戶接受新產(chǎn)品或新功能的情況。例如，上周使用產(chǎn)品新功能特性的用戶數(shù)量。

• 用戶留存率

指的是用戶在某一段時(shí)間內(nèi)開始使用產(chǎn)品，經(jīng)過一段時(shí)間后，仍然繼續(xù)使用該產(chǎn)品的用戶，稱之為留存用戶，這部分用戶占當(dāng)時(shí)新增用戶的比例即是留存率。

例如，對(duì)于web服務(wù)，用戶留存可能是從過去到現(xiàn)在一直存在的活躍用戶數(shù)量。對(duì)于電商網(wǎng)站來說，這可能是用戶重復(fù)購買商品的數(shù)量。

• 任務(wù)完成度

這一類別最適合以任務(wù)為中心的產(chǎn)品領(lǐng)域。它包括諸如效率（例如，完成任務(wù)的時(shí)間）、有效性（完成任務(wù)的百分比）以及出錯(cuò)率等行為指標(biāo)。例如，對(duì)電子商務(wù)網(wǎng)站而言，這可能是搜索結(jié)果成功的次數(shù)。

HEART框架十分靈活。它可以應(yīng)用于具體的產(chǎn)品功能特性或整個(gè)產(chǎn)品。

需要指出的是，你不需要收集HEART框架模型中所有的分類指標(biāo)。你只需要為你的項(xiàng)目選擇最重要的指標(biāo)就好?？梢酝ㄟ^Goals (目標(biāo))——Signals（信號(hào)）——Metrics(指標(biāo))的分析過程或許可以幫助你快速制定數(shù)據(jù)指標(biāo)。

8.2.2.2 Goals- Signals- Metrics流程

Goals- Signals- Metrics流程可以幫助你識(shí)別真正要用的有意義的指標(biāo)。

谷歌的HEART模型和Goals- Signals- Metrics流程：

選擇你既可以實(shí)現(xiàn)又能夠容易跟蹤的指標(biāo)，首先要為這惡搞指標(biāo)設(shè)定好一個(gè)目標(biāo)。要設(shè)定這個(gè)目標(biāo)，你需要知道是什么決定你的網(wǎng)站（產(chǎn)品）的成功。這就是為什么HEART框架發(fā)揮作用的地方。

例如：如果你建立了一個(gè)新聞網(wǎng)站，你也許會(huì)在參與度類別中設(shè)置一個(gè)目標(biāo)目的是讓用戶喜歡他們閱讀的文章，并讓他們?yōu)g覽已發(fā)現(xiàn)更多不同類別的文章。

下面有兩條小貼士可以幫助你定義更好的目標(biāo)：

• 不要用你現(xiàn)在的標(biāo)準(zhǔn)來定義你的目標(biāo)。有時(shí)團(tuán)隊(duì)會(huì)根據(jù)自己所了解到的信息來確定目標(biāo)，這是非常容易犯的一個(gè)錯(cuò)誤。因此，他們?cè)O(shè)定的目標(biāo)可能會(huì)像這樣“我們需要提升網(wǎng)站流量”。是的，每個(gè)人都希望自己的網(wǎng)站有更多的訪客，但是這么多的訪客會(huì)按照你所期望的那樣朝向你的目標(biāo)前進(jìn)嗎？不一定。
• 團(tuán)隊(duì)可以和利益相關(guān)者一起來確定目標(biāo)。你可能沒想到你的團(tuán)隊(duì)里其他的成員對(duì)項(xiàng)目目標(biāo)會(huì)有不同的想法。在設(shè)計(jì)之前先確定目標(biāo)，為你和你的團(tuán)隊(duì)成員達(dá)成一致的意見。確保你團(tuán)隊(duì)中的每一位成員都能充分理解你提出的設(shè)計(jì)解決方案。

在確定設(shè)計(jì)目標(biāo)之后，你需要考慮用戶圍繞這些目標(biāo)會(huì)做出怎樣的操作行為。這些操作行為就是信號(hào)。

對(duì)于一些特定的目標(biāo)，通常還有許多可能有用的信號(hào)。一旦你發(fā)現(xiàn)了這些信號(hào)，你可能需要做一些相關(guān)的研究或分析來選擇出最有價(jià)值的信號(hào)。

如果我再回過頭來看一下我們之前說的新聞網(wǎng)站這個(gè)例子，那么用戶在該網(wǎng)站上閱讀文章的數(shù)量就是它的參與度信號(hào)。

以下是一些小貼士：

• 考慮一下跟蹤每一個(gè)信號(hào)的難易程度。最好關(guān)注可以自動(dòng)監(jiān)視的信號(hào)（例如，你的產(chǎn)品可以記錄相關(guān)信息，以便你可以用這些信息為基礎(chǔ)進(jìn)行更加深入的分析）。
• 盡可能選擇用戶對(duì)你的設(shè)計(jì)反應(yīng)明顯的信號(hào)。這樣你就可以通過數(shù)據(jù)分析，知曉設(shè)計(jì)的更改對(duì)你的用戶來說是否有利。
• 不要忽視消極信號(hào)。識(shí)別出可能出現(xiàn)錯(cuò)誤的信號(hào)（例如，在特定交互過程中錯(cuò)誤的數(shù)量），可以幫助你挖掘出用戶在使用你的產(chǎn)品過程中遇到的痛點(diǎn)。

一旦你選好了信號(hào)，你可以將它們提煉成你能一直跟蹤的數(shù)據(jù)。在我們的新聞網(wǎng)站參與度的示例中，我們可以把“用戶花多長時(shí)間閱讀新聞”細(xì)化為“每個(gè)用戶每天閱讀新聞的平均時(shí)間”。

• 優(yōu)先考慮指標(biāo)

關(guān)注與你最重要目標(biāo)相關(guān)的指標(biāo)。

• 不要為了增加指標(biāo)而增加指標(biāo)

避免在指標(biāo)列表中添加“有趣的數(shù)據(jù)”。要經(jīng)常問自己，你是否真的需要用這些數(shù)據(jù)來幫助你做出決定。

• 你跟蹤的數(shù)據(jù)指標(biāo)應(yīng)該要與設(shè)計(jì)決策有關(guān)

當(dāng)你看到數(shù)據(jù)發(fā)生變化時(shí)，你應(yīng)該非常清楚地知道是什么原因?qū)е碌倪@種變化。

三、什么會(huì)影響成功？

1.遵循TETO原則

如何確保網(wǎng)站滿足了用戶的期望了呢？你不能只是假設(shè)網(wǎng)站滿足了用戶的期望，你需要找目標(biāo)用戶來試用你的網(wǎng)站，觀察用戶如何使用你的產(chǎn)品，以測(cè)試你的網(wǎng)站設(shè)計(jì)。

測(cè)試不僅能發(fā)現(xiàn)更多的你的網(wǎng)站可用性問題，還能直觀反應(yīng)出用戶對(duì)網(wǎng)站的情感反應(yīng)。這就是為什么TETO原則（盡早測(cè)試，經(jīng)常測(cè)試）應(yīng)該在每一個(gè)網(wǎng)頁設(shè)計(jì)項(xiàng)目中得到應(yīng)用。

1.1 不要期望第一次就設(shè)計(jì)出完美的產(chǎn)品

產(chǎn)品設(shè)計(jì)對(duì)于你和用戶來說都是一個(gè)處于不斷進(jìn)行的過程。這意味著你需要做一些設(shè)計(jì)，不斷地去測(cè)試它，優(yōu)化并重新設(shè)計(jì)它，然后繼續(xù)測(cè)試，周而復(fù)始。

1.2 使用對(duì)比測(cè)試為用戶找到最好的解決方案

如果針對(duì)某個(gè)問題有多種解決方案，但是不確定那種解決方案對(duì)你的產(chǎn)品是最有合適的，你可以使用A/B測(cè)試法來驗(yàn)證。比較用戶在不同場(chǎng)景下的操作情況，看看那種設(shè)計(jì)最有效。

1.3 收集定性反饋

我們?cè)谇皫坠?jié)中討論過的所有可測(cè)量的數(shù)據(jù)都可以告訴你很多關(guān)于“多少”的問題。但是，這些數(shù)據(jù)不會(huì)告訴你人們?yōu)槭裁匆赃@種方式和產(chǎn)品互動(dòng)。

面對(duì)易讀性問題，填寫表格時(shí)的猶豫不決，因?yàn)榫W(wǎng)站導(dǎo)航很難處理而使用搜索，所有這些細(xì)節(jié)類型對(duì)于了解用戶體驗(yàn)都是至關(guān)重要的。他們可能是用戶放棄操作，離開網(wǎng)站的原因。通過觀察和訪談?dòng)脩魜碚业絾栴}的原因是可能的。

用戶訪談（插圖來自lgor Kopelnitsky）:

2.數(shù)據(jù)信息，不是數(shù)據(jù)驅(qū)動(dòng)設(shè)計(jì)

當(dāng)產(chǎn)品團(tuán)隊(duì)收集數(shù)據(jù)時(shí)，它們通常遵循數(shù)據(jù)驅(qū)動(dòng)設(shè)計(jì)過程或由數(shù)據(jù)驗(yàn)證設(shè)計(jì)。顯然后者更可取。設(shè)計(jì)不應(yīng)該是由數(shù)據(jù)驅(qū)動(dòng)，而是通過來驗(yàn)證設(shè)計(jì)的可行性和最佳的設(shè)計(jì)方案。

3.不要過度依賴數(shù)據(jù)

許多指標(biāo)被簡(jiǎn)單地報(bào)告僅僅是因?yàn)樗鼈儊碜杂诜治龉ぞ?。雖然，你想做出很多不一樣的報(bào)告內(nèi)容，并且希望你的報(bào)告內(nèi)容更有價(jià)值，但是實(shí)際上，這通常會(huì)導(dǎo)致你的報(bào)告更加復(fù)雜，難以閱讀。

4.不要落入完全重新設(shè)計(jì)的陷阱

設(shè)計(jì)團(tuán)隊(duì)常常認(rèn)為徹底返工重新設(shè)計(jì)的方案會(huì)帶來更成功的網(wǎng)頁體驗(yàn)。

Jared Spool稱主要產(chǎn)品的重新設(shè)計(jì)是一種切換開關(guān)似的策略，實(shí)際上對(duì)設(shè)計(jì)上進(jìn)行重大修改是一種最無效的設(shè)計(jì)方式。

在Jared Spool的這篇名為《The Quiet Death of the Major Re-Launch》的文章中，他分享了一個(gè)關(guān)于eBay重新設(shè)計(jì)的故事。他在書中很好地向讀者解釋了為什么用戶不喜歡產(chǎn)品設(shè)計(jì)發(fā)生巨大變化的原因。

一個(gè)徹頭徹尾重新設(shè)計(jì)帶來的是全新的視覺和交互設(shè)計(jì)，這對(duì)已經(jīng)具有一定網(wǎng)站使用習(xí)慣的用戶來說，帶來的可能是網(wǎng)站太多的變化。用戶需要重新花費(fèi)時(shí)間去適應(yīng)去學(xué)習(xí)你的網(wǎng)站，網(wǎng)站的重新設(shè)計(jì)對(duì)網(wǎng)站的老用戶來說，是一個(gè)非常不利的影響。

如果你有一個(gè)正在運(yùn)營的網(wǎng)站，與其投入大量的時(shí)間和精力重新設(shè)計(jì)，不如關(guān)注一些細(xì)節(jié)的優(yōu)化，做一些微小的、增量的變化，隨著時(shí)間的推移，這些微小的變化可以提高網(wǎng)站的轉(zhuǎn)化率，而訪客甚至不會(huì)注意到網(wǎng)站已經(jīng)發(fā)生了變化。

四、結(jié)論

綜上所述，你怎么知道你的網(wǎng)站設(shè)計(jì)是成功的呢？作為一名產(chǎn)品創(chuàng)造者，你必須首先要明確知道成功對(duì)你意味著什么。因此，對(duì)你想要實(shí)現(xiàn)的目標(biāo)有一個(gè)全局視野十分重要。

其次，關(guān)注指標(biāo)。度量指標(biāo)將向你展示網(wǎng)站是如何隨著時(shí)間變化的，了解網(wǎng)站的運(yùn)營情況。這些數(shù)據(jù)指標(biāo)可以告訴你網(wǎng)站存在什么問題，通過數(shù)據(jù)指標(biāo)分析，幫助你分析產(chǎn)生這些問題的原因。

原文作者：Nick Bobich

原文地址：https://www.smashingmagazine.com/2018/05/how-do-you-know-website-success/#

本文由 @沉一 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議