交互设计师是定义产品用户体验的人，为了提供更好的用户体验，交互设计师应当遵循设计过程，来帮助自己更好的组织产品不同阶段的设计。在设计流程的每个阶段，都有产出一定的交付物，作为下一个流程的输入。
在日常项目中，我们通常会涉及到一下交付物：用户角色、用户流程、线框图和原型。
人物模型(User Personas)
什么是人物模型？
人物模型是能够代表使用你产品的虚拟用户。在设计过程的开始，通过用户研究，了解用户是谁，他们的行为，特征，需求和目标，从而创建产品的潜在用户类别。基于此研究，可以定义人物模型，并在设计过程中参考它们以做出正确的设计决策。人物模型可帮助设计师始终专注于用户的需求。用户角色包括用户组的名称，头像，行为，动机，挑战和目标。
人物模型在设计过程中的重要性
设计过程中的第一步也是最重要的一步是通过用户研究来了解用户的需求 (needs) 和要求(requirements )。使用不同的方法来进行用户研究，例如访谈，问卷调查和观察他们在真实环境中的行为。此步骤的结果是用户角色。
人物模型对于产品非常重要，因为它们会在流程的每个阶段驱动设计决策。这些角色是在初始阶段创建的，可帮助设计师在设计过程的每个阶段满足用户的需求和目标。用户角色可帮助所有团队成员对用户保持一致的了解。它们使设计以用户为中心的产品变得更加容易。
图片来自Dribbble
人物模型的注意事项
要做
1.做使用者研究
要创建有效的人物模型，首先进行用户研究很重要。只有你了解用户以后，用户角色才会反映真实的用户信息。应该通过见面，观察并与他们交谈的方式了解用户，了解他们的挑战和动机。使用此信息定义用户角色，从而更好地体验产品。
2.保持角色简单
尝试通过添加清晰准确的信息来简化人物模型。因为在设计过程中经常提及人物模型，因此使这些信息易于理解并且不会给他们带来很多困扰。团队中的任何人都应该能够查看人物模型并了解其代表的用户组的想法。
3.使用视觉效果
使用视觉效果代表模型中的信息。颜色和间距可以帮助你定义更好的布局。尽可能使用插图和图标，因为与文字信息相比，花更少的时间了解视觉效果。例如，可以使用滑动控件或一系列点来显示用户角色的技能/特征级别。
4.个性化角色
为每个角色使用头像。该头像表示为其创建此角色的用户组的年龄，生活方式和职业。为你的用户角色命名，因为在设计产品时通过名称更容易引用它们。
5.保持人物模型更新
与用户一起工作时，你会感到事情随着时间而改变。创建人物模型不是在设计过程中的一次性活动，你需要确保它们显示的是用户组的当前信息和状态。
6.遵循模板
为你的人物模型构建一个模板并坚持使用。你的产品将由多种类型的用户使用，并且每种用户类型都需要一个角色。为了使它们易于理解，请使用一致的模板，并针对每种用户类型遵循该模板。
不要
1.不要跳过人物模型
直接跳到设计或开发阶段而不花时间在用户研究和角色创建上是非常诱人的。但是，最初节省时间会在以后的设计中导致许多问题。设计产品功能时，不能将其与用户相关联。
2.不要依赖你的意见
在通过人物模型表示用户组之前，请进行适当的研究。定义人物模型时不要相信自己的直觉。你并不代表用户。如果你在不了解真实用户及其需求的情况下设计产品，就无法获得预期的结果。
3.不要忽略你的人物模型
不要把你的人物模型放在后台。这不是你只需要遵循的步骤；他们需要在整个设计过程中不断引用。给你的人物模型提供真实姓名，以便您更轻松地引用和关联它们。
4.不要创建多余的人物模型
在不同的角色中重叠信息比较容易。为避免这种情况，请定义明确的用户组，并使您的角色在功能和行为方面彼此区分。
5.不要做复杂的人物模型
不要通过给他们太多任务来使其人物模型变得复杂。当您尝试为每个用户组提供每个功能时，这可能会导致你走向复杂的设计。清楚地标识角色在使用产品时可以执行的任务。
用户流程(User Flows)
什么是用户流程？
用户流程是用户在使用产品时，为使实现有意义的目标而采取的一系列步骤。在设计过程中，使用显示步骤和流程的直观表示法定义该流程。
定义人物模型后，设计过程的下一步就是定义用户要在产品中执行的任务流程。用户流通常包括名称，步骤，用户以及每个步骤的描述。
用户流程在设计过程中的重要性
用户流程与产品功能和要求有关。为了完成一项要求，用户将执行不同的任务。每个用户流程代表用户要完成任务所遵循的一系列步骤。通过定义用户流程，将能够确定所需的模块，分区，屏幕以及它们在界面上出现的顺序。
用户流程提供了一种简单的方法来了解用户将如何使用您的产品，从而使与内部利益相关者和客户的讨论，审查和完善变得更加容易。用户流程定义了用户与产品的交互，而不必担心布局和设计。请记住，用户流可以根据需求更改或用户反馈随时更改。
图片来自Dribbble
用户流程的注意事项
要做
1.明确要求
由于用户流与产品功能以及用户如何与产品交互以实现其目标直接相关，因此在处理用户流程时，清楚地分析需求很重要。
2.从纸开始
纸或白板是开始设计用户流程的最佳工具。需要进行多次修订以阐明要求并确定最佳流程。从数字工具开始将花费大量时间来设计和完善概念。但是，在将用户流共享给利益相关者的同时，使用数字工具进行设计将给他们专业，优雅的外观。
3.与人物模型相关
人物模型为设计用户流程提供了良好的输入。使用人物模型可以确定用户的类型，他们的挑战，行为和目标。这将帮助设计师设计最适合他们需求的流程。
4.创建一个故事
用户流程通过突出显示故事中扮演的用户，从头到尾描绘了一个故事。确保您的用户流很好地讲述了故事，并且利益相关者对它们感兴趣。
5.定义用户交互
了解用户实现目标所要采用的预期路径。例如，用户想要从在线商店订购一双鞋。该路径可以分为一系列步骤，例如搜索目录并查找所需的物料，选择物料，将其添加到购物车，结帐，添加付款明细和下订单。所有这些步骤将成为用户流程的一部分。
6.使它们易于遵循
在用户流程中添加足够的详细信息，以使其代表所有产品功能和特定任务的流程。详细的用户流程将帮助设计师有效地将自己的想法传达给用户。
7.减少步骤数
为用户提供完成任务的最佳途径。删除任何多余的步骤，使他们更轻松，更快地实现目标。仅询问用户所需的信息。
不要
1.不要建立多方向的用户流
保持用户流程简单，并使其朝一个方向流动。在同一用户流中添加多个方向将使在用户在使用中难以遵循和解释。
2.不要从数字工具入手
从数字工具开始会浪费您的时间，因为将很难更新用户流程。另外，设计师的注意力将转移到该工具及其功能上，而不是想在流程中呈现的概念和故事。
3.不要在一个用户流中添加多个方案
每个用户流程代表用户将遵循给定路径要实现的任务或目标。将用户流的范围限制为一个目标或一项任务将使其更易于理解和快速进行更改。
4.不要跨多个用户流程执行一项任务
同样，将任务分解为多个流程将失去用户流程应该提供给用户的交流。
5.不要产生歧义
遵循用户流程的利益相关者应该能够遵循给定的路径，而不会造成任何混淆。不要设计难以解释和理解的模棱两可的流程。
线框图(Wireframes)
什么是线框图？
线框图是定义产品的基本结构和布局的一种方法。使用简单的灰度线和框，可以定义产品的屏幕，布局，导航和功能。线框以简单快捷的方式定义了产品的基本组成部分。
线框在设计过程中的重要性
线框的目的是在设计过程的早期向利益相关者和客户提供对产品的直观了解。与利益相关者共享线框并获得他们的反馈有助于改善设计思路。
由于线框图是创建设计的一种快速且便宜的方法，因此可以轻松呈现多个设计思想并在现场进行更新以方便客户讨论。如果在设计过程中跳过线框，则在设计的后期进行更改会变得很昂贵。
图片来自Dribbble
线框的注意事项
要做
1.从低保真线框开始
始终从创建低保真线框开始。线框是所需布局和UI屏幕的灰度骨架，没有颜色和样式。在每个屏幕上定义用户交互。
2.考虑多个设备
根据用户的需求，为所需设备设计线框。根据要定位的设备使用相关的屏幕尺寸。最重要的是，以每种设备类型最小的屏幕尺寸开始工作。
3.设定目标和期望
与用户讨论并为他们确定线框的真正目的。在启动线框之前，需要澄清几个问题。例如，他们希望在线框中看到多少细节，线框应与实际设计有多接近，以及他们希望在线框中看到哪些特征，等等。
4.保持线框简单
保持线框简洁，以便易于重新设计并与利益相关者共享。使用单独的线框呈现不同的选项。不要制作复杂的线框，这些线框很难理解并且需要很长时间进行更新。使用黑色，白色和灰色等中性色，以及衬线和无衬线字体等标准字体。
5.保持一致
虽然线框是设计的草稿版本，并且随时可能更改，但它们是设计的基础。在定义布局和行为时，在整个线框中遵循一致的样式非常重要。它将使线框具有专业的外观，并使线框吸引用户。
6.使用真实内容
为了节省时间，可能需要使用的占位符文本在设计中显示该文本。可能还需要使用小框代替图标。但是，使用这样会使线框图看起来不真实。当使用实际内容创建设计时，布局的整体外观将发生变化。在线框中使用真实或接近真实的内容总是一个更好的主意。
7.展示各种想法
通常的做法是，当处于设计阶段时，始终尝试为单个功能或用户流程共享多个想法。提出尽可能多的想法将打开新的思维方式和讨论方式。它有助于达到最佳的设计方案。线框提供了一种简便的方法来创建和向客户展示多种设计思想。
8.使用注释
在向客户展示您的想法时，注释提供了一种在线框上放置注释和准则的好方法。确保注释简短明了。使用箭头显示流向。注释的外观应与线框中使用的UI控件不同。
9.分享并获取反馈
建立线框并使用它们进行协作并获得用户反馈。可以使用可用的工具来设计线框并与利益相关者在线共享以获取他们的反馈。根据此反馈改进的设计选项。
不要
1.不要无目的地创建线框
在了解目标，目的，目标用户类型以及要使用线框解决的问题之前，不要开始创建线框。
2.不要在样式上花费太多
线框用于传达对预期设计的想法。它们显示所需的布局，内容和流程。无需花费很多时间和成本来设计线框。最好的方法是选择一种工具并坚持使用其功能来创建线框。花费时间和精力来创建漂亮的线框会使更新它们变得困难且成本高昂。在以后的设计阶段，可以专注于视觉设计。
3.不要害怕迭代
由于线框的创建是为了向利益相关者展示想法，获得他们的反馈并进行更新，因此不要害怕一次又一次地迭代它们。确实，设计师为设计每个版本的线框付出了很多努力，但请记住，每次都有很多学习经验时，都在朝着更好的版本迈进。
4.不要从数字工具开始
诱人的是要打开工具并开始设计屏幕。但是，在设计的早期阶段在纸上或白板上进行草图绘制将更容易以更好的方式集思广益。
5.不要使用颜色
颜色是分散观众注意力的好方法，线框的目的是着眼于布局，功能和流程。最好在线框中使用白色和灰色。这不会分散客户的注意力，也可以节省您的时间。
6.不要使用图形和图像
如果要在线框中显示图像和视频，请使用框显示占位符。使用沉重的图像将失去线框的目的。
原型(Prototypes)
什么是原型？
原型制作是一种迭代的方式，可以创建产品的交互式草稿版本，该版本用于验证您的设计思想而无需编写任何代码。原型可以是外观逼真度较低的低保真度，也可以是描述最终产品细节的高保真度。通过原型制作，可以更轻松地将设计传达给利益相关者，获得他们的反馈，并在创建最终产品之前完善原型。
原型在设计过程中的重要性
与在最终产品中进行更改相比，获取早期反馈并在原型中进行更新非常方便且成本更低。
显然，原型不能覆盖产品的所有方面，但是它无疑可以帮助最终确定布局和用户流程。原型制作的一大优点是，如果正确，将赢得项目；如果错误，则将了解将来需要避免的事情。
图片来自Dribbble
原型的注意事项
要做
1.设定期望
原型制作是一项耗时的活动，无法为客户准备即将推出的产品的每个功能的原型。为避免造成任何误解，请与您的客户明确，原型将不代表成品。
2.合作
实时协作可帮助您以较少的工作量和时间快速轻松地进行小的更改。许多原型制作工具允许通过链接共享原型，并且客户可以浏览该链接并添加他们的反馈并与您进行远程协作。“这种高度迭代的过程允许团队成员或客户在整个原型设计阶段快速审查，评论或验证设计。”
3.参与技术团队
最好让技术团队参与设计过程，并与他们共享原型以从技术角度获得反馈。他们将告诉设计师在开发原型时可能会遇到的限制，以及开发不同的设计方案将花费多少时间。
4.与真实用户一起测试原型
与真实用户一起测试原型，并从可用性，经验和功能方面获得反馈。使用测试结果可以改善和确定您的设计。
5.创建高保真原型
为了使原型看起来更接近真实产品，请使用内容，图像和图形（如实际设计）。这将有助于设定您的客户对最终产品的期望。
6.创建模板
原型制作是一项需要您花费时间和精力的练习。尝试创建可在将来的产品中使用的模板。这将帮助您定义一致的产品布局并节省时间。
不要
1.不要原型画一切
对产品的所有功能进行原型设计是不可行的。这将花费大量的精力和时间，结果将是一个复杂的原型。根据用户反馈更新此类原型的成本很高。仅对要与用户一起显示和测试的功能进行原型设计。
2.不要使用占位符
请勿在原型中使用占位符文本和图像框，怎样原型将不会显示产品的真实视图。始终尝试使用更接近实际产品的内容。只有这样，用户才能够提供有用的反馈以进行改进。
3.不要成为完美主义者
原型并不一定是完美的。如果您一直密切关注原型的每个细节，这将使你感到疲劳，并且会很早就感到疲倦。由于这是一个原型，因此其中几乎没有空隙。
4.不要让一切正常
不能为每个动作项在原型中添加交互以链接多个屏幕。将必须在每个屏幕上选择一些交互点，用户可以在其中单击并移至下一个屏幕。别忘了这不是在设计功能齐全的产品。
5.不要制作最终产品中没有的原型功能
这样做会产生错误的期望。尝试仅提出可以在给定的时间和预算内实施的想法。如果提出的任何超出范围的内容，则可以将其视为新产品或与客户的现有合同的补充。
结论
作为UX设计师，需要在整个设计过程中工作并产生大量可交付成果。它们中很少有交付给涉众或客户的，只有很少一部分供自己在进行设计思考时使用。列出的最佳实践将帮助设计师在过程的每个阶段中提高设计技能。创建每个可交付成果作为有效的沟通工具。
