互联网产品的交互设计
♦ 交互设计之父 比尔 • 莫格里奇
– 英国知名产品设计师,工业设计教授,交互设计书籍作者,同时也是工业设计顾问公司IDEO的创办
人,以及美国古柏惠特设计博物馆的指导长。他以采纳人性工程的工业设计理论著名,同时也是现今
产品设计主流理论开发者。
– 他在1979年设计出的第一台贝壳式笔记本电脑 “Gird Compass”, 至今仍是可携电脑的主流外型,该产
品曾荣获2010年,有英国设计奥斯卡之称的菲利浦亲王设计奖(Prince Philip Designeraser Prize)。
– 交互设计(Interaction Design)作为一门关注交互体验的新学科在二十世纪八十年代产生了,莫格里
奇在1984年一次设计会议上提出,开始命名为“软面(soft Face)”,由于这个名字让人想起当时流行的玩具
“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为 “Interaction Design”
-------------------------------------------------------------------------------------------------------------------------
♦ 交互设计简述
• 交互设计
– 交互设计是人工制品,环境和系统的行为,以及传达这种行为的外观元素的设计与定义。
不像传统的设计学科主要关注形式,最近则是关注内容和内涵,而交互设计首先旨在规
划和描述事物的行为方式,然后描述传达这种行为的最有效形式。
– 交互设计借鉴了传统设计,可用性及工程学科的理论和技术。它是一个具有独特方法和实
践的综合体,而不只是部分的叠加。它是一门工程学科,具有不同于其他学科和工程学科的
方法。
– 交互设计,是用户体验的重要组成部分
• 交互设计位于用户体验中的重要位置 - 结构层
• 互联网交互设计是指
– 用户使用产品过程中行为输入产品再到产品输出信息的全过程,拿 iPhone 解锁举例:
♦ 那些年,我们经常混淆的概念
• 产品设计
– 关注的是功能、结构、人因、形态、色彩,环境等设计要素以及采用的技术、方法和功能的实现手段等,
是间接影响产品最终用户的设计
• 以用户为中心的设计 (UCD)
– 是在设计过程中以用户体验为设计决策的中心,强调用户优先的设计模式
• 用户体验
– 目标,即我们努力应该去为用户创造良好的感受(参考前面博客)
• 交互设计
– 注重产品和使用者行为上的交互以及交互的过程,强调的是设计理念和方法。侧重的是交互双方信息表
达方式和情感,是直接影响产品最终用户的设计
• 人机交互
– 人与计算机的交互,交互的对象指计算机以及其他智能设备,是交互设计里面的一种
• 界面设计
– 主要指人和机器交互界面的设计
• 可用性
– 评测用户体验的标准
♦ 基础的交互方式
♦ 如何更好的学习交互设计
• 首先要明确,交互设计对PM的要求必须是:
– 实战经验
– 要求知识面广
• 我们如何更好的学习交互设计,建议练习方式如下:
– 找到一些常见的任务,例如注册,登录,发布微博等、
– 仔细分析用户的特征后,明确目标以后,自己开始手绘交互的流程(手绘比工具快)
– 反复修改,直到你认为已经达到了最简单,最好体验
– 对比你的设计与真正的现有的优秀产品
♦ 常用交互设计的原则
• 可视性
– 功能可视性越好,越方便用户发现和了解使用方法
• 反馈
– 返回与活动相关的信息,以便用户能够 继续下一步操作
• 限制
– 在特定时刻显示用户操作,以防误操作
• 映射
– 准确表达控制及其效果之间的关系
• 一致性
– 保证同一系统的同一功能的表现及操作一致
• 启发性
– 充分准备的操作提示
♦ 交互设计的准则
• 交互设计除了上诉技术上的原则以外,还有一些非准则需要注意:
– 有关爱 (能体谅人,有帮助)
• 不伤害
• 改善人的状况
– 有意图的,能帮助用户实现他们的目标和渴望
– 注重实效能有效的实现目标
– 优雅的
• 最简单的完整方案
• 拥有内部的一致性
• 合适的容纳和情感