前端頁面，既包括營銷類頁面，也包括功能類頁面。我們要針對不同頁面的特點以及用戶心理，準(zhǔn)確地理解前端頁面設(shè)計的要素與重點。
在福格行為模型中， 福格認(rèn)為要使人行動起來，三個要素必不可少：
- 充分的動機；
- 完成這一行為的能力；
- 促使人們付諸行動的觸發(fā)。
這三要素缺一不可，否則用戶無法跨過行動線的門檻。
通常我們定義前端頁面的作用在于：讓用戶通過自主的行為，滿足其心理預(yù)期。要想讓用戶行動起來，需要有相應(yīng)地對客前臺頁面去承載?；诖?，我們可以把前臺頁面劃分為營銷類頁面、功能類頁面兩大類。
營銷類頁面通常用于觸發(fā)、喚起用戶動機，給用戶開展行動創(chuàng)造理由，讓在用戶匆匆一瞥中觸發(fā)用戶進(jìn)一步的行為；而用戶進(jìn)入功能類頁面時，或多或少都有一定的動機，因此功能類頁面在設(shè)計時需要降低動作門檻、減少障礙，讓用戶盡可能地完成動作。
一、營銷類頁面
營銷類頁面常見于各類電商平臺，常見的落地頁、廣告頁、新人引導(dǎo)頁都可以歸為此類；營銷類頁面通常是運營方基于明確的KPI而提出的需求，具備短時間、周期性、UI變化快的特征。
產(chǎn)品經(jīng)理在設(shè)計營銷類頁面時，需要在首屏完成傳遞價值、稀缺感、便宜感、專業(yè)感、高貴感的功能。
此處對營銷文案的要求極高：好的文案，可以提高用戶參與度；平庸的文案，則會有較高的流失率。
當(dāng)然高參與度的活動頁面不是一蹴而就的，產(chǎn)品經(jīng)理在設(shè)計頁面時，可以考慮文案的可配置化或者活動圖片的配置化。復(fù)雜一些的可以考慮使用AB測試，在不斷的測試中，提升參與度。
除去活動本身的界面外，產(chǎn)品經(jīng)理需要考慮活動模型擴展性，以及頁面關(guān)鍵信息打點。便于后期模型復(fù)用、功能快速上線以及活動效果復(fù)盤。
周期性開展的營銷頁面，還需要考慮數(shù)據(jù)可視化；在研發(fā)資源有限的情況下，可以使用Tableau，PowerBI之類的工具。
單純堆功能、沒有多樣化測試、沒有復(fù)盤的營銷活動，會讓研發(fā)疲于應(yīng)付，運營側(cè)也會失去策劃活動的動力。
以下是常見的營銷類頁面：
二、功能類頁面
提交訂單頁、表單信息填寫頁、發(fā)表點評頁、訂單詳情頁面，該類頁面是典型的功能類頁面，通常承接在營銷類頁面之后，對頁面漏斗轉(zhuǎn)化率指標(biāo)敏感。
當(dāng)然，在基礎(chǔ)訴求滿足后，可以考慮擴展性的推薦、廣告、拉新之類的內(nèi)容。
該類頁面設(shè)計重點在于：
- 對用戶操作流程的合理把控；
- 對信息的分類以及再組織能力，力求在極致簡單之中，觸及用戶心理點位。
其中對于頁面流程的把控尤其重要，我們通常說：沒有產(chǎn)品是丑死的，大多是難用死的。難用的重點體現(xiàn)在頁面流轉(zhuǎn)以及操作流程。
在產(chǎn)品設(shè)計時，一定要考慮功能的核心流程，模擬完善的用戶路徑。在各方糾結(jié)于UI設(shè)計美丑的時候，產(chǎn)品經(jīng)理一定需要知道，大多功能的流程設(shè)計之差，還輪不到拼UI界面的地步。
另外，以上強調(diào)的前臺用戶流程，有時候也會依賴關(guān)聯(lián)系統(tǒng)的流程設(shè)計。尤其涉及到后臺系統(tǒng)時，后臺系統(tǒng)保證的系統(tǒng)的穩(wěn)定性、可擴展性、操作便利性。若因這些因素而影響了前臺合理的流程設(shè)計，除了可以要求關(guān)聯(lián)系統(tǒng)優(yōu)化外，也可以考慮前臺頁面服務(wù)端包裝數(shù)據(jù)，以保證前臺流程合理性。
再說信息分類與組織。如同原研哉所述：理想的設(shè)計，它的對象不是物品，而是人與人之間的關(guān)系。
在設(shè)計此類需要用戶有意識參與的功能時，需要對用戶場景、用戶畫像有深入的了解。這類頁面通常樣式以及信息模塊比較固定，關(guān)鍵元素布局上需要迎合全網(wǎng)用戶的操作習(xí)慣，設(shè)計原則可以參考Giles Colborne所著《簡約至上》——刪除、組織、隱藏、轉(zhuǎn)移四策略可以讓用戶更好地理解頁面。
以下是常見的功能類頁面：
三、結(jié)語
實際應(yīng)用中，有些頁面無法簡單歸類。例如頭條的信息流頁面，該頁面是推薦內(nèi)容的聚合，推薦算法優(yōu)于頁面信息組織。
用戶從首頁列表就能被吸引，打開文章or短視頻即獲得了瞬時的滿足感，反饋周期極短，容易快速成癮；電商通用的產(chǎn)品詳情頁，更像是營銷頁以及功能頁的結(jié)合，通常頁面會有領(lǐng)券、拼團(tuán)、滿減之類的引導(dǎo)元素，也有產(chǎn)品詳情之類的基礎(chǔ)信息表達(dá)。
當(dāng)然，也并不是說用戶的行動一定需要經(jīng)過營銷類頁面，如果用戶訴求足夠強烈，用戶會直接進(jìn)入功能類頁面。例如微信，主界面中就沒有營銷類頁面，取而代之的都是功能類頁面。
作者：sona.xu，微信：xzm_1991
愛盈利-運營小咖秀(www.jza6.com) 始終堅持研究分享移動互聯(lián)網(wǎng)App運營推廣經(jīng)驗、策略、全案、渠道等純干貨知識內(nèi)容；是廣大App運營從業(yè)者的知識啟蒙、成長指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺；
想了解更多移動互聯(lián)網(wǎng)干貨知識，請關(guān)注微信公眾號運營小咖秀（ID: yunyingshow）
【轉(zhuǎn)載說明】 若上述素材出現(xiàn)侵權(quán)，請及時聯(lián)系我們刪除及進(jìn)行處理：[email protected]
