手机视频WAP门户信息架构及设计规范

1、手机视频WAP门户信息架构及设计规范视频运营中心业务运营部目 录 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 第二章.门户设计总体原则 PAGEREF _Toc271115474 h 5 HYPERLINK l _T

2、oc271115475 第三章. WAP门户信息架构及设计规范 PAGEREF _Toc271115475 h 7 HYPERLINK l _Toc271115476 WAP门户页面分类 PAGEREF _Toc271115476 h 7 HYPERLINK l _Toc271115477 手机视频页面适配标准 PAGEREF _Toc271115477 h 8 HYPERLINK l _Toc271115478 3.3 WAP门户主要页面信息架构 PAGEREF _Toc271115478 h 8 HYPERLINK l _Toc271115487 3.4 WAP门户运营类页面信息架构标准

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日张洪志补充第二章及部分内容第一章. 概述背景 随着手机视频新业务管理平台的启用，平台引入了更加灵活和便捷的栏目计费方式，同时也新增了一些通用的标签，简化并标准化了合作伙伴的代码开发和调试工作，而与之相配套的门户信息架构和设计规范一直是门户

4、运营的薄弱环节。 手机视频业务发展至今，门户各业务分属于不同运营方，页面风格以及用户使用流程并不统一，严重影响了用户体验，各从属于手机视频门户的业务页面应按照统一规范制作，保证手机视频站点的结构统一。 此外，集团公司计划明年新入库的终端中，部分终端的浏览器，而只支持WAP2.0协议。为了能够使这部分终端用户正常使用手机视频WAP业务的服务，就需要基于现有的WAP门户业务架构，提供平行的一整套页面。适用范围手机视频WAP门户中的页面按照管理范畴，可以分为三类：门户运营类页面、合作方运营类页面、渠道类页面。门户运营类页面主要是指手机视频WAP门户，MY频道页面等由业务运营部网站运营主导执行运营的页

5、面。合作方运营类页面主要是指由合作伙伴、垂直栏目、本地业务等在门户上主导运营的页面。渠道类页面主要是指各合作方在产品渠道推广过程中所定制的页面，且这些页面在手机视频WAP门户主站无任何链接和入口（包括搜索）。 本规范主要适用对象不仅局限于门户运营类页面和合作方运营类页面，也可供渠道类页面等其它页面参考。总体原则所有页面或者内容模板均需分别针对WAP1.x简版页面和WAP彩版页面进行设计和制作，在保持排版结构及内容基本统一的前提下，充分发挥展现能力，比如通过导航添加背景色以区分不同区块业务内容；用户业务订购流程，必须遵循两次确认原则，且页面中不允许存在产生用户使用歧义的信息和链接；含计费点链接（

6、播放、下载、订购）的页面，针对未订购用户必须有与内容和栏目对应的明显准确无误的资费提示，以及清楚的表明被订购内容所属的业务名称和栏目名称等信息；对于资费提醒文字，须在计费点链接上下同一屏中呈现；按次计费提醒文字紧接按次计费点；除重点内容产品外，渠道类推广页面，不允许挂接在手机视频WAP门户页面中，涉及的节目内容也不允许通过WAP门户搜索功能被用户访问到；WAP门户所有页面暂不允许用户主动输入内容，并被第三方用户立即可见，包括好友推荐；除渠道类页面外，其余所有页面底部必须有“返回移动梦网”及“返回手机视频”链接；非顶级栏目对应页面，还需添加具有返回功能的导航链接；各业务对应的每类页面模板（见3.

7、1 WAP门户页面分类）不能超过10个，各业务总的模板数不得超过50个；根据OMS2.0平台提供的模板审核功能，WAP门户页面运营将增加内容模板审核环节，各业务方在业务上线之前，业务对应的生产模板均需要通过网站运营技术人员的审核，符合WAP门户信息架构及设计规范的模板方可成为生产模板投入页面生产发布；各产品WAP各页面设计按照本规范提供的模板设计式样库进行，超出模板设计式样库的展示样式需产品负责人把关，并与网站运营团队经过评审后将样式纳入该合作方模板设计样式库中，投入页面生产发布。 （原则根据手机视频WAP网站运营的具体情况进行完善调整）第三章. WAP门户信息架构及设计规范WAP门户页面分类

8、WAP网站页面包含门户运营类及合作方运营类页面，根据产品内容层次主要分为八类页面：业务首页、栏目页面、专题页面、列表页面、内容集页面、内容播放页面、订购页面和辅助页面；业务首页：即各业务门户，集中化展示热点、重点内容，模块化展示业务所有栏目内容及其他内容；栏目页面：各级子栏目页面；专题页面：围绕热点内容或营销活动设计的专题首页及其各级页面；列表页面：内容列表页；内容集页面：类似于内容列表页，多条节目（例如全片）集中展示，并展示播放及下载链接；内容播放页面：单条内容的详情播放页面；订购页面：即业务订购页；辅助页面：与业务或营销活动相关的说明页，帮助页等页面；3.2手机视频页面适配标准 根据终端U

9、A对手机视频页面及彩版页面进行精准终端适配 。手机视频各版本页面参数标准页面版本页面 链接行数页面大小 （代码） 页面大小 （代码+图片） 版本5060小于10K小于15K版本7080小于30K小于50K WAP门户主要页面信息架构.1业务首页、栏目页面手机视频WAP门户各业务和栏目页面划分为三个区块：顶部导航区块、中部核心区块、底部区块。顶部导航区块：频道Banner + 栏目导航；中部核心区块：由二级导航 + 子区块内容推荐位展现频道内容 + 交叉推荐 + 互动功能 + 底部导航等内容，展示方面可根据自身业务特点灵活处理；栏目首页、业务首页底部区块：返回区；具体展示内容要求如下（示例如右图

10、）：频道Banner按照手机视频Banner统一风格进行设计；公告行滚动展示当前频道的公告、重点营销活动、重点专题、重点内容推介，无时隐藏；可灵活配置为滚动内容的展示；频道导航统一放置，首页导航放置频道重点栏目等常态化栏目；其他栏目页面的导航放置该栏目内重点栏目导航、热点专题、活动，频道导航总行数为2-3行；中部核心区块不做明确要求，需根据栏目设计进行版块划分，并且具备明显区隔，设计可参考本规范设计式样举例进行灵活设计（见附文）；返回区放置内容规则见门户设计原则；3.3.2专题页面专题页面为各产品围绕内容设计的专题首页及各级页面，页面在WAP门户设计规范原则的前提下，可根据组织内容特点灵活设计

11、。3.3.3列表页面列表页面手机视频WAP门户列表页面划分为四区块：顶部导航区块、中部核心区块、交叉推广区块、底部区块。顶部导航区块：栏目Banner +标准化访问路径；中部核心区块：内容列表；交叉推广区块：不做明确要求，可参照本规范设计式样举例进行灵活设计（见附文）；底部区块：同频道首页、栏目页面的顶部导航；具体展示内容要求如下（示例如右图）：栏目Banner按照手机视频WAP统一风格进行设计；标准化访问路径：用户访问至当前列表页面的标准路径导航；中部核心区块：主要以同一列表形式（并非统一列表形式）展示该叶子栏目的多条内容，中部核心区块底部展示分页导航，可采用上一页下一页形式，也可采用页码形

12、式；3.3.4内容集页面手机视频WAP门户各内容播放页面划分为四区块：顶部区块、中部核心区块、交叉推广区块、底部区块。顶部区块：标准化访问路径；中部核心区块：内容列表；内容播放页面交叉推广区块：不做明确要求，可参照本规范设计式样举例进行灵活设计（见附文）；底部区块：同频道首页、栏目页面的顶部导航；3.3.5内容播放页面手机视频WAP门户各内容播放页面划分为四区块：顶部区块、中部核心区块、交叉推广区块、底部区块。顶部区块：标准化访问路径；中部核心区块：节目内容主体呈现位置。组成元素为节目标题，节目图片，节目播放下载链接，订购链接，节目文字介绍，临近节目导航，使用帮助FAQ等；交叉推广区块：不做明

13、确要求，可参照本规范设计式样举例进行灵活设计（见附文）；底部区块：同频道首页、栏目页面的顶部导航；具体展示内容要求如下：标准化访问路径：用户访问至当前列表页面的标准路径导航；中部核心区块：严格按照规范设计样式进行设计（见附文）；3.4 WAP门户页面信息及设计规范前提：所有页面必须遵循本规范中的门户设计总体原则要求。3.4.1 WAP门户页面展示信息内容规范文字：针对及，单行文字设置展示不超过13个字（含特殊字符）；文字：单行节目名称中不得出现“ # ￥ % & * _ + = 【 】”等特殊符号，使用全角符号；图片：页面焦点大图16080，业务首页头部16835，其他各级页面头部16030，

14、专题页面图片在遵循本规范参数标准的情况下可灵活设计，一行单图宽度160，一行两图宽度80，一行三图宽度53，一行四图宽度40，ICON规格为1515；正文文字用12号字Arial，重点位置推介内容可采用与栏目主体风格相近的颜色凸显；各业务首页面不得出现无效链接、链接指向错误等错误；页面内容组织需以颜色、栏目导航等区分不同版块业务内容；按次计费点文字：流畅播放、清晰播放、免流量播放、下载、快速下载、免流量下载、保存；订购计费点文字：包月无限量、精彩15优惠套餐、包月X元、包月畅看更精彩；各业务首页面不得出现违背针对敏感内容梦网拨测标准，具体标准见附文；WAP页面设计要求一、页面大小：按照本规范的

15、参数标准进行开发；二、风格：使用较为柔和的底色，页面整体色彩清晰简洁；页面尽量使用同一种字体颜色的，不多用一种颜色；使用简洁易懂的图标icon，延展性强；建议业务首页、栏目首页、专题也等页面中心放置焦点图片，提升整体明快感，不做强制要求；以颜色作为底色区分不同版块业务内容，如用图做为背景图，默认底色须须背景图颜色基本一致；三、页面主色调风格：本阶段暂不对各业务页面主色调风格进行具体规划设置；四、链接及文字颜色风格：本阶段暂不对各业务链接及文字风格进行具体规划设置；3.4 WAP门户运营类页面信息架构标准附文一手机视频WAP门户页面设计式样库见visio附文二BOC对梦网拨测参考标准如下：政治敏感，迷信、反社会等内容；严禁涉及低俗/挑逗/诱惑性字眼，以挑逗性标题吸引点击的；对人体性部位的比较直接或暴露和描写；带有侵犯个人隐私性质的走光、偷拍、漏点等内容；敏感词汇如“美女”等需联系上下文进