1.4 原型设计流程
1.4.1 需求分析
视频课程
原型设计流程详解
一般情况下，需求分析主要是由产品经理或者需求分析师来完成，但是设计师最好也参与到前期需求分析的过程中，这样就可以和产品经理对需求有一致的理解，达成一致的意见。如何进行需求分析呢？
（1）可以通过用户调研的方式获取用户的需求，调研的方式有很多，如调查报告、访谈等。
（2）可以进行竞品分析，分析竞品的界面样式、操作流程、主要任务流程及用户的需求，不能把竞品的东西直接搬过来使用，有可能不适合，因为核心竞争力有可能不同，为用户解决的需求也有可能不同。
（3）通过分析用户的反馈和产品的数据，分析出用户的需求和痛点，通过产品解决用户的这些需求。
1.4.2页面架构设计
思维导图软件理清逻辑关系
获取到用户需求之后，开始分析用户的需求，可以使用思维导图软件来理清用户的需求、产品的各个功能模块及其逻辑关系等，如图1.49所示。
图1.49 猿题库App思维导图
流程图表达主要流程任务
分析用户的需求，分析出用户使用产品可以完成的主要流程任务，完成这个流程任务每一步用户是怎么操作的，画出流程图，如图1.50所示。
图1.50 猿题库App流程图
产品信息架构设计
通过需求分析，以及对产品的思维导图设计和流程图设计，大致可以规划出产品的主要功能点，这些功能点就可以形成产品的初步信息架构，这些信息架构可以理解成房子的地基和框架，只有把这些确定了，才可能继续上层建筑。比如猿题库App中的“练习”“试卷”“发现”和“我”就是这个产品的信息架构。
在Axure RP8里有一个页面区域可以对这些信息架构进行管理，页面结构采用树形菜单，层级分明，结构清晰，还能自动生成框架结构图，非常方便，如图1.51所示。
图1.51 猿题库App信息架构设计
页面布局设计
产品信息架构确定之后，综合思维导图的内容和主要流程图，开始页面的布局设计，要确定以下内容。
（1）页面布局的总体结构，包括一列布局、两列布局、三列布局，以及几行布局等。
（2）页面的导航设计。网站的导航是采用水平导航还是垂直导航，或者是其他的一些导航方式，移动App的导航是放置在顶部还是底部，采用几个标签导航，像猿题库App采用的是底部标签导航，在页面底部放置4个标签导航，如图1.52所示。
图1.52 猿题库App标签导航
（3）根据思维导图和流程图规划出来的内容，细分到具体页面结构来进行设计，需要对每一个内容块的展示位置进行布局，比如猿题库App的练习模块展示各个科目的导航设计，如图1.53所示。对页面内容结构的设计取决于设计人员对内容编排的把握，不同的布局会产生不同的效果，可以参照已有成熟产品的内容布局。
图1.53 猿题库App布局
1.4.3 低保真原型设计
通过思维导图软件确定产品的大致内容，通过页面架构设计确定页面总体布局、导航菜单及各个模块后，就可以针对各个页面进行内容设计，也就是低保真原型设计，可通过Axure原型设计工具遵循产品的总体结构进行，如图1.54所示。
图1.54 猿题库App低保真原型设计
1.4.4 原型评审
完成低保真原型设计之后，需要进行原型评审。原型评审，对于设计人员来说可以是一场噩梦，每个评审人都有不同的偏好和侧重点，开发人员可能更关注于容易实现，运营人员希望有足够的区域进行推广，视觉设计师注重美观，产品经理希望早点上线，这就需要设计人员在原型设计时考虑全面，设计方案要有说服力。
1.4.5 高保真原型设计
高保真原型可以用于给上级汇报或者概念性产品。将低保真原型经过视觉设计师的制图、切图，即可制作出高保真原型，如图1.55所示。
图1.55 猿题库App高保真原型设计