课件交互设计

交互设计的流程交互设计（上）InteractionDesign同济交互设计方向简介交互设计概念软件交互交互设计的流程交互设计概念InteractionDesign交互设计（英文InteractionDesign,缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。UIGUIUXDUEDUCDInteractionDesignHCI概念区分UI：UserInterface广义的UI：不仅是计算机界面，还包括一切人与机器交流互动的界面接口：电话界面，汽车面板等。不只是包括“界面”本身，也包括交互逻辑等等，是一个很宽泛的概念。狭义的UI：图形界面GUI：GraphicUserInterface即图形界面设计。有时候说UI，指的就是GUI。UXD：UserExperienceDesign用户体验设计是一种综合性的概念。用户体验体现在整个流程，且不只是电子设备等。在中国又叫UEDHCI：puterInteraction/Interface人机交互InformationArchitect：信息架构InteractionDesigner：交互设计UIDesigner：图形界面·人机沟通：设备和用户之间信息的传递和翻译。·操作与反馈：当交互发生时一切是如何发生和展开的。·状态：不同的状态的存在，确保用户了解正在发生什么，以及应用为何进入这种状态。·工作流：让用户明白谁可以做什么，以及接下来会发生什么。·故障：故障是必然会发生的，必须纳入考虑范畴以内。交互设计的一些概念·用户是如何用鼠标、手指和手写笔同界面进行交互的呢?·用户会向界面发出什么样的交互指令(操作)?·界面会用什么样的提示来告知用户它的功用?·在用户进行操作之前，作为交互设计师的你会如何让用户明白操作之后会发生什么?·为了防止出错你会提供怎样的限制?·报错信息是否能告知用户解决问题的方法?·当一个操作发生的时候，用户会得到怎样的反馈?·在用户操作和界面反馈之间有多长的响应时间?·界面元素的尺寸是否与交互方式相事宜?·边缘和角落是否被有意识有策略地放置交互元素?·你是否遵循了设计标准?·信息是否被(合理地)分割为几个不同的条目?·用户终端是否尽可能简单?·你是否使用了(用户)熟悉的格式?

交互需要考虑的问题工业设计交互设计设计对象“物的设计”，物就是设计的目的“行为的设计”，物只是实现行为的媒介要素形状、尺寸、结构、色彩、质感人、动作、工具或媒介、目的和场景逻辑物理逻辑行为逻辑逻辑含义强调物的自身属性合理配置的决策依据

合理组织行为作为决策依据交互设计和工业设计的区别工业设计交互设计iPhone：关注界面、图片放大、自动转向、音乐界面的真实等因素摩托罗拉V3：关注形状、尺寸、色彩、结构和质感等交互设计和工业设计的区别为什么诺基亚用户体验比三星手机好蓝色圆点代表三星，黑色圆点代表诺基亚。以电话和短信功能为例，三星所需的操作步骤明显多于诺基亚。

调整屏幕的亮度,iOS操作系统和Android系统的路径却完全不同。由图看出，显然iOS的路径更加便捷明了。Android系统虽然提供了更多的可能路径,却使用户在选择过程中耗费更多的时间,犯错误的机会也相应增加。

交互设计改变了以往工业设计中以“物”为对象的传统,直接把人类的行为做为设计对象。软硬件只是实现行为的媒介、工具或手段。交互设计师更多地关注经过设计的用户体验,而不是简单的产品功能。这样,消费者获得的不只是单一的产品,而是以产品作为媒介的一个完整的服务平台。

RichardBuchanan教授清晰地把交互设计的对象定义“行为”。“creatingandsupportinghumanactivitiesthroughthemediatinginfluenceofproducts”(通过产品的媒介作用来创造和支持人的行为)。但是很多人只注意到了“媒介的影响”，而忽略掉了“行为”本身。交互(interaction)因有了“动作”(action)和相应的“反馈”(reaction)才形成了一个回合的交互行为动作一般是指有意识的行为,当然也就有了执行动作的人、行为的目的、实现动作的手段或工具(可以是软硬件,也可能是身体的某个部位,甚至可能是外在的环境媒介)、行为发生的场景。所以把人、动作、工具或媒介、目的、和场景界定为交互设计的基本元素或行为五要素。

行为逻辑合理组织行为作为决策依据组织界面/功能依据人的操作习惯和方便程度强调物的自身属性合理配置的决策依据组织界面/功能依据物自身的属性物理逻辑

“物理逻辑”构架：操作步骤多，跨模块跳转“行为逻辑”构架：操作步骤少，基本消除了模块间的跳转同一款冰箱分别用物理逻辑和行为逻辑设计的不同用户操作界面比较。蓝色和橘色的折线分别代表了两个典型任务在实际测试中基于不同信息架构上的操作路径。左图的功能分布适合冰箱本身的结构，但是操作步骤多，而且跨模块跳转。右边虽然功能布局复杂，不符合冰箱本身的结构布局，但是有利于用户操作。交互设计的流程外星人交互设计课件INTERACTIONDESIGN