最新原型设计规范网页规范用户体验规范交互规范.docx

PAGE PAGE # / 35 用户体验产品规范 V1.0 目录 TOC \o 1-5 \h \z \o Current Document 1、概述 3 \o Current Document 规范目的 3 \o Current Document 规范人群 3 \o Current Document 规范范围 3 \o Current Document 2、 web 架构 3 \o Current Document web 社会化框架 4 \o Current Document AFO 方法 4 首要活动 4 识别社会化交互对象 5 Feature （功能） - 选择核心功能集。 6 \o Current Document web 信息架构 7 \o Current Document web 架构 7 \o Current Document 信息页面 7 \o Current Document * 用户视觉习惯 7 \o Current Document * 页面宽度 10 \o Current Document * 一致性 11 \o Current Document * 简洁性 13 \o Current Document *清晰 13 \o Current Document * 当前状态 13 \o Current Document 导航 13 \o Current Document 平面版式 13 \o Current Document 栏目布局 18 \o Current Document 栏目 19 \o Current Document 分页 19 \o Current Document 搜索 20 \o Current Document 文字 21 \o Current Document 图片 22 \o Current Document 页脚信息 24 \o Current Document 界面内部交互 24 \o Current Document * 用户的操作习惯 25 \o Current Document * 用户行为自由可控 25 \o Current Document * 容错性 25 * 操作的灵活高效性 26 \o Current Document * 操作提示 26 \o Current Document * 各类弹框 27 \o Current Document 页面间交互 29 \o Current Document 任务交互（工具类） 29 \o Current Document web 业务架构 30 \o Current Document web 结构 seo 30 \o Current Document 241逻辑结构 30 \o Current Document 241.1逻辑结构的意义 30 \o Current Document 逻辑结构规范 31 \o Current Document 241.3逻辑结构两个要点 31 \o Current Document 241.4逻辑结构图 32 \o Current Document 2.4.2物理结构 34 物理结构的意义 34 物理结构的规范-扁平式 34 物理结构的规范-树形结构 34 1、概述 规范目的 ?在产品规划时，给 部门内部的成员提供统一的规范和指导，有利于保证产品； ?解决公司 产品的可用性 问题，即使操作更加人性化，减轻用户认知负担，改善产品的用户 体验，提升产品的市场竞争力； ?使产品在表现层面上达成界面外观与操作行为的一致 。 规范人群 参与产品规划的 产品部成员 。 规范范围 所有互联网产品 。 2、 web 架构 如果把一个网站比喻成一座建筑， 那么这个建筑的结构就是这个网站的架构。 建筑的结 构决定了人们对它的第一印象， 也决定了它最凸出的个性。 建筑的结构可以从美的角度、 实 用的角度、个性的角度等方面分析。 web架构主要可以从四方面分析：社会化框架、信息架构、业务架构、结构 SEQ考察 这四个方面的都有各自的意义： 网站社会化框架， 以提高用户粘度为中心； 信息架构， 以满 足用户需求为中心；业务架构，以客户赚钱为中心；为 web架构seo,以服务搜索引擎为中 心。 其中社会化框架和信息架构二者可以相互促进； web架构seo相对独立，但它也跟信息 架构的