2.“以用户为中心的”互联网产品规划设计方法
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
6
1、业务定位和规划
Business value
Business Value Business object
Value driver
Value Driver
Capability
Driver Driver
Capability
7
2、需求定义
用户调研
• 设计用户体验调研问卷，包括用户基本网络行为、 产品使用情况、用户态度、可用性评估、用户群 背景等信息。 • 可以通过在线问卷等多种方式大范围开展调研 • 用户调研报告包括分析整理后的问卷调查数据， 形成单项评估结论，包括用户群分析（用户行为、 态度、背景资料、使用情况）、用户需求、用户 满意度等。 • 用户调研的目的是帮助 交互设计师调查了解用户 及其相关使用的场景，以便对其有深刻的认识(主 要包括用户使用时候的心理模式和行为模式)，从 而为后继设计提供良好的基础。
用户访谈的目的主要是辅助设计人员了解用 户的使用习惯和使用背景。
9
2、需求定义
现有系统运营分析
针对收集到的网站运营和用户行为数据进行分析，发现其中的 规律，总结网站整体运营情况、用户群和行为模型，以及相应 的用户体验指标，形成运营数据单项评估结论。 分析对象以产品研发和维护、内容管理、公司客户销售和服务、 用户管理服务为主，发现与用户体验相关的运营问题，比如组 织、流程和工具、员工和能力、KPI、IT工具维度分析运营中的 问题等，并分析原因和给出改进建议。
5、信任体验：呈现给用户的信任体验，强调可靠性。
12
有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验设计的 基本原则，也是用户体验设计的价值所在
有用性
• 有用性 给与用户帮助
易用性 用户体验 价值 F可寻性 可信任 可访问 期望性
• 易用性 简洁、容易使用
• 期望性
• 可访问性 • 可寻性
19
19
The Internet product Design Team
Total User Experience Leader
Marketing Specialist
Visual Designer
HCI Designer
User Research Specialist
Technology Architect
用户的满意度构建品牌忠诚度
对所有的人均可访问 信息容易找到
• 可信任 高质量的设计有利于建立信任
用户角色和用户场景
用户角色是根据产品业务，虚拟出一个用户来代表产品一类目标 用户群。用户角色详细描述了用户的生活习惯，个人喜好，对网 站的看法等各方面细节。在产品设计中我们会将用户角色贯穿产 品设计的始终。
用户场景描述了用户如何和产品交互。基于用户可行的行为模式， 设计创建场景或者用户故事或者storyboard来描绘设计中产品将来 可能的形态，并且通常使用用户角色(persona)来作为创建场景的基 础。
创建用户角色和场景的目的是帮助产品团队理解产品的目标用户， 以更有目的性和高效性的指导今后工作。
3
传统软件规划设计方法 vs. 互联网产品规划设计方法
传统软件方法 以技术为驱动 强调产品模块 有限领域的团队协作 关注内部架构 不擅长用户体验 局部关注市场竞争 开发先于用户验证 从缺陷角度衡量产品质量 产品评估由有限用户决定 关注内部用户
互联网产品方法 以用户为驱动 强调整体方案 多领域团队协作 关注外观设计 擅长用户体验 关注市场竞争 开发限于用户验证过的设计 从用户眼光衡量产品质量 产品评估取决于用户 关注所有用户
8
2、需求定义
用户访谈
通过小范围访谈，收集用户的意见和在使用 过程中可能存在的实际状况或问题，最后将 分析结论汇总为用户访谈报告。 好的设计人员一定是要是一个好的用户测试 和访谈人员, 做访谈时要以设计的思路去考虑 用户所说的,用设计的发现眼光去发现用户所 说的背后隐含的意义, 并且要有强的逻辑思维 去整理,并做出迅速的反应，即稳,准,狠。
53%
32% 32% 27% 25% 15% 13%
The research found that poorly organized search results and poor information architecture design to be the two most common and serious usability problems
Most Common UsabilityProblems
Poorly organized search results
Poor information architecture Slow performance Cluttered home pages Confusing labels Invasive registration Inconsistent navigation
1、业务定位和规划
5
互联网产品的规划和设计方法
1、业务定位和 规划 2、需求定义
T1: 用户需求调研与 分析 T0: 基于业务价 值和竞争优势 的产品定位和 规划 T2: 竞争对手和最佳 实践研究 T4: 需求筛 选与定义 (内容/结 构/运营) T5:典型 用户和 场景分 析
3、用户体验设计
T6: 信息架 构设计 T7: 交互设 计
用户测试的目的是测试产品而不是用户本身，以预测真 实真实环境下用户可能会遇到的严重的产品问题。
11
3、用户体验设计
网站用户体验，指的是利用网络特性，为客户提供完善的网络 体验，提高客户的满意度，从而与客户建立起紧密而持续的关系。 网络的体验，是体验的延伸。随着网络的普及，网络体验成为 体验营销不可缺少的重要组成部分。 网站体验的分类 1、感官体验：呈现给用户视听上的体验，强调舒适性。 2、交互体验：呈现给用户操作上的体验，强调易用/可用性。 3、情感体验：呈现给用户心理上的体验，强调友好性。 4、浏览体验：呈现给用户浏览上的体验，强调吸引性。
18
18
视觉设计 - 高保真原型
高保真原型在视觉设计（Visual Design）步骤之后提交。 在信息架构和交互设计的基础上，参 照目标群体的心理模型和任务达成进 行视觉设计。 视觉设计定义用户界面的外观和感觉， 包括页面风格、色彩、字体、图形元 素（按钮、图标、菜单图标）等，在 不破坏产品的结构和交互行为的前提 下，使得产品更美，更抽象，更艺术 化。 视觉设计要达到用户愉悦使用的目的， 同时传达品牌概念，提供一致，有逻 辑性的和引人注意的产品界面。
3、原型设计阶段 产品原型设计最基础的工作就是结合批注、 大量的说明以及流程框架图，将自己的产 品原型完整而准确地表述给UI、UE、程序 开发人员、市场营销人员，并通过沟通， 反复修改并最终确认，然后执行。
四、界面设计阶段 用户界面就如同一张脸，在人机互动过程中起着十分 重要的作用。界面设计极具挑战性，因为它不仅仅是 一次页面的体现，它需要设计学、语言学，还需要研 究心理学。设计页面的时候，要遵循一些基本的原则。 比如：要保持页面颜色的统一;保持界面风格的一致性 ;尽量减少用户的审美负担、记忆负担。 产品的设计过程中，UI负责首页风格设计，形成三套 解决方案，选择最满意的两套提交给需求部门，并和 需求部门经过多次协商调整后，最终形成定稿。接着 UE开始针对原型进行操作上的优化调整，手机各类 交互及用户体验方面的改善建议。在这个过程中，一 定要保证与需求部门沟通到位。
14
14
信息架构设计
信息架构设计通过对用户研究和任务分析，定义界面设计的骨架，即产品的整体架构， 页面布局和导航设计。主要包括： 网站地图和工作流程 菜单导航 网页内容提纲 信息架构设计的目的是把信息在产品界面上分门别类地存放，为之后的行为和功能设计 提供框架。
15
15
Why is IA important?
交互设计 - 低保真原型
低保真原型在交互设计 （ Interaction Design ）步骤之后 提交 任何产品功能的实现都是通过人 和机器的交互来完成的。交互设 计关注产品和使用者行为上的交 互以及交互的过程，包括和计算 机对话，交互，信息的输入和输 出，以及反馈机制，比如dialog, toolbar, form, message等 交互设计的目的是使产品对用户 能简单使用
T8:网站 页面框 架和低 保真原 型设计
T9:高保 真界面 设计
T3: 合作伙伴业务需 求调研与分析
T10: 用户测试
通过Value 使用用户调研、焦点小组、 Tree的方式， 最佳实践研究方法、 推导 Roadmap方法进行定义
使用适合互联网产品的用户体验设 计方法进行定义
注：互联网产品后台的系统规划、架构、设计和代码过程并行进行
“以用户为中心”的互联网产品 规划设计方法
目录
互联网产品设计方法 产品运作流程 产品设计流程 优秀的互联网产品设计
应用场景 用户需求 用户体验 交互设计
很多传统的软件公司，仍然在使用传统软件方法规划和设计互联 网产品
1 2
以技术或功能为中心的思想，不断提供给用户所不需要的新功能新技术，最后 功能累积不但使产品复杂不易使用，而且增加了开发成本；
Why is IA important?
Cost of finding (time, frustration)
Cost of not lost sales)
finding (alternate channels, lost customers,
Cost of construction (staff, technology, planning, bugs) Cost of maintenance (content management, redesigns) Cost of training (employees, turnover) Value of education (related products, projects, people) Value of brand (identity, reputation, credibility)
战略规划
市场分析
用户研究
概要设计
开发实施
功能设计
上线验收
原型设计
迭代更新
互联网产品设计流程
1、明确用户需求和产品目标 做好目标人群定位 理解行业竞争 有清晰的盈利模式 强调执行力，做长远的发展规划
2、概念设计 概念设计的直接目的是生成概念产品，它 是一系列有序的、可组织的、有目标的设 计活动，表现为一个由粗到精、由模糊到 清晰不断进化的过程。 阶段一：需求概念 阶段二：概念原型 阶段三：完成产品需求文档（PRD）
ቤተ መጻሕፍቲ ባይዱ
10
2、需求定义
用户测试
用户测试是观察典型用户使用产品的过程，最后在提交 的用户测试报告中总结测试过程中发现的问题，并给出 改进建议。其过程包括：
制定用户测试的范围、评估标准、实施流程、人员 安排和时间计划等 实施用户测试，收集相关数据 分析整理用户测试结果，形成评估结论，主要包括 现有网站的可用性问题及用户反馈。
vs.
4
以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而上的方法，依次 是战略层、范围层、结构层、框架层以及表现层。
互联网产品规划和设计的五层结构
5 界面原型 4 页面框架 界面、接口 导航体系 3 交互设计 2 功能需求 1 内容需求 信息架构
3、用户体验设计
2、需求定义
定位和目标 用户需求
Service & Support Specialist
User Assistance Architect
20
基于用户体验的网站的开发过程
界面
内容
情境
用户
互联网产品的运作流程
策划设计
开发测试
运营维护
什么是互联网产品设计
互联网产品设计主要指通过用户研究和分析进行的整套服务体系和价值 体系的设计过程。整个过程基于用户体验思想的设计过程，伴随着互联网产 品周期进行一系列产品设计活动，主要包括：
以计算机为中心的思想，设计的界面要求用户去学习复杂的功能指令来适应机器 ，而不是机器适应用户，结果使众多普通用户拒而远之，丢失了市场占有率；
3 4
设计师或程序员误以自我认识为中心，最终产品的特性与真实用户的需求不匹 配；
开发流程上，产品投放市场测试，收到反馈再修改，反复迭代，使得产品开发 周期很长，开发成本很高。
1、业务定位和规划
Business value
Business Value Business object
Value driver
Value Driver
Capability
Driver Driver
Capability
7
2、需求定义
用户调研
• 设计用户体验调研问卷，包括用户基本网络行为、 产品使用情况、用户态度、可用性评估、用户群 背景等信息。 • 可以通过在线问卷等多种方式大范围开展调研 • 用户调研报告包括分析整理后的问卷调查数据， 形成单项评估结论，包括用户群分析（用户行为、 态度、背景资料、使用情况）、用户需求、用户 满意度等。 • 用户调研的目的是帮助 交互设计师调查了解用户 及其相关使用的场景，以便对其有深刻的认识(主 要包括用户使用时候的心理模式和行为模式)，从 而为后继设计提供良好的基础。
用户访谈的目的主要是辅助设计人员了解用 户的使用习惯和使用背景。
9
2、需求定义
现有系统运营分析
针对收集到的网站运营和用户行为数据进行分析，发现其中的 规律，总结网站整体运营情况、用户群和行为模型，以及相应 的用户体验指标，形成运营数据单项评估结论。 分析对象以产品研发和维护、内容管理、公司客户销售和服务、 用户管理服务为主，发现与用户体验相关的运营问题，比如组 织、流程和工具、员工和能力、KPI、IT工具维度分析运营中的 问题等，并分析原因和给出改进建议。
5、信任体验：呈现给用户的信任体验，强调可靠性。
12
有用性、易用性、期望性、可访问性、可寻性以及可信任是用户体验设计的 基本原则，也是用户体验设计的价值所在
有用性
• 有用性 给与用户帮助
易用性 用户体验 价值 F可寻性 可信任 可访问 期望性
• 易用性 简洁、容易使用
• 期望性
• 可访问性 • 可寻性
19
19
The Internet product Design Team
Total User Experience Leader
Marketing Specialist
Visual Designer
HCI Designer
User Research Specialist
Technology Architect
用户的满意度构建品牌忠诚度
对所有的人均可访问 信息容易找到
• 可信任 高质量的设计有利于建立信任
用户角色和用户场景
用户角色是根据产品业务，虚拟出一个用户来代表产品一类目标 用户群。用户角色详细描述了用户的生活习惯，个人喜好，对网 站的看法等各方面细节。在产品设计中我们会将用户角色贯穿产 品设计的始终。
用户场景描述了用户如何和产品交互。基于用户可行的行为模式， 设计创建场景或者用户故事或者storyboard来描绘设计中产品将来 可能的形态，并且通常使用用户角色(persona)来作为创建场景的基 础。
创建用户角色和场景的目的是帮助产品团队理解产品的目标用户， 以更有目的性和高效性的指导今后工作。
3
传统软件规划设计方法 vs. 互联网产品规划设计方法
传统软件方法 以技术为驱动 强调产品模块 有限领域的团队协作 关注内部架构 不擅长用户体验 局部关注市场竞争 开发先于用户验证 从缺陷角度衡量产品质量 产品评估由有限用户决定 关注内部用户
互联网产品方法 以用户为驱动 强调整体方案 多领域团队协作 关注外观设计 擅长用户体验 关注市场竞争 开发限于用户验证过的设计 从用户眼光衡量产品质量 产品评估取决于用户 关注所有用户
8
2、需求定义
用户访谈
通过小范围访谈，收集用户的意见和在使用 过程中可能存在的实际状况或问题，最后将 分析结论汇总为用户访谈报告。 好的设计人员一定是要是一个好的用户测试 和访谈人员, 做访谈时要以设计的思路去考虑 用户所说的,用设计的发现眼光去发现用户所 说的背后隐含的意义, 并且要有强的逻辑思维 去整理,并做出迅速的反应，即稳,准,狠。
53%
32% 32% 27% 25% 15% 13%
The research found that poorly organized search results and poor information architecture design to be the two most common and serious usability problems
Most Common UsabilityProblems
Poorly organized search results
Poor information architecture Slow performance Cluttered home pages Confusing labels Invasive registration Inconsistent navigation
1、业务定位和规划
5
互联网产品的规划和设计方法
1、业务定位和 规划 2、需求定义
T1: 用户需求调研与 分析 T0: 基于业务价 值和竞争优势 的产品定位和 规划 T2: 竞争对手和最佳 实践研究 T4: 需求筛 选与定义 (内容/结 构/运营) T5:典型 用户和 场景分 析
3、用户体验设计
T6: 信息架 构设计 T7: 交互设 计
用户测试的目的是测试产品而不是用户本身，以预测真 实真实环境下用户可能会遇到的严重的产品问题。
11
3、用户体验设计
网站用户体验，指的是利用网络特性，为客户提供完善的网络 体验，提高客户的满意度，从而与客户建立起紧密而持续的关系。 网络的体验，是体验的延伸。随着网络的普及，网络体验成为 体验营销不可缺少的重要组成部分。 网站体验的分类 1、感官体验：呈现给用户视听上的体验，强调舒适性。 2、交互体验：呈现给用户操作上的体验，强调易用/可用性。 3、情感体验：呈现给用户心理上的体验，强调友好性。 4、浏览体验：呈现给用户浏览上的体验，强调吸引性。
18
18
视觉设计 - 高保真原型
高保真原型在视觉设计（Visual Design）步骤之后提交。 在信息架构和交互设计的基础上，参 照目标群体的心理模型和任务达成进 行视觉设计。 视觉设计定义用户界面的外观和感觉， 包括页面风格、色彩、字体、图形元 素（按钮、图标、菜单图标）等，在 不破坏产品的结构和交互行为的前提 下，使得产品更美，更抽象，更艺术 化。 视觉设计要达到用户愉悦使用的目的， 同时传达品牌概念，提供一致，有逻 辑性的和引人注意的产品界面。
3、原型设计阶段 产品原型设计最基础的工作就是结合批注、 大量的说明以及流程框架图，将自己的产 品原型完整而准确地表述给UI、UE、程序 开发人员、市场营销人员，并通过沟通， 反复修改并最终确认，然后执行。
四、界面设计阶段 用户界面就如同一张脸，在人机互动过程中起着十分 重要的作用。界面设计极具挑战性，因为它不仅仅是 一次页面的体现，它需要设计学、语言学，还需要研 究心理学。设计页面的时候，要遵循一些基本的原则。 比如：要保持页面颜色的统一;保持界面风格的一致性 ;尽量减少用户的审美负担、记忆负担。 产品的设计过程中，UI负责首页风格设计，形成三套 解决方案，选择最满意的两套提交给需求部门，并和 需求部门经过多次协商调整后，最终形成定稿。接着 UE开始针对原型进行操作上的优化调整，手机各类 交互及用户体验方面的改善建议。在这个过程中，一 定要保证与需求部门沟通到位。
14
14
信息架构设计
信息架构设计通过对用户研究和任务分析，定义界面设计的骨架，即产品的整体架构， 页面布局和导航设计。主要包括： 网站地图和工作流程 菜单导航 网页内容提纲 信息架构设计的目的是把信息在产品界面上分门别类地存放，为之后的行为和功能设计 提供框架。
15
15
Why is IA important?
交互设计 - 低保真原型
低保真原型在交互设计 （ Interaction Design ）步骤之后 提交 任何产品功能的实现都是通过人 和机器的交互来完成的。交互设 计关注产品和使用者行为上的交 互以及交互的过程，包括和计算 机对话，交互，信息的输入和输 出，以及反馈机制，比如dialog, toolbar, form, message等 交互设计的目的是使产品对用户 能简单使用
T8:网站 页面框 架和低 保真原 型设计
T9:高保 真界面 设计
T3: 合作伙伴业务需 求调研与分析
T10: 用户测试
通过Value 使用用户调研、焦点小组、 Tree的方式， 最佳实践研究方法、 推导 Roadmap方法进行定义
使用适合互联网产品的用户体验设 计方法进行定义
注：互联网产品后台的系统规划、架构、设计和代码过程并行进行
“以用户为中心”的互联网产品 规划设计方法
目录
互联网产品设计方法 产品运作流程 产品设计流程 优秀的互联网产品设计
应用场景 用户需求 用户体验 交互设计
很多传统的软件公司，仍然在使用传统软件方法规划和设计互联 网产品
1 2
以技术或功能为中心的思想，不断提供给用户所不需要的新功能新技术，最后 功能累积不但使产品复杂不易使用，而且增加了开发成本；
Why is IA important?
Cost of finding (time, frustration)
Cost of not lost sales)
finding (alternate channels, lost customers,
Cost of construction (staff, technology, planning, bugs) Cost of maintenance (content management, redesigns) Cost of training (employees, turnover) Value of education (related products, projects, people) Value of brand (identity, reputation, credibility)
战略规划
市场分析
用户研究
概要设计
开发实施
功能设计
上线验收
原型设计
迭代更新
互联网产品设计流程
1、明确用户需求和产品目标 做好目标人群定位 理解行业竞争 有清晰的盈利模式 强调执行力，做长远的发展规划
2、概念设计 概念设计的直接目的是生成概念产品，它 是一系列有序的、可组织的、有目标的设 计活动，表现为一个由粗到精、由模糊到 清晰不断进化的过程。 阶段一：需求概念 阶段二：概念原型 阶段三：完成产品需求文档（PRD）
ቤተ መጻሕፍቲ ባይዱ
10
2、需求定义
用户测试
用户测试是观察典型用户使用产品的过程，最后在提交 的用户测试报告中总结测试过程中发现的问题，并给出 改进建议。其过程包括：
制定用户测试的范围、评估标准、实施流程、人员 安排和时间计划等 实施用户测试，收集相关数据 分析整理用户测试结果，形成评估结论，主要包括 现有网站的可用性问题及用户反馈。
vs.
4
以用户为中心的用户体验设计涉及5个层级。设计的过程是按自下而上的方法，依次 是战略层、范围层、结构层、框架层以及表现层。
互联网产品规划和设计的五层结构
5 界面原型 4 页面框架 界面、接口 导航体系 3 交互设计 2 功能需求 1 内容需求 信息架构
3、用户体验设计
2、需求定义
定位和目标 用户需求
Service & Support Specialist
User Assistance Architect
20
基于用户体验的网站的开发过程
界面
内容
情境
用户
互联网产品的运作流程
策划设计
开发测试
运营维护
什么是互联网产品设计
互联网产品设计主要指通过用户研究和分析进行的整套服务体系和价值 体系的设计过程。整个过程基于用户体验思想的设计过程，伴随着互联网产 品周期进行一系列产品设计活动，主要包括：
以计算机为中心的思想，设计的界面要求用户去学习复杂的功能指令来适应机器 ，而不是机器适应用户，结果使众多普通用户拒而远之，丢失了市场占有率；
3 4
设计师或程序员误以自我认识为中心，最终产品的特性与真实用户的需求不匹 配；
开发流程上，产品投放市场测试，收到反馈再修改，反复迭代，使得产品开发 周期很长，开发成本很高。