人机交互界面设计第一章 人机交互设计概述.pptx

人机交互界面设计
第一章
人机交互设计概述
目录
01 主要内容
02 人机交互的定义、起源、发展
03 研究内容、用户体验、交互方式
04 人机交互界面设计的基本流程
05 网站开发流程
01 主要内容
一
人机交互界面的定义、起源、发展
了解
二
人机界面的研究内容、用户体验、交互方式
了解
三
人机交互界面设计的基本流程
理解
四
网站开发流程
理解
02 人机交互的定义、起源、发展
人机交互界面
人机交互
人机界面
puter Interaction
puter Interface
定义
02 人机交互的定义、起源、发展
定义
用户
系统
界面
02 人机交互的定义、起源、发展
起源与发展
1959
70年代
80年代
90年代
至今
l 早期的手工作业阶段
l 作业控制语言及交互命令语言阶段
l 图形用户界面(GUI)阶段
l 网络用户界面的出现
l 多通道、多媒体的智能人机交互阶段
人机交互的发展经历了几个阶段:
功能性界面设计
情感性界面设计
环境性界面设计
研究内容
03 研究内容、用户体验、交互方式
用户体验(User Experience)
「用户」、「过程中」和「主观感受」这3个关键词构成了用户体验的灵魂。
03 研究内容、用户体验、交互方式
用户体验(User Experience)
「用户」
Photoshop的目标用户,不是普通大众,而是专业的设计师。
03 研究内容、用户体验、交互方式
美图秀秀和 PS 对比
美图秀秀的目标用户,可能是一些普通爱美的大众。
用户体验(User Experience)
「过程中」
03 研究内容、用户体验、交互方式
告诉我们,在设计用户体验的时候,需要考虑用户所处的环境和使用场景。
办公室环境
室外环境