關于前端頁面,產品經理該如何理解/如何設計

3 評論 11560 瀏覽 97 收藏 7 分鐘

前端頁面,既包括營銷類頁面,也包括功能類頁面。我們要針對不同頁面的特點以及用戶心理,準確地理解前端頁面設計的要素與重點。

在福格行為模型中, 福格認為要使人行動起來,三個要素必不可少:

  1. 充分的動機;
  2. 完成這一行為的能力;
  3. 促使人們付諸行動的觸發。

這三要素缺一不可,否則用戶無法跨過行動線的門檻。

通常我們定義前端頁面的作用在于:讓用戶通過自主的行為,滿足其心理預期。要想讓用戶行動起來,需要有相應地對客前臺頁面去承載。基于此,我們可以把前臺頁面劃分為營銷類頁面、功能類頁面兩大類。

營銷類頁面通常用于觸發、喚起用戶動機,給用戶開展行動創造理由,讓在用戶匆匆一瞥中觸發用戶進一步的行為;而用戶進入功能類頁面時,或多或少都有一定的動機,因此功能類頁面在設計時需要降低動作門檻、減少障礙,讓用戶盡可能地完成動作。

一、營銷類頁面

營銷類頁面常見于各類電商平臺,常見的落地頁、廣告頁、新人引導頁都可以歸為此類;營銷類頁面通常是運營方基于明確的KPI而提出的需求,具備短時間、周期性、UI變化快的特征。

產品經理在設計營銷類頁面時,需要在首屏完成傳遞價值、稀缺感、便宜感、專業感、高貴感的功能。

此處對營銷文案的要求極高:好的文案,可以提高用戶參與度;平庸的文案,則會有較高的流失率。

當然高參與度的活動頁面不是一蹴而就的,產品經理在設計頁面時,可以考慮文案的可配置化或者活動圖片的配置化。復雜一些的可以考慮使用AB測試,在不斷的測試中,提升參與度。

除去活動本身的界面外,產品經理需要考慮活動模型擴展性,以及頁面關鍵信息打點。便于后期模型復用、功能快速上線以及活動效果復盤。

周期性開展的營銷頁面,還需要考慮數據可視化;在研發資源有限的情況下,可以使用Tableau,PowerBI之類的工具。

單純堆功能、沒有多樣化測試、沒有復盤的營銷活動,會讓研發疲于應付,運營側也會失去策劃活動的動力。

以下是常見的營銷類頁面:

營銷類頁面

二、功能類頁面

提交訂單頁、表單信息填寫頁、發表點評頁、訂單詳情頁面,該類頁面是典型的功能類頁面,通常承接在營銷類頁面之后,對頁面漏斗轉化率指標敏感。

當然,在基礎訴求滿足后,可以考慮擴展性的推薦、廣告、拉新之類的內容。

該類頁面設計重點在于:

  • 對用戶操作流程的合理把控;
  • 對信息的分類以及再組織能力,力求在極致簡單之中,觸及用戶心理點位。

其中對于頁面流程的把控尤其重要,我們通常說:沒有產品是丑死的,大多是難用死的。難用的重點體現在頁面流轉以及操作流程。

在產品設計時,一定要考慮功能的核心流程,模擬完善的用戶路徑。在各方糾結于UI設計美丑的時候,產品經理一定需要知道,大多功能的流程設計之差,還輪不到拼UI界面的地步。

另外,以上強調的前臺用戶流程,有時候也會依賴關聯系統的流程設計。尤其涉及到后臺系統時,后臺系統保證的系統的穩定性、可擴展性、操作便利性。若因這些因素而影響了前臺合理的流程設計,除了可以要求關聯系統優化外,也可以考慮前臺頁面服務端包裝數據,以保證前臺流程合理性。

再說信息分類與組織。如同原研哉所述:理想的設計,它的對象不是物品,而是人與人之間的關系。

在設計此類需要用戶有意識參與的功能時,需要對用戶場景、用戶畫像有深入的了解。這類頁面通常樣式以及信息模塊比較固定,關鍵元素布局上需要迎合全網用戶的操作習慣,設計原則可以參考Giles Colborne所著《簡約至上》——刪除、組織、隱藏、轉移四策略可以讓用戶更好地理解頁面。

以下是常見的功能類頁面:

功能類頁面

三、結語

實際應用中,有些頁面無法簡單歸類。例如頭條的信息流頁面,該頁面是推薦內容的聚合,推薦算法優于頁面信息組織。

用戶從首頁列表就能被吸引,打開文章or短視頻即獲得了瞬時的滿足感,反饋周期極短,容易快速成癮;電商通用的產品詳情頁,更像是營銷頁以及功能頁的結合,通常頁面會有領券、拼團、滿減之類的引導元素,也有產品詳情之類的基礎信息表達。

當然,也并不是說用戶的行動一定需要經過營銷類頁面,如果用戶訴求足夠強烈,用戶會直接進入功能類頁面。例如微信,主界面中就沒有營銷類頁面,取而代之的都是功能類頁面。

 

作者:sona.xu,微信:xzm_1991

本文由 @sona.xu 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 可否解釋一下“活動模型擴展性,以及頁面關鍵信息打點”具體是什么

    來自上海 回復
    1. 模型:把活動抽象為滿足一定條件的用戶——完成任務——獲取獎勵三個步驟,其中用戶可以是全體的或篩選的,任務可以是有條件的或無條件的,獎勵可以是固定的或組合的。以上按照實際訴求階段性規劃,拓寬適用場景,逐漸演變為一種通用活動模型。
      打點:由核心結果型數據指標進行逆向推到、拆分,分析出可能使用的過程型數據,例如頁面元素點擊,停留時間,流量來源,使用機型,PV,UV之類的數據

      來自江蘇 回復
  2. 淺于表層,不夠深入

    來自廣東 回復