10、互联网产品的交互设计

理解互联网产品交互设计的:

– 交互设计之父 – 交互设计的定义 – 理清几个容易混淆的概念

1、交互设计之父——比尔.莫格里奇

• 比尔·莫格里奇、比尔·莫格里吉1943年6月25日－2012年9月8日离世，享年69岁。 • 交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了， 莫格里奇在1984年一次设计会议上提出，开始命名为“软面（Soft Face）”，由于这个名字让人 想起当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”。

2、交互设计简述

①交互设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。 ②交互设计首先旨在规划和描述事物的行为方式，然后描述传达这种行为的最有效形式。 注意：先规划描述，再描述传达。

3、交互设计白话版

互联网交互设计是指 - 用户使用产品过程中行为输入产品再到产品输出信息的全过程（输入信息-输出信息的全过程），拿iphone解锁举例：

这个过程中，包括你按下电源键的触感，屏幕的解锁提示文字等……

4、经常混淆的概念

• 产品设计 – 关注的是功能、结构、人因、形态、色彩，环境等设计要素以及采用的技术、方法和功能的实现手段等，是间接影响产品最终用户的设计 • 以用户为中心的设计 – 是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计模式。 • 用户体验 – 目标，即我们努力应该去为用户创造良好的感受，参考15，16课内容 • 交互设计 – 注重产品和使用者行为上的交互以及交互的过程，强调的是设计理念和方法。侧重的是交互双方信息表达方式和情感，是直接影响产品最终用户的设计 • 人机交互 – 人与计算机的交互，交互的对象特指计算机，是交互设计里面的一种。 • 界面设计 – 主要指人和机器交互界面的设计。 • 可用性 – 评测用户体验的标准

5、基础的交互方式

主要有：图像、声音、数据、动作。

6、如何更好的学习交互设计

• 首先要明确，交互设计对PM的要求必须是： – 实战经验 – 要求知识面广 • 我们如何更好的学习交互设计，建议练习方式如下： – 找到一些常见的任务，例如注册，登陆，发布微博等 – 仔细分析用户的特征后，明确目标以后,自己开始手绘交互的流程（手绘比工具快） – 反复修改，直到你认为已经达到了最简单，最好体验 – 对比你的设计与真正的现有的优秀产品

7、常用交互设计的原则

• 可视性 - 功能可视性越好，越方便用户发现和了解使用方法 • 反馈 - 返回与活动相关的信息，以便用户能够继续下一步操作 • 限制 - 在特定时刻限制用户操作，以防误操作 • 映射 - 准确表达控制及其效果之间的关系 • 一致性 - 保证同一系统的同一功能的表现及操作一致 • 启发性 - 充分准确的操作提示

交互设计除了上诉技术上原则以外，还有一些非准则需要注意： – 有关爱（能体谅人，有帮助） • 不伤害 • 改善人的状况 – 有意图的， 能帮助用户实现他们的目标和渴望 – 注重实效能有效的实现目标 – 优雅的 • 最简单的完整方案 • 拥有内部的一致性 • 合适的容纳和情感