文档介绍：--------------------------校验:_____________-----------------------日期:_____________原型设计规范、网页规范、用户体验规范、、概述 2规范目的 2规范人群 2规范范围 22、web架构 2社会化框架 3 AFO方法 3首要活动 3识别社会化交互对象 4Feature(功能)-选择核心功能集。 5信息架构 6架构 6信息页面 7 *用户视觉****惯 7 *页面宽度 10 *一致性 11 *简洁性 12 *清晰 12 *当前状态 12 导航 12 平面版式 13 栏目布局 18 栏目 18 分页 19 搜索 19 文字 20 图片 21 页脚信息 23 界面内部交互 24 *用户的操作****惯 24 *用户行为自由可控 24 *容错性 25 *操作的灵活高效性 25 *操作提示 26 *各类弹框 27 页面间交互 28 任务交互(工具类) 29业务架构 29结构seo 29 逻辑结构 30 逻辑结构的意义 30逻辑结构规范 30逻辑结构两个要点 31逻辑结构图 32 物理结构 33 物理结构的意义 33物理结构的规范-扁平式 34物理结构的规范-树形结构 341、概述规范目的·在产品规划时,给部门内部的成员提供统一的规范和指导,有利于保证产品;·解决公司产品的可用性问题,即使操作更加人性化,减轻用户认知负担,改善产品的用户体验,提升产品的市场竞争力;·使产品在表现层面上达成界面外观与操作行为的一致。规范人群参与产品规划的产品部成员。规范范围所有互联网产品。2、web架构如果把一个网站比喻成一座建筑,那么这个建筑的结构就是这个网站的架构。建筑的结构决定了人们对它的第一印象,也决定了它最凸出的个性。建筑的结构可以从美的角度、实用的角度、个性的角度等方面分析。web架构主要可以从四方面分析:社会化框架、信息架构、业务架构、结构SEO。考察这四个方面的都有各自的意义:网站社会化框架,以提高用户粘度为中心;信息架构,以满足用户需求为中心;业务架构,以客户赚钱为中心;为web架构seo,以服务搜索引擎为中心。其中社会化框架和信息架构二者可以相互促进;web架构seo相对独立,但它也跟信息架构的页面链接有很大的关系;信息架构和业务架构有时候会有冲突,这时取决于我们优先满足普通用户还是客户,或是当前产品的正处在的阶段决定它们的优先级。web社会化框架什么是社会化框架?社会化设计是对支持社会交往的网站或应用的构思、规划和构建的过程。社会化框架即是社会化网站设计时形成的框架。考察网站社会化框架,主要是以提高用户粘度为中心。AFO方法Activity(活动)-专注首要活动。Object(对象)-辨识交互对象Feature(功能)-选择核心功能集。首要活动我们首先要解决(并伴随整个设计过程)的问题是——你的用户要用你的产品做什么?首要活动只有一个最能吸引人的应用,就是让人出色完成某个特定活动的应用总结:当我们在开发一个新产品时,我们要解决的最重要的问题不是“谁要用我的产品”,而是“用户要用我的产品来做什么”!我们平台的首要活动呢?识别首要活动用户的什么行为是网站获得成功的关键?亚马逊回答是付款、淘宝呢?微薄目标:用户希望达到的最终目标购买日用品娱乐赚钱享受美食与家人保持联系……..活动:实现目标的一系列任务的组合往往会专注于具体的任务,而忽略更宽泛的活动。我们不能盯着付款这个具体操作,忽略购买这个活动任务:具体的某个功能识别社会化交互对象每一个活动都与特定对象相关,确定首要活动后的下一步是,用户进行这些活动时的交互对象。模拟实物:Facebook——在哈佛大学,facebook是一个真正的本子亚马逊的礼物愿望单——原型是人们用纸写下并相互分享的礼物愿望单Web应用中社交对象不一定要表现真实物品(视频、音乐、电子狗),他们有时候也是可以抽象的社交对象设计成功的案例照片书签博客商品职位电影视频新鲜事消息演示文档…..为社会化对象分配URL地址:对象有了URL地址就可以被分享出去对象有了URL地址就更容易被查找和寻回URL让人可以直接链接对象搜索引擎能利用URL更好工作Feature(功能)-选择核心功能集我们可以从首要活动及交互对象推导出核心功能集。为此我们要解决这些问题:1用户会对交互对象做哪些操作?2有哪些功能足够重要,是web应用必须支持的?寻找动词留意任何的对象集合,它们通常会成为有价值的功能。其中重要的集合方式是列表下面是搜索对象的几种常见的来源:礼物愿望单我的…(照片、评论、书签)购物车好友的…收藏夹项目分享条目AFO的方法指引来搜索亚马逊提供的社会化功能商品评分加入礼物愿望单分享个人商品图片新婚/新生儿礼物单买了该产品的用户还买了…告诉朋友