文档介绍：用户体验产品
目录
1、概述 2
2
2
2
2、web架构 2
web社会化框架 3
AFO方法 3
首要活动 3
识别社会化交互对象 4
Feature(功能)- 选择核心功能集。 5
web信息架构 6
web架构 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
web业务架构 29
web结构seo 29
逻辑结构 30
逻辑结构的意义 30
逻辑结构规范 30
逻辑结构两个要点 31
逻辑结构图 32
物理结构 33
物理结构的意义 33
规范-扁平式 34
物理结构的规范-树形结构 34
1、概述
· 在产品规划时,给部门内部的成员提供统一的规范和指导,有利于保证产品;
· 解决公司产品的可用性问题,即使操作更加人性化,减轻用户认知负担,改善产品的用户体验,提升产品的市场竞争力;
· 使产品在表现层面上达成界面外观与操作行为的一致。
参与产品规划的产品部成员。
所有互联网产品。
2、web架构
如果把一个网站比喻成一座建筑,那么这个建筑的结构就是这个网站的架构。建筑的结构决定了人们对它的第一印象,也决定了它最凸出的个性。建筑的结构可以从美的角度、实用的角度、个性的角度等方面分析。
web架构主要可以从四方面分析:社会化框架、信息架构、业务架构、结构SEO。考察这四个方面的都有各自的意义:网站社会化框架,以提高用户粘度为中心;信息架构,以满足用户需求为中心;业务架构,以客户赚钱为中心;为web架构seo,以服务搜索引擎为中心。
其中社会化框架和信息架构二者可以相互促进;web架构seo相对独立,但它也跟信息架构的页面链接有很大的关系;信息架构和业务架构有时候会有冲突,这时取决于我们优先满足普通用户还是客户,或是当前产品的正处在的阶段决定它们的优先级。
web社会化框架
什么是社会化框架?社会化设计是对支持社会交往的网站或应用的构思、规划和构建的过程。社会化框架即是社会化网站设计时形成的框架。考察网站社会化框架,主要是以提高用户粘度为中心。
AFO方法
Activity(活动)-专注首要活动。
Object(对象) -辨识交互对象
Feature(功能)- 选择核心功能集。
首要活动
我们首先要解决(并伴随整个设计过程)的问题是——你的用户要用你的产品做什么?
首要活动只有一个
最能吸引人的应用,就是让人出色完成某个特定活动的应用
总结:
当我们在开发一个新产品时,我们要解决的最重要的问题不是“谁要用我的产品”,而是“用户要用我的产品来做什么”!
我们平台的首要活动呢?
识别首要活动
用户的什么行为是网站获得成功的关键?
亚马逊回答是付款、淘宝呢? 微薄
目标:用户希望达到的最终目标
购买日用品娱乐赚钱享受美食与家人保持联系……..
活动:实现目标的一系列任务的组合
往往会专注于具体的任务,而忽略更宽泛的活动。我们不能盯着付款这个具体操作,忽略购买这个活动
任务:具体的某个功能
识别社会化交互对象
每一个活动都与特定对象相关,确定