想象一下網(wǎng)站需要設(shè)計(jì)一個(gè)定價(jià)頁面，該頁面適用于具有四種不同定價(jià)計(jì)劃的產(chǎn)品。所有計(jì)劃都是為不同的受眾設(shè)計(jì)的，功能各不相同，包括一些自定義選項(xiàng)，并且有多種貨幣可供選擇。對(duì)于這樣的表，我們可能應(yīng)該考慮使用適當(dāng)?shù)挠?jì)劃名稱和描述來處理特定的組。我們還應(yīng)該允許用戶突出計(jì)劃之間的差異，并可能提供一個(gè)成熟的功能比較矩陣。今天和大家分享下定價(jià)網(wǎng)頁設(shè)計(jì)如何做到更好。

現(xiàn)在，這聽起來不像是一項(xiàng)特別具有挑戰(zhàn)性的任務(wù)，畢竟我們已經(jīng)在我們的優(yōu)秀功能比較表中看到了一些非常相似的東西。事實(shí)上，那里討論的許多設(shè)計(jì)模式也非常適用于定價(jià)計(jì)劃，所以請(qǐng)先看看那里，然后再回來。當(dāng)然并不是每個(gè)定價(jià)計(jì)劃都像復(fù)雜的 4K 電視或數(shù)碼相機(jī)的比較那樣復(fù)雜，但定價(jià)計(jì)劃通常有很多自己的細(xì)微之處和警告——隱藏在工具提示、選項(xiàng)卡、可滾動(dòng)窗格和相當(dāng)大的手風(fēng)琴之間的某個(gè)地方。有很多信息需要展示，我們需要很好地展示它，推動(dòng)用戶選擇最適合他們的選項(xiàng)，無論是在桌面還是移動(dòng)設(shè)備上。


當(dāng)客戶登陸定價(jià)頁面時(shí)，我們可以假設(shè)他們正在尋找最適合他們需求的產(chǎn)品定價(jià)。他們可能只是在探索我們提供的產(chǎn)品，或者他們可能正在將我們的產(chǎn)品與競(jìng)爭(zhēng)對(duì)手的產(chǎn)品進(jìn)行比較。無論哪種方式，我們都需要為他們提供打包整齊的功能包和這些功能的有競(jìng)爭(zhēng)力的價(jià)格標(biāo)簽。然而對(duì)于一個(gè)給定的產(chǎn)品，實(shí)際上可能有成百上千的特性。通過逐個(gè)探索每個(gè)功能來比較定價(jià)計(jì)劃可能是一次冒險(xiǎn)，耗時(shí)且繁瑣，而且通常不是特別令人興奮。

1、可用性研究表明，用戶在瀏覽功能比較表時(shí)經(jīng)常依賴割草機(jī)模式。這意味著它們從左上角的單元格開始，向右移動(dòng)直到行尾，然后下降到下一行的最后一個(gè)單元格并返回到左側(cè)直到行尾。然而他們時(shí)不時(shí)地隨機(jī)跳入其中一個(gè)屬性，并固執(zhí)而熱情地詳細(xì)研究它。然而，在這樣做的同時(shí)，經(jīng)常會(huì)跳回表格的標(biāo)題，以驗(yàn)證他們?nèi)栽谔剿髡_的計(jì)劃。


2、特別是在復(fù)雜的定價(jià)頁面中出現(xiàn)的一個(gè)典型問題是失去方向性。一旦用戶處于定價(jià)計(jì)劃的中間，他們通常會(huì)返回該列的標(biāo)題以驗(yàn)證他們正在探索正確的計(jì)劃并查看計(jì)劃的價(jià)格。但是如果標(biāo)題不可見，用戶往往會(huì)反復(fù)上下滾動(dòng)頁面，在比較時(shí)經(jīng)常會(huì)失去焦點(diǎn)。這在移動(dòng)設(shè)備上尤其令人沮喪，因?yàn)閷傩院陀?jì)劃通常都看不到，這使得在表格中進(jìn)行任何比較都非常具有挑戰(zhàn)性和疲勞性。

3、如果您需要找到免費(fèi)計(jì)劃或企業(yè)計(jì)劃，您希望它位于定價(jià)頁面的哪個(gè)位置？實(shí)際上，免費(fèi)計(jì)劃可能位于左側(cè)，而企業(yè)計(jì)劃可能位于單獨(dú)的選項(xiàng)卡中或右側(cè)。事實(shí)上，在從左到右的界面中，我們直觀地假設(shè)存在一種從簡(jiǎn)單的基本計(jì)劃到從左到右的昂貴企業(yè)計(jì)劃的進(jìn)展。當(dāng)然“標(biāo)準(zhǔn)”和“最受歡迎”的計(jì)劃預(yù)計(jì)會(huì)在中心的某個(gè)地方。對(duì)于垂直排列的可定制功能和附加組件，默認(rèn)選擇或推薦功能預(yù)計(jì)會(huì)首先出現(xiàn)，接下來會(huì)列出更多功能，從最低到更貴。

4、我們可能會(huì)假設(shè)客戶通常知道哪些功能與他們相關(guān)，事實(shí)上，在許多情況下都會(huì)如此。但是當(dāng)涉及到復(fù)雜的產(chǎn)品時(shí)，所有的賭注都沒有了。有些功能聽起來很熟悉或很重要，但它們的描述可能有點(diǎn)神秘。其他功能目前可能無關(guān)緊要，但在不久的將來會(huì)對(duì)某些任務(wù)有所幫助。事實(shí)證明，“相關(guān)性”可能是一個(gè)非常移動(dòng)的目標(biāo)：雖然一些特征預(yù)先知道很重要，而另一些則絕對(duì)不重要，但有些可能是相關(guān)的，但需要首先發(fā)現(xiàn)它們。我們面前有數(shù)百個(gè)特征，如果不先瀏覽整個(gè)列表，我們可能很難找到這些可能相關(guān)的特征。這就是為什么非常需要對(duì)所有計(jì)劃的所有功能進(jìn)行詳細(xì)比較視圖的原因：至少要了解特定計(jì)劃的確切含義。一些用戶將其視為最終參考，用于闡明計(jì)劃中的所有細(xì)節(jié)。雖然它確實(shí)很有價(jià)值，但乍一看，它也是勢(shì)不可擋的，往往需要幾分鐘的不知疲倦的互動(dòng)，沿途有成千上萬的目光注視。從一行到另一行很累，但許多用戶認(rèn)為這是該過程的必要部分。（正如我們稍后將看到的，頁面上必須提供功能比較，但它不必是定價(jià)頁面設(shè)計(jì)的前端和中心）。

5、在可用性測(cè)試中，可以觀察到用戶在比較定價(jià)計(jì)劃時(shí)執(zhí)行的至少兩次比較掃描。對(duì)于第一次掃描，我們嘗試評(píng)估整個(gè)功能的范圍并了解可用選項(xiàng)之間的差異。完成后，我們會(huì)嘗試制定一個(gè)似乎最適合我們的角色或范圍的計(jì)劃。那里沒有什么大驚喜。但最終我們?cè)俅位氐焦δ鼙容^表的頂部，專注于我們之前預(yù)先選擇的那個(gè)計(jì)劃，并在第二次更集中的比較掃描中逐行探索它。對(duì)于鼠標(biāo)用戶，有時(shí)您甚至可以看到用戶的鼠標(biāo)指針在代表該計(jì)劃的列中雄辯地移動(dòng)，從上到下，并在那里徘徊一段時(shí)間。雖然第一次掃描可以讓我們找到一個(gè)合理的計(jì)劃，但第二次掃描可以幫助我們驗(yàn)證該計(jì)劃確實(shí)適合所有主要功能 - 并且確保我們到目前為止沒有錯(cuò)過任何重要的內(nèi)容。