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、常用交互设计的原则
• 可视性
- 功能可视性越好,越方便用户发现和了解使用方法
• 反馈
- 返回与活动相关的信息,以便用户能够继续下一步操作
• 限制
- 在特定时刻限制用户操作,以防误操作
• 映射
- 准确表达控制及其效果之间的关系
• 一致性
- 保证同一系统的同一功能的表现及操作一致
• 启发性
- 充分准确的操作提示
交互设计除了上诉技术上原则以外,还有一些非准则需要注意:
– 有关爱(能体谅人,有帮助)
• 不伤害
• 改善人的状况
– 有意图的, 能帮助用户实现他们的目标和渴望
– 注重实效能有效的实现目标
– 优雅的
• 最简单的完整方案
• 拥有内部的一致性
• 合适的容纳和情感
![扫描关注微信公众号](https://images.cnblogs.com/cnblogs_com/chanshuyi/1943043/o_220725133529_%E5%BE%AE%E4%BF%A1%E6%90%9C%E4%B8%80%E6%90%9C-%E6%A0%91%E5%93%A5%E8%81%8A%E7%BC%96%E7%A8%8B.png)