關于前端頁面,產品經理該如何理解/如何設計
前端頁面,既包括營銷類頁面,也包括功能類頁面。我們要針對不同頁面的特點以及用戶心理,準確地理解前端頁面設計的要素與重點。
在福格行為模型中, 福格認為要使人行動起來,三個要素必不可少:
- 充分的動機;
- 完成這一行為的能力;
- 促使人們付諸行動的觸發。
這三要素缺一不可,否則用戶無法跨過行動線的門檻。
通常我們定義前端頁面的作用在于:讓用戶通過自主的行為,滿足其心理預期。要想讓用戶行動起來,需要有相應地對客前臺頁面去承載。基于此,我們可以把前臺頁面劃分為營銷類頁面、功能類頁面兩大類。
營銷類頁面通常用于觸發、喚起用戶動機,給用戶開展行動創造理由,讓在用戶匆匆一瞥中觸發用戶進一步的行為;而用戶進入功能類頁面時,或多或少都有一定的動機,因此功能類頁面在設計時需要降低動作門檻、減少障礙,讓用戶盡可能地完成動作。
一、營銷類頁面
營銷類頁面常見于各類電商平臺,常見的落地頁、廣告頁、新人引導頁都可以歸為此類;營銷類頁面通常是運營方基于明確的KPI而提出的需求,具備短時間、周期性、UI變化快的特征。
產品經理在設計營銷類頁面時,需要在首屏完成傳遞價值、稀缺感、便宜感、專業感、高貴感的功能。
此處對營銷文案的要求極高:好的文案,可以提高用戶參與度;平庸的文案,則會有較高的流失率。
當然高參與度的活動頁面不是一蹴而就的,產品經理在設計頁面時,可以考慮文案的可配置化或者活動圖片的配置化。復雜一些的可以考慮使用AB測試,在不斷的測試中,提升參與度。
除去活動本身的界面外,產品經理需要考慮活動模型擴展性,以及頁面關鍵信息打點。便于后期模型復用、功能快速上線以及活動效果復盤。
周期性開展的營銷頁面,還需要考慮數據可視化;在研發資源有限的情況下,可以使用Tableau,PowerBI之類的工具。
單純堆功能、沒有多樣化測試、沒有復盤的營銷活動,會讓研發疲于應付,運營側也會失去策劃活動的動力。
以下是常見的營銷類頁面:
二、功能類頁面
提交訂單頁、表單信息填寫頁、發表點評頁、訂單詳情頁面,該類頁面是典型的功能類頁面,通常承接在營銷類頁面之后,對頁面漏斗轉化率指標敏感。
當然,在基礎訴求滿足后,可以考慮擴展性的推薦、廣告、拉新之類的內容。
該類頁面設計重點在于:
- 對用戶操作流程的合理把控;
- 對信息的分類以及再組織能力,力求在極致簡單之中,觸及用戶心理點位。
其中對于頁面流程的把控尤其重要,我們通常說:沒有產品是丑死的,大多是難用死的。難用的重點體現在頁面流轉以及操作流程。
在產品設計時,一定要考慮功能的核心流程,模擬完善的用戶路徑。在各方糾結于UI設計美丑的時候,產品經理一定需要知道,大多功能的流程設計之差,還輪不到拼UI界面的地步。
另外,以上強調的前臺用戶流程,有時候也會依賴關聯系統的流程設計。尤其涉及到后臺系統時,后臺系統保證的系統的穩定性、可擴展性、操作便利性。若因這些因素而影響了前臺合理的流程設計,除了可以要求關聯系統優化外,也可以考慮前臺頁面服務端包裝數據,以保證前臺流程合理性。
再說信息分類與組織。如同原研哉所述:理想的設計,它的對象不是物品,而是人與人之間的關系。
在設計此類需要用戶有意識參與的功能時,需要對用戶場景、用戶畫像有深入的了解。這類頁面通常樣式以及信息模塊比較固定,關鍵元素布局上需要迎合全網用戶的操作習慣,設計原則可以參考Giles Colborne所著《簡約至上》——刪除、組織、隱藏、轉移四策略可以讓用戶更好地理解頁面。
以下是常見的功能類頁面:
三、結語
實際應用中,有些頁面無法簡單歸類。例如頭條的信息流頁面,該頁面是推薦內容的聚合,推薦算法優于頁面信息組織。
用戶從首頁列表就能被吸引,打開文章or短視頻即獲得了瞬時的滿足感,反饋周期極短,容易快速成癮;電商通用的產品詳情頁,更像是營銷頁以及功能頁的結合,通常頁面會有領券、拼團、滿減之類的引導元素,也有產品詳情之類的基礎信息表達。
當然,也并不是說用戶的行動一定需要經過營銷類頁面,如果用戶訴求足夠強烈,用戶會直接進入功能類頁面。例如微信,主界面中就沒有營銷類頁面,取而代之的都是功能類頁面。
作者:sona.xu,微信:xzm_1991
本文由 @sona.xu 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議
可否解釋一下“活動模型擴展性,以及頁面關鍵信息打點”具體是什么
模型:把活動抽象為滿足一定條件的用戶——完成任務——獲取獎勵三個步驟,其中用戶可以是全體的或篩選的,任務可以是有條件的或無條件的,獎勵可以是固定的或組合的。以上按照實際訴求階段性規劃,拓寬適用場景,逐漸演變為一種通用活動模型。
打點:由核心結果型數據指標進行逆向推到、拆分,分析出可能使用的過程型數據,例如頁面元素點擊,停留時間,流量來源,使用機型,PV,UV之類的數據
淺于表層,不夠深入