全套课件 交互设计(第二版)--李世国

1666年 上个世纪70年代
1972年 1973年 1975年
1981年
1983年
塞缪尔·莫兰德 （Samuel Morland）发 明了可以计算 加数及减数的
一部机械计数 机
技术人员将计算过 程分解，穿孔纸带 输入编码
• INTEL推出8008 微处理器
• C语言开发完成 • ARPAnet走向世界
交互的语汇
使用双方能理解的语汇系统：
程序员
面向机器（系统模型）的语言
• 二进制机器语言 • 汇编语言指令集合 • C语言 • 可视化、图形化编程
程序的结构越来越面向人 的思维和现实世界问题
普通用户
Important
用户明白自己能执行什么动作，且系 统能够以同样的方式明白并按照其所 期待的来执行这些动作。
交互设计所追求的是易用性，以及 技术上的可能性、合理性。
交互设计的策略之一
当用户与系统交互时，把他们试图做什 么与他们更熟悉的其他东西关联起来。
12/44
1 概述
1 交互设计的缘起
1 交互设计的起源 / 计算机成为一种媒介材料
无处不在的交互 微控制器
数字逻辑触发器 智能手机ARM芯片 MP3播放器 游戏设备 汽车导航系统 物联网冰箱
设计师最重要的工作是: 为系统建立一个面向用户的表现模 型，将系统的功能通过形式语言诚 实地展现给用户。
用户心智模型
产品系统在用户心目中的运作机制， 通常是用户对系统的一种简化的、类 比的理解和想象
应尽可能容易理解和记忆
10/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1 交互设计的缘起 计算机成为设计的对象
交互设计
Interaction Design
概述
1 CHAPTER ONE 概述
1st 交互设计的起源 2nd 交互设计的设计本质 3rd 交互设计中的系统观 4th 交互设计的基本目标 5th 交互设计的意义与流程 6th 交互形式——追求自然的交互 7th 对交互设计有较大影响的学者
2/44
1 概述
5/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1 交互设计的缘起 计算机成为设计的对象
计算机
计算机软硬件复杂性
程序员及普通 用户认识差异
软件缺少人性化
软件未经过设计
可靠 程序不能有影响其功能的错误
好的软件
实用 程序应该满足所期望的实用要求
愉悦 使用程序的体验应该是愉快的
6/44
1 概述
7/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1 交互设计的缘起 计算机成为设计的对象
从使用者认知的角度改善易用性的早期成功尝试——Star系统 (首次在界面设计中使用图形比拟）
组件一：信息的显示
图形用户界面
组件二：控制 （命令机制）
组件三：用户概念模型
其他所有一切都要服从于使这种概念 模型整体、清晰、明确和充实的目标。
Important
使用户能够把这种抽象的东西 与自己的工Hale Waihona Puke Baidu关联起来
9/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1 交互设计的缘起 计算机成为设计的对象
表现模型
产品模型
系统实现模型
系统表现模型
即实现模型，是机器和程序实际如 何工作的原理和细节，描述了程序和 机器中功能实现、实际的工作机制。
• 米兹（mits） 公推出了世界 上第一台个人 计算机Altair8800
• 1973年首台基于 图形界面的电脑 Xerox Alto推出
• Xerox Alto商 用版本star开发 中，交互界面 的设计问题受 到重视
• Bill Maggridge 设计出第一台笔 记本电脑“Grid Compass”
1 交互设计的缘起
1 交互设计的起源 / 计算机成为设计的对象
从使用者认知角度改善易用性的早期成功尝试——Star系统 (首次在界面设计中使用图形比拟）
组件一：信息的显示
处理要在屏幕上显示的内容
图形用户界面
组件二：控制 （命令机制）
窗口边框和按钮外观、字体等
用来调用命令的机制
组件三：用户概念模型
用户想要的内容及用户会如何响应
4/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1984年, Bill Maggridge在一次会议中提出交互设计的概念
开始只是想着将软件与用户界面设计的结合，称为 “soft face”（软面）
1990年更名为“Interaction Design”(交互设计)。
吉利恩:
如果让我用一句话来概括交互设计的话,我认为交互设计 是通过数码产品改变着我们的工作,生活以及娱乐的一种 有效手段。
什么是交互设计？
交互设计
交互性不只是技术系统，还有
维基百科:交互设计定义两个或多个 互动的个体之间交流的内容和结构， 使之相互配合，共同达成某种目的。
非电子类 组织
产品
服务
以“在充满社会复杂性 的物质世界中嵌入信息 技术”为中心
人
使用的 产品
接受的 服务
3/44
1 概述
1 交互设计的起源
交互设计起源于计算机的人机界面设计
• Apple的Lisa奠定了以
窗 口 (Windows) 、
菜 单 (Menu) 、 图 符 (Icons) 和 指 示 装 置 (Pointing Devices)
为基础的图形用户界 面 ， 也 称 WIMP 界 面
的基本形态
ARPA：美国高级研究计划署（阿帕，Advanced Research Project Agency）的简称
……
塑造日常消费电子产品的形状和使用方式
交互设计是信息时代的工业设计。 在普适计算和物联理论的基础上，交互已经变得无处不在。
13/44
11/44
1 概述
1 交互设计的起源 / 计算机成为设计的对象
1 交互设计的缘起 计算机成为设计的对象
交互的语汇
采用二进制数值的直接输入和输 出的世界首台计算机Altair-8800。
拥 有 位 图 显 示 器 、 Windows 、 鼠标的Xerox Alto计算机，首次 使用了窗口设计被认为是操作系 统GUI界面发展史上的里程碑。
8/44
1 概述
1 交互设计的缘起
1 交互设计的起源 / 计算机成为设计的对象
从使用者认知的角度改善易用性的早期成功尝试——Star系统 (首次在界面设计中使用图形比拟）
组件一：信息的显示
图形用户界面
组件二：控制 （命令机制）
组件三：用户概念模型
Important
设计一致的命令调用（针对跨 不同语言的程序）