交互装置概念设计案例

A. 交互设计案例

Ⅰ、 先了解一下交互设计的基本概念：
交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。
Ⅱ、交互设计在项目流程中的位置和任务：
项目前期的流程和节点：

职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为了走流程，每个环节都是任务式的交付，臃肿的分工除了增加成本和拖慢项目进度，没有实际意义。所以交互设计需要做的足够好，才能将这份工作做的有意义。
Ⅲ、交互设计的具体职能：
从上图中可以看出，交互设计主要干三件事：
①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素，制作原型demo

①定义部分需求
以前的惯性思维是需求应该由产品人员负责，设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务，还包括使用者的情感需求。在情感分析方面，交互专业是具有优势的，举个例子：
一个增值服务的宣传模块，业务模型可能是这样子：

考虑到情感因素后，需求模型会不断完善：

上图仅仅是举个例子，真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型，还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候，交互设计师有责任对需求进行修订和完善，这样的目标导向设计才是完整的。
②定义框架
这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计做什么？让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。
破洛洛文章简介：本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？
什么是框架设计呢？这要分成两部分内容：
1.关于结构导航的设计
把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、目的不明确的，无目的性的）寻找他们感兴趣的图书，怎么帮助用户准确的寻找完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。
导航大概可以分为三种类型：结构导航、关联导航、可用性导航

在框架设计的阶段，交互设计师主要关注于结构导航的设计。
结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。

交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢？
回到第一个增值服务页面的例子（虚拟案例，非真实案例）：
将需求梳理后（怎么梳理，请google抽屉整理法），我们可以确认全局导航：

再详细规划局部导航：

局部导航的层级可以不断往下延伸，通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。
2. 关于流程的设计
之前的案例我们已经基本上确认了模块需求有哪些页面，页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的，这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。
虚拟案例：

在流程的规划设计中要遵循：1.以业务目的为主要导向；2.兼容到用户的习惯；3.尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰的；5.考虑实现方式的复杂程度；欢迎补充…
③组织页面元素，制作原型demo
经过了需求的完善和框架的设计，之前的这些工作还是停留在抽象的想法阶段，怎么把想法转达给项目组的其他人员呢？交互还需要把想法和规划表达出来，那么最好的方式就是制作原型Demo。把Demo做出来，让产品，开发，测试直观的看到产品的雏形， 再广泛的接受意见，对原型进行不断的修正，改进，做简单的用户测试继续挖掘情感需求。

B. 生活中有哪些交互设计的实例

生活中交互设计的案例随处可见，如去银行自助取款时需要和ATM机交互；地体站购票时和自助购票机的交互等等……

C. 什么是交互装置

可以让人与机器或者别的什么互动的装置。比如说Ice Angel那样，让人给LED灯墙一个信号（可以是回动作也可以使声音答或者别的什么）然后LED灯墙给人相应的反应，这样的装置，就是交互装置。当然，交互方式多种多样，我就是举个例子。

D. 交互设计的类型有哪些 怎么进行交互式设计

以用户为中心的设计流程，关注用户的使用流畅度和方便性，符合内用户使用习惯容的解决方案。交互不一定需要很华丽的界面，但是使用过程肯定是很人性化，减少用户思考返回的次数。” 在电子杂志中 在电脑或者手机 或者ipad的展示上都有很大差距。 具体可以理解为 用户所做的动作，系统都可以对用户所做的动作进行反馈。 小到翻页的小动画 大到查看一个汽车时 点哪里哪里放大 甚至是在翻书思考时系统蹦出的一句注意保持视力。这些微小的或者是复杂的体系 从视觉上 表现形式上 系统设置里 都可以认为是具有交互性的。甚至说一个电子杂志提供了人与人相互交流 即时点评之类的也可以说具有交互性。 具体我的建议是去观看一些苹果ipad上的电子杂志 。文字能体现的太小了。去看看那些 感受你手指每一个动作杂志会发生的变化 。你就理解什么叫交互了。 不过是更深层次的挖掘人类的需求 为人提供更多的服务

E. 交互设计如何设计作品集

交互设计作品集制作流程

1、查看院校要求

不同院校专业的侧重点不同。

UAL lCC的MA Design for Social Innovation and Sustainable Future，它的研究点是未来、可持续发展。这代表着应用的领域更广阔，同学们选择的主题更不受限制。同学们可结合科技，展示人文的沟通交流以及情感的表达等进行设计。

同学们要根据目标院校的要求来制作作品集，选择的主题与院校要求契合，这样才能大大地提升被录取率。

2、主题确定

作品集的主题要多元化，让考官看到你其他方面的可能性，而主题可以是多方面的：

比如偏向实用类或是细节设计的主题、全球化发展与变化的主题、可持续发展方向的主题、对未来的社会形态意识的思考主题、科技类主题、概念类主题等，不管是哪类主题，最好结合专业要求制作项目。

3、调研

确定主题后，就需要围绕主题进行相关的问题调研和用户调研。

如果你要做的是关于产品的交互设计，你就要问问那些使用过产品的人，看看他们遇到了什么问题，他们觉得哪里很不爽……

4、用户自画像

在调研用户的过程中，会接触各种各样的人，他们有着不同的职业、年龄、兴趣爱好等。

但他们也有一些共同性，比如比如现在大家都知道80后、90后都在用微信，已经不使用QQ了，反而那些小学生更喜欢用QQ，这就是用户群体的共性。

把这些「有相同共性」的「用户特征」整理起来，也就是用户的主要特征，可以用一个虚拟的人物去代表这个「群体」，这就是我们所说的用户画像。

除了确定用户的主要特点外，还要确定他们的需求和目的。为了增加真实性，可以给人物角色（Persona）取名字，选一张照片，细化他们的背景资料。

5、写问题脚本

写问题脚本主要是为了将问题描述清楚，只有认清问题，才能更好地解决问题。

在描述问题的过程中，我们需要把用户画像带入到「产品的使用场景」，罗列出用户在使用产品时可能遇到的问题，此环节是为了凸显「问题」，可以写成一个故事便于别人理解。写的方法也非常讲究，需说明：用户是谁（用户画像）、在什么情况下、做了哪些事情、产生的疑惑是什么、产生的情绪是什么、接下来他是怎么解决问题的……

问题脚本尽量写得详细点：场景介绍的详细、用户画像介绍的详细、用户任务介绍的详细、用户行为详细、用户问题、用户情绪、用户痛点都记录的详细，而并不是要你把每一步操作点击了什么写的很详细。

6、写动作脚本

动作脚本是记录用户「具体操作过程」，通常情况下，每个人的需求和场景都不太一样，所以操作的过程也不完全一致，你自己操作的时候觉得没问题，但别人就遇到了问题，所以你需要把对方的使用过程详细描绘出来，这样才能反应出问题。

7、简明扼要的可视化展示

接下来就是要提出设计方案了，并将设计方案通过视觉语言展现出来，最好按照讲故事的方式展现：

①发现问题，想要解决问题

②怎么一步步解决问题，在解决问题的过程中做了什么？

③交代遇到的挑战和限制，自己怎么解决的，现阶段解决不好的，在未来解决的机会点在哪里？

而设计的视觉表现的形式则有很多种：大致包括思维导图、故事版、线框图、用户流程图user flow、小样mockups、模型制作、产品（或APP，网页）设计、沉浸式、装置艺术、实验影像、VR等。

8、用户测评

我们往往对自己的设计存有偏见，而通过用户反复测试原型，可以找到问题并修改和完善自己的设计。“用户”可以是使用者、其他设计师、工程师、其他利益相关者等。

9、最终制图和排版

排版的重要性就不多说了，同学们一定要按照一定逻辑进行排版，清晰地将设计的制作过程展现出来。

国外名校的考官希望看到学生的思维过程，一个设计从无到有的过程是否合理又有新意，设计背后的过程以及这个过程体现的是否清晰明确有理，是体现学生设计能力的有力证明，也往往是学校里教授们关注的重点。

F. 跪求一套完整的手机交互设计方案，在线等，大神速来。。。

一般这种做的好的商业价值高的方案你就是200块钱人家都不卖给你啊 不如你去网络文库找找2012年左右的 比较完整的，设计思路大体是一样的

G. 什么是交互式界面设计

通过口头或白板的形式，向团队成员描述设计图跳转逻辑，很难清晰完整传递信回息。答

成员疑问多，开发过程反复确认细节，项目上线时间被迫推迟。

用蓝湖，设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览。

对设计图进行树状连线，清晰展示跳转逻辑。

还可在一旁添加细节说明，方便团队成员的理解。

H. 生活中有哪些交互设计的实例

杯子与碟子 镜子与扩大镜