網(wǎng)站設(shè)計(jì)分析：活動頁設(shè)計(jì)心得二三

時間：2023-01-27 20:24:01 | 來源：電子商務(wù)

時間：2023-01-27 20:24:01 來源：電子商務(wù)

又一年總攻節(jié)的硝煙剛散，各大電商網(wǎng)站連通大小門戶平臺都經(jīng)歷過一輪鋪天蓋地的促銷與各類花色繁多的相關(guān)運(yùn)營推廣活動。

看了好些五彩斑斕的活動頁面，結(jié)合最近閱讀的相關(guān)文章和自己參與應(yīng)用中心活動頁設(shè)計(jì)以來積累的一些不成熟的經(jīng)驗(yàn)，總結(jié)出了關(guān)于活動頁設(shè)計(jì)的一些小心得，值此佳節(jié)(昂=_=?)，希望能拋一些磚并與大家共同尋找玉的存在^^。

活動頁簡析

活動專題頁面，顧名思義是承載各種形式的節(jié)慶促銷、宣傳推廣、營銷產(chǎn)品發(fā)布等等活動的頁面，形式與內(nèi)容也多種多樣。 典型的靜態(tài)活動頁面通常使用頁頭banner+標(biāo)題再配以活動入口的展示形式，主要以背景、banner和標(biāo)題字體的視覺處理來烘托整體氛圍;如今也越來越多的活動頁會加入游戲等趣味性強(qiáng)的互動方式，采用flash形式展現(xiàn)，今年TMALL的喵星球搶紅包活動就是絕佳例子。

其實(shí)無論哪種活動頁，當(dāng)我們對其進(jìn)行拆解分析后會發(fā)現(xiàn)頁面中要展示的信息最終都逃不開以下七種①

1. 活動標(biāo)題

2. 活動入口 3. 活動獎品/商品展示

4. 活動參與人數(shù)

5. 有效時間

6. 獲獎信息

7. 活動規(guī)則 如何合理布局，將以上所有信息以最優(yōu)方式展現(xiàn)在頁面中，是活動頁設(shè)計(jì)的關(guān)鍵。

一. 充分利用首屏，展示核心信息

筆者的建議是第一屏就將活動的核心內(nèi)容傳達(dá)給用戶，2011年Jakob Neilsen一項(xiàng)研究結(jié)果表明用戶將80%以上的注意力花在對首屏內(nèi)容的瀏覽上,尤其是call-to-action按鈕放在首屏或者第二屏，其轉(zhuǎn)化率差異巨大。② 對于活動頁而言，最重要的核心內(nèi)容有四個：

1. 什么活動?——活動主題

2. 什么時候?——活動時間

3. 有什么獎品(優(yōu)惠/利益)——激勵，折扣，獎品展示

4. 如何參加活動?——參與入口

· 這是活動頁面首屏應(yīng)當(dāng)完整包含的內(nèi)容(當(dāng)然考慮到一屏的大小，獎品商品大多情況下只能展示一部分)。

圖2-首屏中包含頁面標(biāo)題，獎品/優(yōu)惠，參與入口

· 適當(dāng)控制內(nèi)容分量，尤其是首屏中，限制文字字?jǐn)?shù)以減輕用戶壓力。

· 稍顯次要的信息如獲獎名單(多數(shù)在活動頁面中起到烘托氣氛的作用)、活動規(guī)則等內(nèi)容可考慮以倒三角結(jié)構(gòu)呈現(xiàn)③。

二. 主標(biāo)題與副標(biāo)題闡明活動價值

我們要做的，是在主標(biāo)題與副標(biāo)題的寥寥數(shù)語中讓用戶了解我們的品牌與活動帶給他們的所有核心價值，對，所有。(親泥醒醒!永遠(yuǎn)不會有用戶去看那些長篇大論的活動規(guī)則的!TOT)

標(biāo)題若能做到別出心裁、新穎別致自然好，但若時間所限無法精巧構(gòu)思，還是有一些原則可以保證至少準(zhǔn)確傳達(dá)信息不出差池：

· 精辟簡短——用戶瀏覽標(biāo)題往往一掃而過，文字會提高用戶的理解成本

· 使用用戶熟悉的語言——在標(biāo)題內(nèi)拋出陌生概念往往不是個好主意，用戶看不懂很可能會直接關(guān)閉頁面

· 主標(biāo)題或副標(biāo)題其一要直接告知用戶利益點(diǎn)與價值所在，簡單熟悉如“免費(fèi)”“禮包”“立減”等詞語都能起到良好效果

· 一個稍顯粗暴保守但往往有用的方法，動詞+名詞概括活動核心操作或流程，如“玩應(yīng)用，得禮包”“每日簽到抽獎”等等。

圖3-QQ網(wǎng)購搶福袋活動(局部)

圖4-騰訊游戲活動頁(局部)

三.參與入口——活動頁的眼睛 參與入口是活動頁轉(zhuǎn)化率的關(guān)鍵。

關(guān)于它的設(shè)計(jì)，WAD的文章Creative call to action buttons for inspiration里整理過一些不錯的范例，我們從中也能總結(jié)出要點(diǎn)：

· 足夠醒目卻又不顯得突兀的按鈕尺寸

· 位于首屏，處于視覺中心區(qū)域的位置

· 視覺表現(xiàn)——按鈕采用對比色，漸變，投影等特殊質(zhì)感;采用特別設(shè)計(jì)的字體，但需要特別注意字體可讀性。

圖5-NAVER的Burger King促銷活動頁，界面清爽簡潔，Call-to-action按鈕視覺效果突出;

圖6-支付寶繳費(fèi)活動頁，可愛清淡的手繪風(fēng)，按鈕選擇了與背景和頁面主體對比的橘紅色，并處在首屏的中心位置;