——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
负债感：如何利用互惠和让步
我们报答别人的帮助并且互换礼物，有些时候是出于 爱或觉得好玩，但多数时候是由于责任感。如果我给 了你礼物或者帮了你，你会有负债感，会希望送我礼 物或者帮我的忙。这在很大程度上是一种无意识的感 觉，而且会非常强烈。我们称之为互惠。
原型设计
低保真原型
原型设计
低保真原型
原型设计
低保真原型 axure
界面设计
常见页面元素 布局 颜色 界面质感
情感化设计 可用性设计
界面设计-常见界面元素
页头 head
banner logo nav Login or Regist BreadcrumbNavigation
内容 content
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
主角是你：与自我为中心的无意识对话。
你简单的旧脑只关注你自己，对它而言，一切都是你， 你就是一切。 创建“场景”引入“顾客”，并拿“危险、性和食物” 吸引顾客的旧脑。
为诱导和潜意 识设计界面
原型设计
概念设计
低保真原型
高保真原型
以用户体验为中心的设计 ——用户研究
以用户体验为中心的设计 ——用户研究 +市场调查++竞品研究
发现用户所需：
Who：谁会使用这个产品？ What：他们想要知道什么？ When：他们何时想要知道？ Where：他们在哪使用你的产品？ Why：为什么他们用你的产品而不用同类其它产品？ How：他们如何使用你的产品？
人机界面 设计
梅雪
人机界面设计的三个层面 以用户体验为中心的设计用户研究 原型设计 界面设计
目录
1 人机界面设计的三 个层面 界面设计 交互设计 信息架构
3 原型设计
概念设计 低保真原型 高保真原型
2 以用户体验为中心的设计用户研究
用户研究的方法
用户界面心理学
4 界面设计
常见页面元素 布局 颜色 界面质感
交互设计，又称互动设计。是指在用户与产品进行交 互时，决定产品如何响应的一种行为和事件设计。 以按钮为例，界面设计涉及它看起来是否像按钮及该 如何摆放，而交互设计则涉及按钮按下后产生的行为。
IA
IA = information architecture
信息架构，其过程包括观察和分析复杂的信息集，然后 设计一个系统，在这个系统里信息可以更好地被组织， 更好地被程序化以及更好 地被理解。
•用户浏览完图片后，下一个关 注点便是标题。
•用户会大致的浏览文本，但是 往往不会通读。
界面设计-布局
25 Innovative Websites that Buck the Design Trends
界面设计-颜色
根据软件属性、企业标识颜色、所要表达的主题内涵 等来选择界面配色。
回忆思考淘宝网，京东网，1号店，聚美优品，蘑菇 街的配色。 思考该茶叶网站配色。
情感化设计
界面设计-情感化设计
反思水平
反思水平的设计与物品的意义有关，受到环境、文化、身 份、认同等的影响，会比较复杂，变化也较快。这一层次， 事实上与顾客长期感受有关，需要建立品牌或者产品长期 的价值。只有在产品/服务和用户之间建立起情感的纽带， 通过互动影响了自我形象、满意度、记忆等，才能形成对 品牌的认知，培养对品牌的忠诚度，品牌成了情感的代表 或者载体。
界面设计-颜色
警告、强调色 已完成 超链接 不可点击
界面设计-质感
拟物
扁平
质感
界面设计-情感化设计
情感化设计
因为人类天生对于机器的恐惧和陌生——我们不喜欢冷冰冰的机 器，比如DOS命令，我们喜欢的有欢迎界面的windows或者 MAC OS——我们喜欢和人交谈。
界面设计-情感化设计
情感：情感是人对外界事物作用于自身时的一种生理的反应。 是由需要和期望决定的。当这种需求和期望得到满足时会产 生愉快、喜爱的情感，反之，苦恼、厌恶。 情感化设计：情感化的设计只是一种创意工具,表达和发挥设 计师的思想和设计目的。
情感化设计
界面设计-情感化设计
情感化设计
界面设计-情感化设计
本能水平 人是视觉动物，对外形的观察和理解是出自本能的。 如果视觉设计越是符合本能水平的思维，就越可能让 人接受并且喜欢。
情感化设计
界面设计-情感化设计
行为水平 行为水平的设计可能是我们应该关注最多的，特别对功能 性的产品来说，讲究效用，重要的是性能。使用产品是一 连串的操作，美观界面带来的良好第一印象能否延续，关 键就要看两点：是否能有效地完成任务，是否是一种有乐 趣的操作体验，这是行为水平设计需要解决的问题。
以用户体验为中心的设计 ——设计流程而非设计页面
整合整个用户体验周期的流程——画流程图。
以用户体验为中心的设计 ——交互界面设计心理学
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
为诱导和潜意识设计界面
大脑的不同部分具有不同的功能，我们在此可将大脑简化为三 个不同部分：
l我们喜欢认为自己的决定经过深思熟虑，但其实 大 多数决定和行为是无意识的。
l最有效的网站会与大脑的三个部分——旧脑、中脑、 新脑“对话”。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
寻找归属：社会认同的作用
人们观察别人以决定自己的行为。在他们不确定要不 要采取行动以及如何行时尤其如此。
情感化设计 可用性设计
人机界面设计的三个层面
界面设计 交互设计 信息架构
UI
UI = User‘s Interface
用户界面，也称人机界面。是指用户和某些系统进行 交互方法的集合，这些系统不单单指电脑程序，还包 括某种特定的机器，设备，复杂的工具等。
IxD
IxD = Interaction Design
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：接受别人说“不”，也是一种赠予。这个技巧有 时被称为“拒绝后让步”。发起者提出一个大多数人 都不会接受的要求，在被拒绝后提出更合理的方案， 最终可以获得他\她一开始就想要的东西 。
——负债感
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：小米手机和苹果手机。 市场部公开表示上市的第一批产品数量有限—
—并且很可能供不应求。
——稀缺感
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：“今日特价”“仅剩二双”
——稀缺感
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
和稀缺相似的理论是，产品的价格越贵（因而越 难得到——稀缺）质量就越好。我们无意识的追求 贵的东西，无意识地把昂贵与高质量画上等号。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：增加统计和柱状图让我们更加觉得自己的决定很 明智。尽管我们的决定来自于不理智的过程。
——寻找归属
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：我们会更相信我们认识并信任的人，如果评论有评 论者的名字、照片、日期、身份标签，会使评论更可信。
例：包邮、提供免费信息、小礼物。 ——负债感 帮你捐款。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
引发稀缺感：我们倾向于多要那些难以获得的东西。 我们会认为数量有限的东西更值钱，所以我们更想得 到它。 我们会认为难以获得的信息更有价值。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
UX
UX =User experience design
用户体验。UX指用户体验，UX设计指以用户体验为中心的 设计。人与系统交互时的感觉就是用户体验。 UX设计师研究和评估一个系统的用户体验，关注与该系统的 易用性，价值体现，实用性，高效性等。例如，研究一个电 子商务站点的结账（checkout）流程，看看流程是否对用户 友好易用；研究子系统的组件，比如研究用户在填写Web表 单的时候如何更加高效和舒服。
制定故事：谁，何时，何地，干什么，为什么，怎么样
以用户体中心的设计 ——设计流程而非设计页面 电子商务：
会员、订阅：
以用户体验为中心的设计 ——设计流程而非设计页面
把用户流程和转化渠道结合起来。
典型用户流程： 付费广告 社交媒体 邮件 搜索 新闻
l使用产品的用户体验。产品经理需要站在用户的角度考虑问题， 去理解用户并平衡他们的需求。产品经理是最接近产品设计的 一个角色，而产品设计师则通常扮演用户，站在用户的角度考 虑问题。
以用户体验为中心的设计
用户研究 - 需求文档 概念设计 - 流程图、信息架构 原型设计 - 交互流程、低保真原型图 界面设计 - 高保真原型图
我们会做其它人也在做的事情，归属感对我们的吸引 力很大。
为诱导和潜意 识设计界面
以用户体验为中心的设计 ——交互界面设计心理学
例：电商网站上的评分和评论对我们影响很大—— 尤其是在无意识层面。 数据分析表明在酒店销售电商网站中，能够看到酒店 入住评价比不能看到顾客评价信息，其销售量会相差 30%之多。
Text Img Button Link form
页脚 foot
Site map Copyright
界面设计-布局 布局就是布置视觉线索，“控制”用户的视觉路径。
界面设计-布局
F式布局
用户浏览网页的一般模式： 先看看页面的左上角，了解一下这是什么网站（因此此处适 合放置Logo)——“知道是什么” 然后扫描一下页面的顶部（导航栏，搜索栏）——“了解用 法” 下一步，用户的视线下移，开始阅读下一行的内容。 用户进入“扫描模式”，一旦找到感兴趣的内容便会打开。