手機(jī)視頻WAP門(mén)戶(hù)信息架構(gòu)及設(shè)計(jì)規(guī)范

1、手機(jī)視頻WAP門(mén)戶(hù)信息架構(gòu)及設(shè)計(jì)規(guī)范視頻運(yùn)營(yíng)中心業(yè)務(wù)運(yùn)營(yíng)部目 錄 TOC o 1-3 h z u HYPERLINK l _Toc271115471 第一章. 概述 PAGEREF _Toc271115471 h 4 HYPERLINK l _Toc271115472 背景 PAGEREF _Toc271115472 h 4 HYPERLINK l _Toc271115473 適用范圍 PAGEREF _Toc271115473 h 4 HYPERLINK l _Toc271115474 第二章.門(mén)戶(hù)設(shè)計(jì)總體原則 PAGEREF _Toc271115474 h 5 HYPERLINK l _T

2、oc271115475 第三章. WAP門(mén)戶(hù)信息架構(gòu)及設(shè)計(jì)規(guī)范 PAGEREF _Toc271115475 h 7 HYPERLINK l _Toc271115476 WAP門(mén)戶(hù)頁(yè)面分類(lèi) PAGEREF _Toc271115476 h 7 HYPERLINK l _Toc271115477 手機(jī)視頻頁(yè)面適配標(biāo)準(zhǔn) PAGEREF _Toc271115477 h 8 HYPERLINK l _Toc271115478 3.3 WAP門(mén)戶(hù)主要頁(yè)面信息架構(gòu) PAGEREF _Toc271115478 h 8 HYPERLINK l _Toc271115487 3.4 WAP門(mén)戶(hù)運(yùn)營(yíng)類(lèi)頁(yè)面信息架構(gòu)標(biāo)準(zhǔn)

3、PAGEREF _Toc271115487 h 14 HYPERLINK l _Toc271115488 附文一 PAGEREF _Toc271115488 h 14 HYPERLINK l _Toc271115489 附文二 PAGEREF _Toc271115489 h 15修訂歷史版本日期修訂人描述2010年8月23日張洪志第一稿建立2010年9月29日張洪志補(bǔ)充第二章及部分內(nèi)容第一章. 概述背景 隨著手機(jī)視頻新業(yè)務(wù)管理平臺(tái)的啟用，平臺(tái)引入了更加靈活和便捷的欄目計(jì)費(fèi)方式，同時(shí)也新增了一些通用的標(biāo)簽，簡(jiǎn)化并標(biāo)準(zhǔn)化了合作伙伴的代碼開(kāi)發(fā)和調(diào)試工作，而與之相配套的門(mén)戶(hù)信息架構(gòu)和設(shè)計(jì)規(guī)范一直是門(mén)戶(hù)

4、運(yùn)營(yíng)的薄弱環(huán)節(jié)。 手機(jī)視頻業(yè)務(wù)發(fā)展至今，門(mén)戶(hù)各業(yè)務(wù)分屬于不同運(yùn)營(yíng)方，頁(yè)面風(fēng)格以及用戶(hù)使用流程并不統(tǒng)一，嚴(yán)重影響了用戶(hù)體驗(yàn)，各從屬于手機(jī)視頻門(mén)戶(hù)的業(yè)務(wù)頁(yè)面應(yīng)按照統(tǒng)一規(guī)范制作，保證手機(jī)視頻站點(diǎn)的結(jié)構(gòu)統(tǒng)一。 此外，集團(tuán)公司計(jì)劃明年新入庫(kù)的終端中，部分終端的瀏覽器，而只支持WAP2.0協(xié)議。為了能夠使這部分終端用戶(hù)正常使用手機(jī)視頻WAP業(yè)務(wù)的服務(wù)，就需要基于現(xiàn)有的WAP門(mén)戶(hù)業(yè)務(wù)架構(gòu)，提供平行的一整套頁(yè)面。適用范圍手機(jī)視頻WAP門(mén)戶(hù)中的頁(yè)面按照管理范疇，可以分為三類(lèi)：門(mén)戶(hù)運(yùn)營(yíng)類(lèi)頁(yè)面、合作方運(yùn)營(yíng)類(lèi)頁(yè)面、渠道類(lèi)頁(yè)面。門(mén)戶(hù)運(yùn)營(yíng)類(lèi)頁(yè)面主要是指手機(jī)視頻WAP門(mén)戶(hù)，MY頻道頁(yè)面等由業(yè)務(wù)運(yùn)營(yíng)部網(wǎng)站運(yùn)營(yíng)主導(dǎo)執(zhí)行運(yùn)營(yíng)的頁(yè)

5、面。合作方運(yùn)營(yíng)類(lèi)頁(yè)面主要是指由合作伙伴、垂直欄目、本地業(yè)務(wù)等在門(mén)戶(hù)上主導(dǎo)運(yùn)營(yíng)的頁(yè)面。渠道類(lèi)頁(yè)面主要是指各合作方在產(chǎn)品渠道推廣過(guò)程中所定制的頁(yè)面，且這些頁(yè)面在手機(jī)視頻WAP門(mén)戶(hù)主站無(wú)任何鏈接和入口（包括搜索）。 本規(guī)范主要適用對(duì)象不僅局限于門(mén)戶(hù)運(yùn)營(yíng)類(lèi)頁(yè)面和合作方運(yùn)營(yíng)類(lèi)頁(yè)面，也可供渠道類(lèi)頁(yè)面等其它頁(yè)面參考。總體原則所有頁(yè)面或者內(nèi)容模板均需分別針對(duì)WAP1.x簡(jiǎn)版頁(yè)面和WAP彩版頁(yè)面進(jìn)行設(shè)計(jì)和制作，在保持排版結(jié)構(gòu)及內(nèi)容基本統(tǒng)一的前提下，充分發(fā)揮展現(xiàn)能力，比如通過(guò)導(dǎo)航添加背景色以區(qū)分不同區(qū)塊業(yè)務(wù)內(nèi)容；用戶(hù)業(yè)務(wù)訂購(gòu)流程，必須遵循兩次確認(rèn)原則，且頁(yè)面中不允許存在產(chǎn)生用戶(hù)使用歧義的信息和鏈接；含計(jì)費(fèi)點(diǎn)鏈接（

6、播放、下載、訂購(gòu)）的頁(yè)面，針對(duì)未訂購(gòu)用戶(hù)必須有與內(nèi)容和欄目對(duì)應(yīng)的明顯準(zhǔn)確無(wú)誤的資費(fèi)提示，以及清楚的表明被訂購(gòu)內(nèi)容所屬的業(yè)務(wù)名稱(chēng)和欄目名稱(chēng)等信息；對(duì)于資費(fèi)提醒文字，須在計(jì)費(fèi)點(diǎn)鏈接上下同一屏中呈現(xiàn)；按次計(jì)費(fèi)提醒文字緊接按次計(jì)費(fèi)點(diǎn)；除重點(diǎn)內(nèi)容產(chǎn)品外，渠道類(lèi)推廣頁(yè)面，不允許掛接在手機(jī)視頻WAP門(mén)戶(hù)頁(yè)面中，涉及的節(jié)目?jī)?nèi)容也不允許通過(guò)WAP門(mén)戶(hù)搜索功能被用戶(hù)訪(fǎng)問(wèn)到；WAP門(mén)戶(hù)所有頁(yè)面暫不允許用戶(hù)主動(dòng)輸入內(nèi)容，并被第三方用戶(hù)立即可見(jiàn)，包括好友推薦；除渠道類(lèi)頁(yè)面外，其余所有頁(yè)面底部必須有“返回移動(dòng)夢(mèng)網(wǎng)”及“返回手機(jī)視頻”鏈接；非頂級(jí)欄目對(duì)應(yīng)頁(yè)面，還需添加具有返回功能的導(dǎo)航鏈接；各業(yè)務(wù)對(duì)應(yīng)的每類(lèi)頁(yè)面模板（見(jiàn)3.

7、1 WAP門(mén)戶(hù)頁(yè)面分類(lèi)）不能超過(guò)10個(gè)，各業(yè)務(wù)總的模板數(shù)不得超過(guò)50個(gè)；根據(jù)OMS2.0平臺(tái)提供的模板審核功能，WAP門(mén)戶(hù)頁(yè)面運(yùn)營(yíng)將增加內(nèi)容模板審核環(huán)節(jié)，各業(yè)務(wù)方在業(yè)務(wù)上線(xiàn)之前，業(yè)務(wù)對(duì)應(yīng)的生產(chǎn)模板均需要通過(guò)網(wǎng)站運(yùn)營(yíng)技術(shù)人員的審核，符合WAP門(mén)戶(hù)信息架構(gòu)及設(shè)計(jì)規(guī)范的模板方可成為生產(chǎn)模板投入頁(yè)面生產(chǎn)發(fā)布；各產(chǎn)品WAP各頁(yè)面設(shè)計(jì)按照本規(guī)范提供的模板設(shè)計(jì)式樣庫(kù)進(jìn)行，超出模板設(shè)計(jì)式樣庫(kù)的展示樣式需產(chǎn)品負(fù)責(zé)人把關(guān)，并與網(wǎng)站運(yùn)營(yíng)團(tuán)隊(duì)經(jīng)過(guò)評(píng)審后將樣式納入該合作方模板設(shè)計(jì)樣式庫(kù)中，投入頁(yè)面生產(chǎn)發(fā)布。 （原則根據(jù)手機(jī)視頻WAP網(wǎng)站運(yùn)營(yíng)的具體情況進(jìn)行完善調(diào)整）第三章. WAP門(mén)戶(hù)信息架構(gòu)及設(shè)計(jì)規(guī)范WAP門(mén)戶(hù)頁(yè)面分類(lèi)

8、WAP網(wǎng)站頁(yè)面包含門(mén)戶(hù)運(yùn)營(yíng)類(lèi)及合作方運(yùn)營(yíng)類(lèi)頁(yè)面，根據(jù)產(chǎn)品內(nèi)容層次主要分為八類(lèi)頁(yè)面：業(yè)務(wù)首頁(yè)、欄目頁(yè)面、專(zhuān)題頁(yè)面、列表頁(yè)面、內(nèi)容集頁(yè)面、內(nèi)容播放頁(yè)面、訂購(gòu)頁(yè)面和輔助頁(yè)面；業(yè)務(wù)首頁(yè)：即各業(yè)務(wù)門(mén)戶(hù)，集中化展示熱點(diǎn)、重點(diǎn)內(nèi)容，模塊化展示業(yè)務(wù)所有欄目?jī)?nèi)容及其他內(nèi)容；欄目頁(yè)面：各級(jí)子欄目頁(yè)面；專(zhuān)題頁(yè)面：圍繞熱點(diǎn)內(nèi)容或營(yíng)銷(xiāo)活動(dòng)設(shè)計(jì)的專(zhuān)題首頁(yè)及其各級(jí)頁(yè)面；列表頁(yè)面：內(nèi)容列表頁(yè)；內(nèi)容集頁(yè)面：類(lèi)似于內(nèi)容列表頁(yè)，多條節(jié)目（例如全片）集中展示，并展示播放及下載鏈接；內(nèi)容播放頁(yè)面：?jiǎn)螚l內(nèi)容的詳情播放頁(yè)面；訂購(gòu)頁(yè)面：即業(yè)務(wù)訂購(gòu)頁(yè)；輔助頁(yè)面：與業(yè)務(wù)或營(yíng)銷(xiāo)活動(dòng)相關(guān)的說(shuō)明頁(yè)，幫助頁(yè)等頁(yè)面；3.2手機(jī)視頻頁(yè)面適配標(biāo)準(zhǔn) 根據(jù)終端U

9、A對(duì)手機(jī)視頻頁(yè)面及彩版頁(yè)面進(jìn)行精準(zhǔn)終端適配 。手機(jī)視頻各版本頁(yè)面參數(shù)標(biāo)準(zhǔn)頁(yè)面版本頁(yè)面 鏈接行數(shù)頁(yè)面大小 （代碼） 頁(yè)面大小 （代碼+圖片） 版本5060小于10K小于15K版本7080小于30K小于50K WAP門(mén)戶(hù)主要頁(yè)面信息架構(gòu).1業(yè)務(wù)首頁(yè)、欄目頁(yè)面手機(jī)視頻WAP門(mén)戶(hù)各業(yè)務(wù)和欄目頁(yè)面劃分為三個(gè)區(qū)塊：頂部導(dǎo)航區(qū)塊、中部核心區(qū)塊、底部區(qū)塊。頂部導(dǎo)航區(qū)塊：頻道Banner + 欄目導(dǎo)航；中部核心區(qū)塊：由二級(jí)導(dǎo)航 + 子區(qū)塊內(nèi)容推薦位展現(xiàn)頻道內(nèi)容 + 交叉推薦 + 互動(dòng)功能 + 底部導(dǎo)航等內(nèi)容，展示方面可根據(jù)自身業(yè)務(wù)特點(diǎn)靈活處理；欄目首頁(yè)、業(yè)務(wù)首頁(yè)底部區(qū)塊：返回區(qū)；具體展示內(nèi)容要求如下（示例如右圖

10、）：頻道Banner按照手機(jī)視頻Banner統(tǒng)一風(fēng)格進(jìn)行設(shè)計(jì)；公告行滾動(dòng)展示當(dāng)前頻道的公告、重點(diǎn)營(yíng)銷(xiāo)活動(dòng)、重點(diǎn)專(zhuān)題、重點(diǎn)內(nèi)容推介，無(wú)時(shí)隱藏；可靈活配置為滾動(dòng)內(nèi)容的展示；頻道導(dǎo)航統(tǒng)一放置，首頁(yè)導(dǎo)航放置頻道重點(diǎn)欄目等常態(tài)化欄目；其他欄目頁(yè)面的導(dǎo)航放置該欄目?jī)?nèi)重點(diǎn)欄目導(dǎo)航、熱點(diǎn)專(zhuān)題、活動(dòng)，頻道導(dǎo)航總行數(shù)為2-3行；中部核心區(qū)塊不做明確要求，需根據(jù)欄目設(shè)計(jì)進(jìn)行版塊劃分，并且具備明顯區(qū)隔，設(shè)計(jì)可參考本規(guī)范設(shè)計(jì)式樣舉例進(jìn)行靈活設(shè)計(jì)（見(jiàn)附文）；返回區(qū)放置內(nèi)容規(guī)則見(jiàn)門(mén)戶(hù)設(shè)計(jì)原則；3.3.2專(zhuān)題頁(yè)面專(zhuān)題頁(yè)面為各產(chǎn)品圍繞內(nèi)容設(shè)計(jì)的專(zhuān)題首頁(yè)及各級(jí)頁(yè)面，頁(yè)面在WAP門(mén)戶(hù)設(shè)計(jì)規(guī)范原則的前提下，可根據(jù)組織內(nèi)容特點(diǎn)靈活設(shè)計(jì)

11、。3.3.3列表頁(yè)面列表頁(yè)面手機(jī)視頻WAP門(mén)戶(hù)列表頁(yè)面劃分為四區(qū)塊：頂部導(dǎo)航區(qū)塊、中部核心區(qū)塊、交叉推廣區(qū)塊、底部區(qū)塊。頂部導(dǎo)航區(qū)塊：欄目Banner +標(biāo)準(zhǔn)化訪(fǎng)問(wèn)路徑；中部核心區(qū)塊：內(nèi)容列表；交叉推廣區(qū)塊：不做明確要求，可參照本規(guī)范設(shè)計(jì)式樣舉例進(jìn)行靈活設(shè)計(jì)（見(jiàn)附文）；底部區(qū)塊：同頻道首頁(yè)、欄目頁(yè)面的頂部導(dǎo)航；具體展示內(nèi)容要求如下（示例如右圖）：欄目Banner按照手機(jī)視頻WAP統(tǒng)一風(fēng)格進(jìn)行設(shè)計(jì)；標(biāo)準(zhǔn)化訪(fǎng)問(wèn)路徑：用戶(hù)訪(fǎng)問(wèn)至當(dāng)前列表頁(yè)面的標(biāo)準(zhǔn)路徑導(dǎo)航；中部核心區(qū)塊：主要以同一列表形式（并非統(tǒng)一列表形式）展示該葉子欄目的多條內(nèi)容，中部核心區(qū)塊底部展示分頁(yè)導(dǎo)航，可采用上一頁(yè)下一頁(yè)形式，也可采用頁(yè)碼形

12、式；3.3.4內(nèi)容集頁(yè)面手機(jī)視頻WAP門(mén)戶(hù)各內(nèi)容播放頁(yè)面劃分為四區(qū)塊：頂部區(qū)塊、中部核心區(qū)塊、交叉推廣區(qū)塊、底部區(qū)塊。頂部區(qū)塊：標(biāo)準(zhǔn)化訪(fǎng)問(wèn)路徑；中部核心區(qū)塊：內(nèi)容列表；內(nèi)容播放頁(yè)面交叉推廣區(qū)塊：不做明確要求，可參照本規(guī)范設(shè)計(jì)式樣舉例進(jìn)行靈活設(shè)計(jì)（見(jiàn)附文）；底部區(qū)塊：同頻道首頁(yè)、欄目頁(yè)面的頂部導(dǎo)航；3.3.5內(nèi)容播放頁(yè)面手機(jī)視頻WAP門(mén)戶(hù)各內(nèi)容播放頁(yè)面劃分為四區(qū)塊：頂部區(qū)塊、中部核心區(qū)塊、交叉推廣區(qū)塊、底部區(qū)塊。頂部區(qū)塊：標(biāo)準(zhǔn)化訪(fǎng)問(wèn)路徑；中部核心區(qū)塊：節(jié)目?jī)?nèi)容主體呈現(xiàn)位置。組成元素為節(jié)目標(biāo)題，節(jié)目圖片，節(jié)目播放下載鏈接，訂購(gòu)鏈接，節(jié)目文字介紹，臨近節(jié)目導(dǎo)航，使用幫助FAQ等；交叉推廣區(qū)塊：不做明

13、確要求，可參照本規(guī)范設(shè)計(jì)式樣舉例進(jìn)行靈活設(shè)計(jì)（見(jiàn)附文）；底部區(qū)塊：同頻道首頁(yè)、欄目頁(yè)面的頂部導(dǎo)航；具體展示內(nèi)容要求如下：標(biāo)準(zhǔn)化訪(fǎng)問(wèn)路徑：用戶(hù)訪(fǎng)問(wèn)至當(dāng)前列表頁(yè)面的標(biāo)準(zhǔn)路徑導(dǎo)航；中部核心區(qū)塊：嚴(yán)格按照規(guī)范設(shè)計(jì)樣式進(jìn)行設(shè)計(jì)（見(jiàn)附文）；3.4 WAP門(mén)戶(hù)頁(yè)面信息及設(shè)計(jì)規(guī)范前提：所有頁(yè)面必須遵循本規(guī)范中的門(mén)戶(hù)設(shè)計(jì)總體原則要求。3.4.1 WAP門(mén)戶(hù)頁(yè)面展示信息內(nèi)容規(guī)范文字：針對(duì)及，單行文字設(shè)置展示不超過(guò)13個(gè)字（含特殊字符）；文字：?jiǎn)涡泄?jié)目名稱(chēng)中不得出現(xiàn)“ # ￥ % & * _ + = 【 】”等特殊符號(hào)，使用全角符號(hào)；圖片：頁(yè)面焦點(diǎn)大圖16080，業(yè)務(wù)首頁(yè)頭部16835，其他各級(jí)頁(yè)面頭部16030，

14、專(zhuān)題頁(yè)面圖片在遵循本規(guī)范參數(shù)標(biāo)準(zhǔn)的情況下可靈活設(shè)計(jì)，一行單圖寬度160，一行兩圖寬度80，一行三圖寬度53，一行四圖寬度40，ICON規(guī)格為1515；正文文字用12號(hào)字Arial，重點(diǎn)位置推介內(nèi)容可采用與欄目主體風(fēng)格相近的顏色凸顯；各業(yè)務(wù)首頁(yè)面不得出現(xiàn)無(wú)效鏈接、鏈接指向錯(cuò)誤等錯(cuò)誤；頁(yè)面內(nèi)容組織需以顏色、欄目導(dǎo)航等區(qū)分不同版塊業(yè)務(wù)內(nèi)容；按次計(jì)費(fèi)點(diǎn)文字：流暢播放、清晰播放、免流量播放、下載、快速下載、免流量下載、保存；訂購(gòu)計(jì)費(fèi)點(diǎn)文字：包月無(wú)限量、精彩15優(yōu)惠套餐、包月X元、包月暢看更精彩；各業(yè)務(wù)首頁(yè)面不得出現(xiàn)違背針對(duì)敏感內(nèi)容夢(mèng)網(wǎng)撥測(cè)標(biāo)準(zhǔn)，具體標(biāo)準(zhǔn)見(jiàn)附文；WAP頁(yè)面設(shè)計(jì)要求一、頁(yè)面大?。喊凑毡疽?guī)范的

15、參數(shù)標(biāo)準(zhǔn)進(jìn)行開(kāi)發(fā)；二、風(fēng)格：使用較為柔和的底色，頁(yè)面整體色彩清晰簡(jiǎn)潔；頁(yè)面盡量使用同一種字體顏色的，不多用一種顏色；使用簡(jiǎn)潔易懂的圖標(biāo)icon，延展性強(qiáng)；建議業(yè)務(wù)首頁(yè)、欄目首頁(yè)、專(zhuān)題也等頁(yè)面中心放置焦點(diǎn)圖片，提升整體明快感，不做強(qiáng)制要求；以顏色作為底色區(qū)分不同版塊業(yè)務(wù)內(nèi)容，如用圖做為背景圖，默認(rèn)底色須須背景圖顏色基本一致；三、頁(yè)面主色調(diào)風(fēng)格：本階段暫不對(duì)各業(yè)務(wù)頁(yè)面主色調(diào)風(fēng)格進(jìn)行具體規(guī)劃設(shè)置；四、鏈接及文字顏色風(fēng)格：本階段暫不對(duì)各業(yè)務(wù)鏈接及文字風(fēng)格進(jìn)行具體規(guī)劃設(shè)置；3.4 WAP門(mén)戶(hù)運(yùn)營(yíng)類(lèi)頁(yè)面信息架構(gòu)標(biāo)準(zhǔn)附文一手機(jī)視頻WAP門(mén)戶(hù)頁(yè)面設(shè)計(jì)式樣庫(kù)見(jiàn)visio附文二BOC對(duì)夢(mèng)網(wǎng)撥測(cè)參考標(biāo)準(zhǔn)如下：政治敏感，迷信、反社會(huì)等內(nèi)容；嚴(yán)禁涉及低俗/挑逗/誘惑性字眼，以挑逗性標(biāo)題吸引點(diǎn)擊的；對(duì)人體性部位的比較直接或暴露和描寫(xiě)；帶有侵犯?jìng)€(gè)人隱私性質(zhì)的走光、偷拍、漏點(diǎn)等內(nèi)容；敏感詞匯如“美女”等需聯(lián)系上下文進(jìn)