锐客网

  1. 首页 > it技术 > >

UX可交付成果流程

用户角色>用户流程>线框图>原型
UX设计师是定义了产品的用户体验的人。是为了能够给用户提供更好体验的人，在产品设计的不同阶段，应当严格按照设计流程，在每个阶段构建出本阶段的交付成果并作为下一阶段的输入基础。
1.用户角色


UX可交付成果流程
文章图片
用户角色的定义：
用户角色就是你所设计产品的使用者。你需要了解他们的行为，特征，需求和目标，从而创建产品的潜在用户组。在设计开始，你可以随机定义用户角色，随机角色的多样性可以保证在整个产品的设计过程中，更好的去思考不同用户的使用感受以及及时解决产品的痛点。所以在构建用户角色的时候，你需要考虑到不同用户的使用行为，使用目标，使用动作等等。
用户角色的重要性：
俗话说：万事开头难，构建用户角色在整个设计过程中是第一步，也是最重要的一步。设计的目的是方便人，而不是单纯的就产品的美观而进行设计。成功的用户角色构建不仅能够使产品更加的成功，而且会使整个设计过程更加的顺畅，矛盾点也会乖乖浮出水面。
随机用户的构建方法：
随机用户要包含的全面，当随机用户的画像初步构建完成时，就需要靠一些数据使用用户更加的具体，更加完善，更加真实，更加的合理化。最简单便捷的就是周围的朋友，你可能了解他的性格，但你一定不会完全清楚他的想法，他的动机。
注意：
A\随机用户并不是完全随机，一定要考虑到用户的年龄、职业、生活标准、个人喜好等，并按照这些角色附加属性为其命名。
B\不能按照个人主观想法去构建用户，多搜集，所观察。
C\不能把用户角色构建的复杂，把某些角色或者角色的某一附加属性特殊化完全就是画蛇添足，给自己制造不必要的麻烦。
2.用户流程


UX可交付成果流程
文章图片
用户流程定义：
用户流程就是用户在使用产品的过程中的一系列操作步骤，它是在用户角色的基础上构建的，用户流程更加直观的体现了用户的操作行为，使用习惯以及使用目的。
用户流程的重要性
用户流程涉及到产品的功能以及产品所能够给用户带来的需求密不可分。在产品设计设计过程中一定要通过用户的操作行为以及目的来判断产品的每部分功能模块在什么位置，以及每个功能的出现顺序。用户流程的构建一定要在完善的用户角色上构建，这样才能保证用户流程的准确性，用户流程初步确定了产品与人的交互流程。
用户流程构建方法：
纸绘或白板是一定是用户流程构建的首选，因为用户流程的构建需要进行多次修改。所以在用户流程构建的初步，选择电子或者数据构建会导致整个流程的时间浪费，电子或数据构图是用在用户流程构建的后期，将用户流程更加美观精确的展现给团队或者BOSS。
注意：
A\用户流程一定要简便，为用户提供达到使用目的最快途径。
B\配合好用户角色，用户角色的创建不仅仅是用户流程的基础，也是用户流程的最好检验。
C\用户流程在创建过程中不能产生分歧，这里的分歧指的是用户使用行为分歧，以及产品能够提供的功能分歧。以刚刚接触到产品作为起始点（打开app/web等），以使用完成为目标点。在这两个点之间每一个流程线都要做到清晰明确，如果在产品创建的过程中产生分歧，便会使流程线错乱复杂，会导致功能冲突、用户使用行为错乱。
3.线框图


UX可交付成果流程
文章图片
线框图的定义：
线框图是定义产品的基本结构和布局的一种方法。使用简单的灰度线和框，以用户流程为基础，用最简单快捷的方式定义产品的基本组成。包括产品的屏幕，布局，功能等。
线框图的重要性
线框图的目的是在产品设计前期向boss和客户提供对产品的直观了解。boss和客户会提供反馈来修改设计。
线框图的制作
【UX可交付成果流程】创建低保真线框—多屏幕尺寸线框图 基于纸绘或电子绘图，更着重于电子绘图
注意：
A\保持线框简单，线框用于传达您对预期设计的想法。它们显示所需的布局，内容和流程。无需花费很多时间和成本来设计线框。不要使用颜色，颜色是分散观看者注意力的好方法，线框的目的是着眼于布局，功能和流程。不要使用图形和图像，使用图框占位符表示。用沉重的图像将失去线框的目的。
B\设定目标和期望，在得到boss反馈时，便确定了单一的目标结果。根据单一目标结果可以向boss反馈期望与多目标值，以便达到更好的修改结果。
C\使用注释，在向boss展示想法时，注释能够更加清楚的表达设计团队的想法。


4.原型


原型的定义：
原型可以概括的说是整个产品面市之前的一个框架设计。在线框图的基础上，将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达.
原型的重要性
原型用来最终确定布局和用户流程，与在最终产品中进行更改相比，在原型中进行更新非常方便且成本更低。
原型图的制作
制作高保真原型为了使原型看起来更接近真实产品，要与实际设计使用一样内容，图像和图形。这将有助于设定您的客户对最终产品的期望。不要再高保真原型中使用线框或者占位符。

    推荐阅读


    上一篇：iOS编码规范

    下一篇：那些排解不掉的焦虑，终将毁了你