数字媒体-交互设计的原理与流程65页PPT
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
我们会做其它人也在做的事情，归属感对我们的吸引 力很大。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：电商网站上的评分和评论对我们影响很大—— 尤其是在无意识层面。 数据分析表明在酒店销售电商网站中，能够看到酒店 入住评价比不能看到顾客评价信息，其销售量会相差 30%之多。
用户界面，也称人机界面。是指用户和某些系统进行 交互方法的集合，这些系统不单单指电脑程序，还包 括某种特定的机器，设备，复杂的工具等。
IxD
IxD = Interaction Design
交互设计，又称互动设计。是指在用户与产品进行交 互时，决定产品如何响应的一种行为和事件设计。 以按钮为例，界面设计涉及它看起来是否像按钮及该 如何摆放，而交互设计则涉及按钮按下后产生的行为。
l我们喜欢认为自己的决定经过深思熟虑，但其实 大 多数决定和行为是无意识的。
l最有效的网站会与大脑的三个部分——旧脑、中脑、 新脑“对话”。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
寻找归属：社会认同的作用
人们观察别人以决定自己的行为。在他们不确定要不 要采取行动以及如何行时尤其如此。
制定故事：谁，何时，何地，干什么，为什么，怎么样
以用户体验为中心的设计 ——设计流程而非设计页面
以用户体验为中心的设计 ——设计流程而非设计页面 电子商务：
会员、订阅：
以用户体验为中心的设计 ——设计流程而非设计页面
把用户流程和转化渠道结合起来。
典型用户流程： 付费广告 社交媒体 邮件 搜索 新闻
以用户体验为中心的设计 ——用户研究
以用户体验为中心的设计 ——用户研究 +市场调查++竞品研究
发现用户所需：
Who：谁会使用这个产品？ What：他们想要知道什么？ When：他们何时想要知道？ Where：他们在哪使用你的产品？ Why：为什么他们用你的产品而不用同类其它产品？ How：他们如何使用你的产品？
以用户体验为中心的设计 ——设计流程而非设计页面
整合整个用户体验周期的流程——画流程图。
以用户体验为中心的设计 ——交互界面设计心理学
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意识设计界面
大脑的不同部分具有不同的功能，我们在此可将大脑简化为三 个不同部分：
l目标客户群体：中国和美国年轻人
l他希望这个电商网站所具有的功能： 树立品牌、产品展示 支付、交易功能（登陆、注册、购物车） 评价功能 精准的产品搜索功能 留言客服系统 向邮箱发送信息
产品经理所要权衡的事：
l产品业务需求。收入模式是什么，或者为什么这个产品对公司 的战略目标很重要？
l技术限制。开发工程 师会与产品经理或团队沟通。这些限制可 能是数据库存储的挑战、项目所花费的时间、产品的运行速度、 代码与其它系统集成的复杂性，或者仅仅是从软件工程 角度来 看所涉及的工作量。
目录
1 人机界面设计的三 个层面 界面设计 交互设计 信息架构
3Fra Baidu bibliotek原型设计
概念设计 低保真原型 高保真原型
2 以用户体验为中心的设计用户研究
用户研究的方法
用户界面心理学
4 界面设计
常见页面元素 布局 颜色 界面质感
情感化设计 可用性设计
人机界面设计的三个层面
界面设计 交互设计 信息架构
UI
UI = User‘s Interface
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：增加统计和柱状图让我们更加觉得自己的决定很 明智。尽管我们的决定来自于不理智的过程。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：我们会更相信我们认识并信任的人，如果评论有评 论者的名字、照片、日期、身份标签，会使评论更可信。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
负债感：如何利用互惠和让步
我们报答别人的帮助并且互换礼物，有些时候是出于 爱或觉得好玩，但多数时候是由于责任感。如果我给 了你礼物或者帮了你，你会有负债感，会希望送我礼 物或者帮我的忙。这在很大程度上是一种无意识的感 觉，而且会非常强烈。我们称之为互惠。
互联网产品生产基本流程
市场调查\用户研究\竞品分析
互
制定商业计划、开发计划、需求文档
联
网 产
界面设计、交互设计
品
生
编写代码、开发
产
基
测试、迭代
本
流 程
上线、维护、营销
用户研究、二次开发
从一个案例开始来学习设计：
lC先生从事跨境电商工作，销售茶叶，目前主要的销售渠道是 亚马逊，他想再建设一个自己的电子商务网站来展示和销售自 己的产品。
旧脑——判断什么是安全的什么是危险的；负责身体运作： 消化、移动和呼吸等。
中脑——处理情感，让你感知事物，也是很多冲动购买的根 源所在。
新脑——脑皮层，负责语言处理、讲话、阅读、思考计划…
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
l人旧脑和中脑的大多数行为都发生在我们的意识之 外，我们的大脑中是新脑在加工我们意识到的东西。
l使用产品的用户体验。产品经理需要站在用户的角度考虑问题， 去理解用户并平衡他们的需求。产品经理是最接近产品设计的 一个角色，而产品设计师则通常扮演用户，站在用户的角度考 虑问题。
以用户体验为中心的设计
用户研究 - 需求文档 概念设计 - 流程图、信息架构 原型设计 - 交互流程、低保真原型图 界面设计 - 高保真原型图
IA
IA = information architecture
信息架构，其过程包括观察和分析复杂的信息集，然后 设计一个系统，在这个系统里信息可以更好地被组织， 更好地被程序化以及更好 地被理解。
UX
UX =User experience design
用户体验。UX指用户体验，UX设计指以用户体验为中心的 设计。人与系统交互时的感觉就是用户体验。 UX设计师研究和评估一个系统的用户体验，关注与该系统的 易用性，价值体现，实用性，高效性等。例如，研究一个电 子商务站点的结账（checkout）流程，看看流程是否对用户 友好易用；研究子系统的组件，比如研究用户在填写Web表 单的时候如何更加高效和舒服。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：电商网站上的评分和评论对我们影响很大—— 尤其是在无意识层面。 数据分析表明在酒店销售电商网站中，能够看到酒店 入住评价比不能看到顾客评价信息，其销售量会相差 30%之多。
用户界面，也称人机界面。是指用户和某些系统进行 交互方法的集合，这些系统不单单指电脑程序，还包 括某种特定的机器，设备，复杂的工具等。
IxD
IxD = Interaction Design
交互设计，又称互动设计。是指在用户与产品进行交 互时，决定产品如何响应的一种行为和事件设计。 以按钮为例，界面设计涉及它看起来是否像按钮及该 如何摆放，而交互设计则涉及按钮按下后产生的行为。
l我们喜欢认为自己的决定经过深思熟虑，但其实 大 多数决定和行为是无意识的。
l最有效的网站会与大脑的三个部分——旧脑、中脑、 新脑“对话”。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
寻找归属：社会认同的作用
人们观察别人以决定自己的行为。在他们不确定要不 要采取行动以及如何行时尤其如此。
制定故事：谁，何时，何地，干什么，为什么，怎么样
以用户体验为中心的设计 ——设计流程而非设计页面
以用户体验为中心的设计 ——设计流程而非设计页面 电子商务：
会员、订阅：
以用户体验为中心的设计 ——设计流程而非设计页面
把用户流程和转化渠道结合起来。
典型用户流程： 付费广告 社交媒体 邮件 搜索 新闻
以用户体验为中心的设计 ——用户研究
以用户体验为中心的设计 ——用户研究 +市场调查++竞品研究
发现用户所需：
Who：谁会使用这个产品？ What：他们想要知道什么？ When：他们何时想要知道？ Where：他们在哪使用你的产品？ Why：为什么他们用你的产品而不用同类其它产品？ How：他们如何使用你的产品？
以用户体验为中心的设计 ——设计流程而非设计页面
整合整个用户体验周期的流程——画流程图。
以用户体验为中心的设计 ——交互界面设计心理学
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意识设计界面
大脑的不同部分具有不同的功能，我们在此可将大脑简化为三 个不同部分：
l目标客户群体：中国和美国年轻人
l他希望这个电商网站所具有的功能： 树立品牌、产品展示 支付、交易功能（登陆、注册、购物车） 评价功能 精准的产品搜索功能 留言客服系统 向邮箱发送信息
产品经理所要权衡的事：
l产品业务需求。收入模式是什么，或者为什么这个产品对公司 的战略目标很重要？
l技术限制。开发工程 师会与产品经理或团队沟通。这些限制可 能是数据库存储的挑战、项目所花费的时间、产品的运行速度、 代码与其它系统集成的复杂性，或者仅仅是从软件工程 角度来 看所涉及的工作量。
目录
1 人机界面设计的三 个层面 界面设计 交互设计 信息架构
3Fra Baidu bibliotek原型设计
概念设计 低保真原型 高保真原型
2 以用户体验为中心的设计用户研究
用户研究的方法
用户界面心理学
4 界面设计
常见页面元素 布局 颜色 界面质感
情感化设计 可用性设计
人机界面设计的三个层面
界面设计 交互设计 信息架构
UI
UI = User‘s Interface
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：增加统计和柱状图让我们更加觉得自己的决定很 明智。尽管我们的决定来自于不理智的过程。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：我们会更相信我们认识并信任的人，如果评论有评 论者的名字、照片、日期、身份标签，会使评论更可信。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
负债感：如何利用互惠和让步
我们报答别人的帮助并且互换礼物，有些时候是出于 爱或觉得好玩，但多数时候是由于责任感。如果我给 了你礼物或者帮了你，你会有负债感，会希望送我礼 物或者帮我的忙。这在很大程度上是一种无意识的感 觉，而且会非常强烈。我们称之为互惠。
互联网产品生产基本流程
市场调查\用户研究\竞品分析
互
制定商业计划、开发计划、需求文档
联
网 产
界面设计、交互设计
品
生
编写代码、开发
产
基
测试、迭代
本
流 程
上线、维护、营销
用户研究、二次开发
从一个案例开始来学习设计：
lC先生从事跨境电商工作，销售茶叶，目前主要的销售渠道是 亚马逊，他想再建设一个自己的电子商务网站来展示和销售自 己的产品。
旧脑——判断什么是安全的什么是危险的；负责身体运作： 消化、移动和呼吸等。
中脑——处理情感，让你感知事物，也是很多冲动购买的根 源所在。
新脑——脑皮层，负责语言处理、讲话、阅读、思考计划…
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
l人旧脑和中脑的大多数行为都发生在我们的意识之 外，我们的大脑中是新脑在加工我们意识到的东西。
l使用产品的用户体验。产品经理需要站在用户的角度考虑问题， 去理解用户并平衡他们的需求。产品经理是最接近产品设计的 一个角色，而产品设计师则通常扮演用户，站在用户的角度考 虑问题。
以用户体验为中心的设计
用户研究 - 需求文档 概念设计 - 流程图、信息架构 原型设计 - 交互流程、低保真原型图 界面设计 - 高保真原型图
IA
IA = information architecture
信息架构，其过程包括观察和分析复杂的信息集，然后 设计一个系统，在这个系统里信息可以更好地被组织， 更好地被程序化以及更好 地被理解。
UX
UX =User experience design
用户体验。UX指用户体验，UX设计指以用户体验为中心的 设计。人与系统交互时的感觉就是用户体验。 UX设计师研究和评估一个系统的用户体验，关注与该系统的 易用性，价值体现，实用性，高效性等。例如，研究一个电 子商务站点的结账（checkout）流程，看看流程是否对用户 友好易用；研究子系统的组件，比如研究用户在填写Web表 单的时候如何更加高效和舒服。