手機視頻 WAP 門戶 信息架構(gòu) 及設(shè)計規(guī)范 視頻運營中心 業(yè)務(wù)運營部 目 錄 第一章 . 概述 . 3 1.1 背景 . 3 1.2 適用范圍 . 4 第二章 .門戶設(shè)計總體原則 . 4 第三章 . WAP 門戶信息架構(gòu)及設(shè)計規(guī)范 . 6 3.1 WAP 門戶頁面分類 . 6 3.2 手機視頻頁面適配標準 . 7 3.3 WAP 門戶主要頁面信息架構(gòu) . 7 3.4 WAP 門戶運營類頁面信息架構(gòu)標準 . 14 附文一 . 14 附文二 . 15 修訂歷史 版本 日期 修訂人 描述 1.0.0 2010年 8 月 23 日 張洪志 第一稿建立 1.0.1 2010年 9 月 29 日 張洪志 補充第二章及 3.4.1 部分內(nèi)容 第一章 . 概述 1.1 背景 隨著手機視頻新業(yè)務(wù)管理平臺 OMS2.0 的啟用，平臺引入了更加靈活和便捷的欄目計費方式，同時也新增了一些通用的標簽，簡化并標準化了合作伙伴的代碼開發(fā)和調(diào)試工作，而與之相配套的門戶信息架構(gòu)和設(shè)計規(guī)范一直是門戶運營的薄弱環(huán)節(jié) 。 手機視頻業(yè)務(wù)發(fā)展至今， 門戶 各 業(yè)務(wù)分屬于不同運營方，頁面風(fēng)格以及用戶使用流程 并 不統(tǒng)一，嚴重影響了用戶體驗，各從屬于 手機視頻 門戶的 業(yè)務(wù) 頁面應(yīng)按照統(tǒng)一規(guī)范制作，保證 手機視頻 站點的結(jié)構(gòu)統(tǒng)一 。 此外，集團公司計劃明年新入庫的終端中，部分終端的瀏覽器不再支持 WAP1.0 及 WAP1.2 協(xié)議，而只支持 WAP2.0 協(xié)議。為了能夠使 這部分終端用戶正常使用手機視頻 WAP 業(yè)務(wù) 的 服務(wù)， 就需要基于現(xiàn)有的 WAP 門戶業(yè)務(wù)架構(gòu)，提供平行的一整套 WAP2.0 頁面。 1.2 適用范圍 手機視頻 WAP 門戶中的頁面按照管理范疇，可以分為三類：門戶運營類頁面、合作方運營類頁面、渠道類頁面。 門戶運營類頁面主要是指手機視頻 WAP 門戶， MY 頻道頁面等由業(yè)務(wù)運營部網(wǎng)站運營主導(dǎo)執(zhí)行運營的頁面。 合作方運營類頁面主要是指由合作伙伴、垂直欄目、本地業(yè)務(wù)等在門戶上 主導(dǎo)運營的頁面。 渠道類頁面主要是指 各合作方 在產(chǎn)品 渠 道 推廣過程中所 定制的頁面， 且這些 頁面在手機視頻 WAP 門戶 主站無任何 鏈接和入口（ 包括 搜索）。 本規(guī)范主要適用對象不僅局限于門戶運營類頁面和合作方運營類頁面，也可供渠道類頁面等其它頁面參考。 第二章 .門戶設(shè)計總體原則 所有頁面 或者內(nèi)容模板均 需分別 針對 WAP1.x 簡 版頁面 和WAP2.0 彩版頁面 進行設(shè)計和制作，在保持排版結(jié)構(gòu)及內(nèi)容基本統(tǒng)一的前提下，充分發(fā)揮 WAP2.0 展現(xiàn)能力，比如通過導(dǎo)航添加背景 色 以 區(qū)分不同 區(qū)塊 業(yè)務(wù)內(nèi)容 ； 用戶業(yè)務(wù)訂購流程，必須遵循兩次確認原則，且頁面中不允許存在產(chǎn)生用戶使用歧義的信息和鏈接； 含計費點鏈接（播放、下載、訂購）的頁面 ，針對未訂購用戶必須有與內(nèi)容和欄目對應(yīng)的明顯準確無誤的資費提示，以及清楚的表明被訂購內(nèi)容所屬的業(yè)務(wù)名稱和欄目名稱等信息； 對于資費提醒文字，須在計費點鏈接上下同一屏中呈現(xiàn)； 按次計費提醒文字緊接按次計費點 ； 除重點內(nèi)容產(chǎn)品外，渠道類推廣頁面，不允許掛接在手機視頻WAP 門戶頁面中，涉及的節(jié)目內(nèi)容也不允許通過 WAP 門戶搜索功能被用戶訪問到； WAP 門戶所有頁面暫不允許用戶主動輸入內(nèi)容，并被第三方用戶立即可見，包括好友推薦； 除渠道類頁面外，其余所有頁面底部必須有“返回移動夢網(wǎng) ”及“返回手機視頻”鏈接；非頂級欄目對應(yīng)頁面，還需添加具有返回功能的導(dǎo)航鏈接； 各業(yè)務(wù)對應(yīng)的 每 類 頁面模板 （見 3.1 WAP 門戶頁面分類） 不能超過 10 個 ，各業(yè)務(wù)總的模板數(shù)不得超過 50 個； 根據(jù) OMS2.0 平臺提供的模板審核功能， WAP 門戶頁面運營將增加內(nèi)容模板審核環(huán)節(jié)，各業(yè)務(wù)方在業(yè)務(wù)上線之前，業(yè)務(wù)對應(yīng)的生產(chǎn)模板均需要通過網(wǎng)站運營技術(shù)人員的審核，符合 WAP 門戶信息架構(gòu)及設(shè)計規(guī)范的模板方可成為生產(chǎn)模板投入頁面生產(chǎn)發(fā)布； 各產(chǎn)品 WAP 各頁面設(shè)計按照 本規(guī)范提供的模板設(shè)計式樣庫進行，超出模板設(shè)計式樣庫的展示樣式需 產(chǎn)品負 責(zé) 人把關(guān)，并與網(wǎng)站運營團隊經(jīng)過評審后將樣式納入該合作方模板設(shè)計樣式庫中，投入頁面生產(chǎn)發(fā)布。 （原則根據(jù)手機視頻 WAP 網(wǎng)站運營的具體情況進行完善調(diào)整） 第三章 . WAP 門戶 信息架構(gòu) 及設(shè)計規(guī)范 3.1 WAP 門戶 頁面 分類 WAP 網(wǎng)站頁面 包含門戶運營類及 合作方運營類 頁面， 根據(jù) 產(chǎn)品內(nèi)容層次 主要分為 八 類頁面：業(yè)務(wù)首頁、欄目頁面、專題頁面、列表頁面 、 內(nèi)容集頁面 、內(nèi)容 播放 頁面、訂購頁面和輔助頁面； 業(yè) 務(wù) 首 頁專 題 頁 面欄 目 及 子 欄目 頁 面列 表 頁 面內(nèi) 容 集 頁 面內(nèi) 容 播 放 頁面訂 購 頁 面 輔 助 頁 面門 戶 綜 合 類 頁 面 業(yè)務(wù)首頁：即各業(yè)務(wù)門戶，集中化展示熱點、重點內(nèi)容，模塊化展示業(yè) 務(wù)所有欄目內(nèi)容及其他內(nèi)容； 欄目頁面：各級子欄目頁面； 專題頁面：圍繞熱點內(nèi)容或營銷活動設(shè)計的專題首頁及其各級頁面； 列表頁面：內(nèi)容列表頁； 內(nèi)容集頁面：類似于內(nèi)容列表頁，多條節(jié)目（例如全片）集中展示，并展示播放及下載鏈接； 內(nèi)容播放頁面：單條內(nèi)容的詳情播放頁面； 訂購頁面：即業(yè)務(wù)訂購頁； 輔助頁面：與業(yè)務(wù)或營銷活動相關(guān)的說明頁，幫助頁等頁面； 3.2 手機視頻頁面適配標準 根據(jù)終端 UA 對 手機視頻 1.X 頁面及 2.0 彩版頁面進行精準終端適配 。 手機視頻各版本頁面參數(shù)標準 頁面版本 頁面 鏈接行數(shù) 頁面大小 （代碼） 頁面大小 （代碼 +圖片） 1.X 版本 50 60 小于 10K 小于 15K 2.0 版本 70 80 小于 30K 小于 50K 3.3 WAP 門戶 主要 頁面 信息架構(gòu) 3.3.1 業(yè)務(wù) 首頁 、 欄目頁面 手機視頻 WAP 門戶 各 業(yè)務(wù)和欄目頁面 劃分為三 個區(qū)塊： 頂部 導(dǎo)航 區(qū)塊、中部 核心 區(qū)塊、底部區(qū)塊 。 頻 道 B a n n e r公 告 行 （ 1 行 ）頻 道 導(dǎo) 航 （ 2 - 3 行 ）中 部 核 心 區(qū) 塊 1中 部 核 心 區(qū) 塊 2中 部 核 心 區(qū) 塊 N返 回 上 一 級返 回 欄 目 首 頁返 回 手 機 視 頻 -簡 版 -彩 版返 回 移 動 夢 網(wǎng)【 現(xiàn) 在 是 1 0 - 0 8 - 1 2 1 7 : 2 8 】 欄 目 欄 目 欄 目欄目首頁、業(yè)務(wù)首頁 頂部導(dǎo)航區(qū)塊 ：頻道 Banner + 欄目 導(dǎo)航； 中部核心區(qū)塊 ： 由二級導(dǎo)航 + 子區(qū)塊內(nèi)容推薦位 展現(xiàn)頻道內(nèi)容 + 交叉推薦 + 互動功能 + 底部 導(dǎo)航 等內(nèi)容，展示方面可根據(jù)自身業(yè)務(wù)特點靈活處理； 底部區(qū)塊：返回 區(qū)； 具體展示內(nèi)容要求如下（示例如右圖）： 頻道 Banner 按照手機視頻 Banner統(tǒng)一風(fēng)格進行設(shè)計； 公告行滾動展示當(dāng)前頻道的公告、重點營銷活動、重點專題、重點內(nèi)容推介，無時隱藏；WAP2.0 可靈活配置為滾動內(nèi)容的展示； 頻道導(dǎo)航 統(tǒng)一放置 ， 首頁導(dǎo)航 放置頻道重點欄目等常態(tài)化欄目；其他 欄目頁面的導(dǎo)航放置該欄目 內(nèi)重點欄目導(dǎo)航 、熱點專題、活動 ， 頻道導(dǎo)航 總行數(shù)為 2-3行 ； 中部核心區(qū)塊不做明確要求，需根據(jù)欄目設(shè)計進行版塊劃分，并且具備明顯區(qū)隔，設(shè)計可參考本規(guī)范設(shè)計式樣舉例進行靈活設(shè)計（見附文）； 頻 道 B a n n e r頻 道 - X X 欄 目 - . . . - X X 欄 目返 回 上 一 級返 回 欄 目 首 頁返 回 手 機 視 頻 -簡 版 -彩 版返 回 移 動 夢 網(wǎng)【 現(xiàn) 在 是 1 0 - 0 8 - 1 2 1 7 : 2 8 】內(nèi) 容 圖 片節(jié) 目 名 稱 列 表1 2 3 4 5內(nèi) 容 鏈 接 內(nèi) 容 鏈 接 內(nèi) 容內(nèi) 容 鏈 接 內(nèi) 容 鏈 接 內(nèi) 容 底 部 導(dǎo) 航精 彩 推 薦 內(nèi) 容好 友 推 薦列表頁面 返回 區(qū)放置內(nèi)容規(guī)則見門戶設(shè)計原則； 3.3.2 專題 頁面 專題頁面為各產(chǎn)品 圍繞內(nèi)容設(shè)計的專題首頁及各級頁面，頁面在WAP 門戶設(shè)計規(guī)范原則的前提下，可根據(jù)組織內(nèi)容特點靈活設(shè)計。 3.3.3 列表 頁面 手機視頻 WAP 門戶 列表 頁面劃分為四區(qū)塊： 頂部 導(dǎo)航 區(qū)塊、中部 核心 區(qū)塊、交叉推廣區(qū)塊、 底部區(qū)塊 。 頂部導(dǎo)航區(qū)塊：欄目 Banner +標準化訪問路徑 ； 中部核心區(qū)塊：內(nèi)容列表； 交叉推廣區(qū)塊：不做明確要求，可參照本規(guī)范設(shè)計式樣舉例進行靈活設(shè)計（見附文）； 底部區(qū)塊：同 頻道首頁、欄目頁面的頂部導(dǎo)航； 具體展示內(nèi)容要求如下（示例 如右圖）： 欄目 Banner 按照手機視頻 WAP統(tǒng)一風(fēng)格進行設(shè)計； 標準化訪問路徑 ： 用戶訪問至 當(dāng)前列表 頁面的標準路徑 導(dǎo)航； 頻 道 - X X 欄 目 - . . . - X X 欄 目返 回 上 一 級返 回 欄 目 首 頁返 回 手 機 視 頻 -簡 版 -彩 版返 回 移 動 夢 網(wǎng)【 現(xiàn) 在 是 1 0 - 0 8 - 1 2 1 7 : 2 8 】內(nèi) 容 圖 片簡 介 ：簡 介 簡 介 簡 介 簡 介 簡 介 簡 介點 播 ： 高 清 版 流 暢 版下 載 觀 看 更 流 暢按 次 X 元包 月 暢 看 更 精 彩 節(jié) 目 名 稱 節(jié) 目 名 稱內(nèi) 容 鏈 接 內(nèi) 容 鏈 接 內(nèi) 容內(nèi) 容 鏈 接 內(nèi) 容 鏈 接 內(nèi) 容 底 部 導(dǎo) 航精 彩 推 薦 內(nèi) 容節(jié) 目 名 稱流 量 費 全 免好 友 推 薦高 清 觀 看 流 暢 觀 看下 載 觀 看 更 流 暢按 次 X 元 包 月 暢 看 更 精 彩內(nèi)容播放頁面 中部核心區(qū)塊 ：主要以同一列表形式（并非統(tǒng)一列表形式）展示該葉子欄目的多條內(nèi)容， 中部核心區(qū)塊 底部展示分頁導(dǎo)航，可采用上一頁下一頁形式，也可采用頁碼形式； 3.3.4 內(nèi)容集 頁面 手機視頻 WAP 門戶 各 內(nèi)容播放 頁面劃分為四區(qū)塊：頂部區(qū)塊、中部核心區(qū)塊、交叉推廣區(qū)塊、底部區(qū)塊。 頂部區(qū)塊 ： 標準化訪問路徑 ； 中部核心區(qū)塊：內(nèi)容列表； 交叉推廣區(qū)塊：不做明確要求，可參照本規(guī)范設(shè)計式樣舉例進行靈活設(shè)計 （見附文）； 底部區(qū)塊：同 頻道首頁、欄目頁面的頂部導(dǎo)航； 3.3.5 內(nèi)容播放 頁面 手機視頻 WAP 門戶 各 內(nèi)容播放 頁面劃分為四區(qū)塊：頂部區(qū)塊、中部核心區(qū)塊、交叉推廣區(qū)塊、底部區(qū)塊。 頂部區(qū)塊 ： 標準化訪問路徑 ； 中部核心區(qū)塊 ：節(jié)目內(nèi)容主體呈現(xiàn)位置。組成元素為節(jié)目標題，節(jié)目圖片，節(jié)目播放下載鏈接，訂購鏈接，節(jié)目文字介紹，臨近節(jié)目導(dǎo)航，使用幫助 FAQ 等； 交叉推廣區(qū)塊：不做明確要求，可參照本規(guī)范設(shè)計式樣舉例進行靈活設(shè)計（見附文）； 底部區(qū)塊：同 頻道首頁、欄目頁面的頂部導(dǎo)航； 具體展示內(nèi)容要求如下： 標準化訪問路徑 ： 用 戶訪問至 當(dāng)前列表 頁面的標準路徑 導(dǎo)航； 中部核心區(qū)塊：嚴格按照規(guī)范設(shè)計樣式進行設(shè)計（見附文）； 3.4 WAP 門戶 頁面信息及設(shè)計規(guī)范 前提：所有頁面必須遵循本規(guī)范中的門戶設(shè)計總體原則要求 。 3.4.1 WAP 門戶頁面展示信息內(nèi)容規(guī)范 文字：針對 WAP1.X 及 WAP2.0，單行文字設(shè)置展示不超過13 個字（含特殊字符）； 文字：單行節(jié)目名稱中 不得出現(xiàn)“ # ￥ % & * _ + = 【 】”等特殊符號 ，使用 全角 符號 ； 圖片：頁面焦點大圖 160 80，業(yè)務(wù)首頁頭部 168 35，其他各級頁面頭部 160 30，專題頁面圖片在遵循本規(guī)范參數(shù)標準的情況下可靈活設(shè)計，一行單圖寬度 160，一行兩圖寬度80，一行三圖寬度 53，一行四圖寬度 40， ICON 規(guī)格為 15 15； 正文文字用 12 號字 Arial， 重點位置推介內(nèi)容可采用與欄目主體風(fēng)格相近的顏色凸顯； 各業(yè)務(wù)首頁面不得出現(xiàn)無效鏈接、鏈接指向錯誤等錯誤； 頁面內(nèi)容組織需 以顏色 、欄目導(dǎo)航等 區(qū)分不同版塊業(yè)務(wù)內(nèi)容 ； 按次計費點文字：流 暢播放、清晰播放、免流量播放、下載、快速下載、免流量下載、保存； 訂購計費點文字：包月無限量、精彩 15 優(yōu)惠套餐、包月 X 元、包月暢看更精彩 ； 各業(yè)務(wù)首頁面不得出現(xiàn)違背針對敏感內(nèi)容夢網(wǎng)撥測標準，具體標準見附文； 3.4.2 WAP 頁面設(shè)計要求 一、 頁面大?。喊凑毡疽?guī)范的參數(shù)標準進行開發(fā)； 二、 風(fēng)格： 使用較為柔和的底色，頁面整體色彩清晰 簡潔； 頁面盡量使用同 一種字體顏色的，不多用一種顏色 ； 使 用 簡 潔 易 懂 的 圖 標icon，延展性強 ； 建議業(yè)務(wù)首頁、欄目首頁、專題也等頁面 中心放置焦點圖片，提升整體明快感 ，不做強制要求； 以顏色 作為底色 區(qū)分不同版塊業(yè)務(wù)內(nèi)容 ，如用圖做為背景圖，默認底色須須背景圖顏色基本一致； 三、頁面主色調(diào)風(fēng)格： 本階段暫不對各業(yè)務(wù)頁面主色調(diào)風(fēng)格 進行具體規(guī)劃設(shè)置； 四、鏈接及文字顏色風(fēng)格： 本階段暫不對各業(yè)務(wù)鏈接及文字風(fēng)格進行具體規(guī)劃設(shè)置； 3.4 WAP 門戶 運營類 頁面 信息架構(gòu)標準 B a n n e r導(dǎo) 航 區(qū) 塊 （ 2 行 ）熱 點 推 薦 區(qū) 塊 （ 4 行 ）品 牌 業(yè) 務(wù) 入 口 （ 2 行 ）圖 片 推 薦 區(qū) （ 1 行 ）底 部 功 能 返 回 區(qū) （ 6 行 ）直 播 區(qū) 塊 （ 4 行 ）營 銷 活 動 區(qū) 塊 （ 不 超 過 3 行 ）垂 直 欄 目 內(nèi) 容 推 薦 區(qū) 塊 （ 1 8行 ）B a n n e r導(dǎo) 航 2 （ 1 - 2 行 ）W A P 1 . 0 門 戶 首 頁 樣 式 W A P 2 . 0 門 戶 首 頁 樣 式本 地 業(yè) 務(wù) 區(qū) 塊 （ 3 行 ）排 行 榜 區(qū) 塊 （ 4 行 ）品 牌 業(yè) 務(wù) 內(nèi) 容 推 薦 區(qū) 塊 （ 1 4行 ）免 費 推 薦 區(qū) 塊 （ 6 行 ）導(dǎo) 航 1 （ 2 - 3行 ）營 銷 活 動 區(qū) 塊 （ 不 超 過 3 行 ）熱 點 推 薦 區(qū) 塊 （ 4 行 ）品 牌 業(yè) 務(wù) 入 口 （