活動(dòng)專題頁(yè)信息表達(dá)法則--瞬間致勝的方法
發(fā)布時(shí)間:2012-08-06 15:17:32 作者:佚名
我要評(píng)論

每逢節(jié)假日各種運(yùn)營(yíng)推廣活動(dòng)如星云般涌現(xiàn),在眾多活動(dòng)中如何讓你的活動(dòng)頁(yè)設(shè)計(jì)脫穎而出,在最短時(shí)間內(nèi)hold住用戶腳步。下面我們一起看一下活動(dòng)頁(yè)信息展示法則,幫助你的活動(dòng)頁(yè)提升瞬間殺傷力。
一.重要信息突出展現(xiàn)
● 活動(dòng)頁(yè)的重要信息是:活動(dòng)標(biāo)題(讓用戶了解是做什么的活動(dòng))、獎(jiǎng)項(xiàng)設(shè)置(參與能得到什么)、參與入口(進(jìn)入任務(wù)流程的通道),參與規(guī)則(如何參與活動(dòng)),活動(dòng)有效時(shí)間,排名或獲獎(jiǎng)信息。
● 活動(dòng)標(biāo)題(包含動(dòng)詞)、活動(dòng)有效時(shí)間,獎(jiǎng)項(xiàng)設(shè)置 、參與入口必須完整包含首屏安全區(qū)內(nèi),活動(dòng)規(guī)則可部分包含在安全區(qū)內(nèi)。


● 用戶開(kāi)始任務(wù)前,若任務(wù)流程需要分步驟呈現(xiàn),需要一個(gè)圖形化的流程示意,使用戶對(duì)任務(wù)的操作步驟有整體了解。


a) 活動(dòng)完成后自動(dòng)跳轉(zhuǎn)回活動(dòng)頁(yè)面。
優(yōu)點(diǎn):可自動(dòng)跳轉(zhuǎn)返回
缺點(diǎn): 當(dāng)活動(dòng)完成頁(yè)承載其它功能,無(wú)法實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)返回。
b) 活動(dòng)完成頁(yè)提供返回活動(dòng)頁(yè)鏈接。
優(yōu)點(diǎn):可解決活動(dòng)完成后無(wú)法自動(dòng)跳轉(zhuǎn)返回情況。
缺點(diǎn):需要用戶手動(dòng)觸發(fā)返回鏈接
c) 活動(dòng)頁(yè)打開(kāi)模態(tài)對(duì)話框。
優(yōu)點(diǎn):關(guān)閉對(duì)話框即可返回。
缺點(diǎn):需要承載的信息和功能較多時(shí),不適合使用對(duì)話框。
d) 活動(dòng)頁(yè)保留,新開(kāi)頁(yè)面跳出。
優(yōu)點(diǎn):技術(shù)實(shí)現(xiàn)成本低。
缺點(diǎn):當(dāng)支線任務(wù)過(guò)多時(shí),經(jīng)過(guò)一系列操作,用戶窗口會(huì)比較多。

● 當(dāng)參與活動(dòng)與領(lǐng)取獎(jiǎng)品的資格有次數(shù)限制時(shí),提示默認(rèn)呈現(xiàn),任務(wù)完成后要即時(shí)刷新資格狀態(tài)。
● 用戶在任務(wù)流程中需要操作結(jié)果反饋,常見(jiàn)需反饋的情況:
a) 操作完成獲取獎(jiǎng)勵(lì)反饋
b) 操作成功或失敗反饋
c) 操作錯(cuò)誤反饋
四. 正確使用視覺(jué)語(yǔ)言傳達(dá)界面信息
● 按鈕的形式能被正確感知,醒目,突出,跳出畫(huà)面,使用高光,漸變,陰影,圓角,描邊等強(qiáng)化感知。
● 頁(yè)面的視覺(jué)層級(jí):高光>漸變>投影>純色>描邊

● 禁止模仿系統(tǒng)與QQ官方客戶端的控件。
● 圖標(biāo)具有交互動(dòng)作不可作為裝飾元素單獨(dú)存在。
相關(guān)文章
AudioContext 實(shí)現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實(shí)現(xiàn)音頻可視化,要實(shí)現(xiàn)音頻可視化得先實(shí)現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-02-23
- 這是我通過(guò)網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對(duì)html,css頁(yè)面重構(gòu)時(shí)的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開(kāi)發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開(kāi)發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊(duì)的開(kāi)發(fā)協(xié)作,提高代碼質(zhì)量和打造開(kāi)發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個(gè)部分。我們知道,當(dāng)一個(gè)團(tuán)隊(duì)開(kāi)始指定并實(shí)行2017-01-21web前端開(kāi)發(fā)規(guī)范文檔(2014年版本)
這篇文章主要為大家介紹了前端開(kāi)發(fā)團(tuán)隊(duì)遵循和約定的代碼書(shū)寫(xiě)規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁(yè)標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗(yàn)的朋友確很少,在安裝過(guò)程中總會(huì)出現(xiàn)這樣那樣的問(wèn)題,基于這些問(wèn)題,下面小編抽個(gè)時(shí)間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29