阿里招聘设计师问，BAT招聘设计师问，沈阳网站设计师如何进入BAT

交互设计师经常在项目体验设计过程中发挥重要作用;在项目审查中，交互设计师始终是一个无穷无尽的逻辑表达角色。除了语言的表达外，交互式输出文档还是设计师表达态度和思维的有力语言。这也是团队评估资源和项目降水的重要途径。

　　一、交互输出物价值与类型

　　1. 原则

交互式输出是设计师思考结果的载体。托管您的想法和解决方案，以便将它们有效地交付给合作伙伴，以进行协作团队工作。可视化您的设计理念，降低通信成本，并使项目可追溯性变得容易。交互式输出的原理易于理解，在内容和形式上具有协同作用。

1）易于理解：通过您的设计输出文档可以有效地传达您的思想和解决方案的想法是交互式文档的重要价值之一。交互设计者的输出文档，在文档内容的构建和梳理以及文档表达的形式中，确保团队的每个成员能够快速理解您的判断并针对特定需求设计解决方案，并且可以感受到相同的效果。了解它的内涵。

在一些大中型项目中经常遇到这种情况，团队成员对项目概念和目标有不同的理解。因此，交互设计者不仅需要完成项目的设计，还需要将需求分析和项目目标反汇编等思维过程集成到他的设计输出中。设计输出文档需要能够引导团队成员识别项目的思想和想法，并确保设计有效执行，这对交互式输出提出了更高的要求。

2）有利于协同作用：当您在项目中面临大量角色，或者需求经常发生变化时，需要在设计者之间或上游与下游之间填充和形成交互设计输出。控制可以保证一定程度的协同作用和基本认知，可以快速参与合作，保持统一的输出表达风格。 （图1）

图1：交互设计器的上游和下游协作角色

　　2. 输出物基本类型

一旦进入交互世界，就会有很多关于交互式输出的名词，例如线框，原型，高保真度，低保真等等。许多新人经常被这些名词搞糊涂。我认为首先容易理解：线框和原型是在不同设计阶段使用的两种不同表达。输出越接近最终产品的真实效果，我们称之为高保真度，否则我们称之为低保真度。

然后让我们详细谈谈线框和原型各自的功能和用途。

1）线框（

设计师或需求者对产品的快速，静态和清晰的表达。用于项目初期的讨论和沟通，为项目成员或与客户沟通提供一般概念和讨论方向，以便快速了解并及时提出自己的建议。

线框需要实现以下三个目标：

可以定义页面的一般结构和布局

明确表达内容信息的展示位置

可以包含接口的主体交互元素

线框通常不需要太多的细节和亮度，并且对内容的真实性没有过多的要求，但它必须能够表达您的设计思想和解决方案。整个线框由黑色和灰色线框以及简单的块面和占位符组成。 （图2）

图2：低保真线框

线框输出的便利性是手绘的。在一张纸上呈现简单的界面布局和关键注释广泛用于敏捷项目过程。通常在敏捷团队中，通过快速迭代线框和团队中的大量沟通和讨论，项目的关键接口解决方案，可视化和前端开发可以开始下一阶段的工作，并且交互设计师继续改进细节该项目。并补充国家。各种角色齐头并进，与传统的瀑布合作相比，这是敏捷设计的独特功能。

当然，有许多绘制线框的工具。常用的有Balsamiq Mockups，Axure，PPT，Sketch等。每种工具都有自己的特点，各有利弊。不要刻意纠缠于形式和工具方法，可以使用的习惯以及满足您设计的表达方式。

　　2)原型(Prototype)

原型比线框更接近产品的末端，并且它被用作可用性测试和项目的设计输出。项目的早期原型测试可以及时发现问题和漏洞，节省后续开发投资成本。原型是交互式的，尽可能接近最终产品界面的高保真设计。它也是我们在本文中经常提到的常见交互输出。

二，高段互动输出

交互式输出表示设计者对产品或要求的总结。设计师对需求方提出的项目需求和现有数据进行分类和分析，经过不同的创造性思维创新和严谨的逻辑论证，使交互产品逐渐成熟。这个推测过程贯穿交互设计工作流程的每个步骤。

有一些非常优秀的产品经理也可以绘制一个看似正统的交互式手稿，直接进入视觉阶段。这也是一些视觉同学在彼此互动时经常遇到的问题。互动手稿不知道如何表达，最终匆忙。产品经理评估它和我的绘画是不错的。是时候看看交互设计师如何用他自己的交互输出说话了。追求的设计师将使他们的详细思考和原型像视觉草稿一样美观和令人愉悦，甚至使用工具来解释更多动态效果并将其输出提升到更高的位置。有些人可能会问，这不是一个互动手稿吗？哪里可以？

交互设计师的输出内容范围的1688UED要求不仅停留在完整的交互方案上，而且还提升到设计师在项目之前，期间和之后的三个阶段中对整个思维，创新和创新过程的跟踪和记录（见下图3）。并根据项目（A +，A，B，C级）的重要性来确定项目交互阶段需要生成的内容范围。 （图4）

图3：交互式输出内容

图4：A，B，C级交互式输出

内容要求设计师控制和逻辑地要求输出水平，这可以反映并大致恢复他的深度。普通交互输出和交互输出之间的区别在哪里？我们将使用以下关键内容进行详细分析：

　　1. 层层递进的文档逻辑

如果您将交互式输出视为项目中文章的逐步输出，那么文档逻辑就是您文章的目录。如何让人们从阅读目录开始就对您的设计派生过程和程序有一个初步的了解和信任。如何组织输出中的内容是关键。

构建交互式输出目录，可以根据项目类型确定组织，并初步确定结构和页面数量。四种常用的组织方法供您参考:(图5）

1）由修改版组织：适用于关键的单页项目，如网站页面，行业渠道等。

2）按产品层次结构组织：适用于整体平台项目，如我的阿里。

3）根据运作流程组织，适用于单一支付，会员开放等项目的业务流程类项目。

4）根据参与者组织：由多个交互设计师共同完成的项目，如项目建设。

图5：输出文档结构的组织方式

　　2. 元思考

当项目接管时，在设计计划，设计者对项目的原始需求分析，对目标用户的吸引力的理解等方面，思考分歧的过程称为设计元思维。在设计解决方案之前，还可以将其归纳为必须理解的三个问题：

1）你为什么要这样做？ （目标）

2）此要求的用户群是什么？ （用户）

3）在这个场景中将使用哪些功能？ （场景）

这部分一直是设计师的想法，但有些学生认为他们不必表现或表达。 1688UED团队总结了后期工作的思维过程和规则，对其进行了抽象和系统化，并辅以相关的方法和原则，形成了“五指导”的思维流方法论。 （图6）

图6：五个领导者步骤摘要的示意图

支持五个导师扣除过程是很多设计分析和数据梳理。我们将采用竞争产品分析，眼球运动测试，问卷调查数据分析等方法，使我们能够更深入地了解用户在设计过程中的痛点和诉求，从而更好地解决问题。用户。明确设计强制要点。我们将这部分思维过程放入我们的交互式输出文档中，让我们的思维过程从神秘的黑盒子变为理性透明的白盒子，帮助他人信任我们的设计并推动结论，并建立良好的合作。关系。

　　3. 信息架构规划图

在大多数电子商务网站页面，行业渠道或网站建设项目的设计中，经常使用信息架构规划图的设计思维表达方法，即以图形方式清楚地描述产品信息。 （图7）信息架构的每次重组都是交互设计师锻炼一次的好机会。信息架构越复杂，交互设计师的业务理解，目标用户场景设置和产品整体控制的要求就越高。

图7：信息架构图例

在对项目的全局信息架构有一定深入了解后，我们将根据信息的优先级，用户的关键路径和业务逻辑信息设计页面信息的架构规划（图8）。包括以下两个关键点：界面主体的布局和框架，如搜索框位置，主导航框架，产品坑，页面块划分等。 2）用户视觉流程的规划。例如，频道页面，页面的密钥信息的传输，以及用户对信息的认知的过程。

图8：图1688设计信息架构规划图例

信息架构规划图的描述允许您在关注细节和部分设计之前控制整体产品节奏，信息的整体分析以及用户传输的准确性。当士兵们在战斗时，它就像是将军面前的军事战略地图。它不仅可以帮助设计人员更敏锐地观察用户使用场景和业务场景，还可以制定更准确的设计策略和布局计划。使上游和下游的团队成员能够一起快速做出决策和协同作用。

　　4. 任务流程图和页面流程图

流程图是以图形形式表达具有特定逻辑关系的一些步骤和过程，以便其他人可以快速理解。任务流程图和页面流程图是用于两个不同目的的表达过程和步骤的形式。

任务流程图：通常在单个用户角色中从头到尾完成项目中所有任务的流程图。这包括各个用户角色之间，用户和产品界面之间，前端界面和任务流中后端数据之间的过程和关系的表达。任务流程图可以使您的思路更清晰，并让您详细说明设计过程中的每个细节。 （图9）

图9：搜索任务流程图示例

页面流程图：

此项目或产品中涉及的页面，以及页面上游和下游之间跳转与组织表达方式之间的关系。通过勾勒项目页面的流程图，可以更清晰地表达用户在使用产品过程中的交互关系，从而使设计人员能够更好地控制整个产品的流畅性和一致性。 （图10）

图10：页面流程图示例

您可以根据您负责的项目类型的不同需求选择使用任务流程图和页面流程图。有时，清晰的流程图可以帮助您的团队成员快速了解项目，还可以帮助您在设计过程中发现用户痛点和创新的一些细节。