1.4.2 交互设计
图1-19 交互设计示意图
将需求梳理好后，接下来开始进行交互设计。交互设计是产品成型的阶段，产品从抽象的需求转化成具象的界面，需要产品经理和交互设计师配合完成，当然大部分公司都是产品经理独立完成。交互设计的工作流程如图1-19所示。
1．信息架构
交互设计中的信息架构其实就是产品信息分类。产品由哪些功能组成，将相关功能内容组织分类，明确逻辑关系，并平衡信息展现的深广度，引导用户寻找信息。
2．业务流程
业务流程是一个产品功能设计的基础，确定了流程，后面的工作才能顺利进行。否则会出现产品功能实现摇摆不定、反复修改的状况。
3．页面流程
页面流程是业务流程的延伸，要用以用户为中心的思路来整理，按用户使用页面的顺序进行组织，把页面结构和跳转逻辑梳理得更清楚，并确定每个页面的展现主题。
4．产品原型
根据前面的一系列工作，初步确定网页界面风格、颜色搭配、信息内容和构图布局等内容，之后进行原型图的绘制。原型图的绘制比较简单，但是它可以对网页UI进行初步的功能测试。在没有设计稿之前，如果遗漏什么重要的信息或功能板块，也可以在原型稿中及时做出调整。
产品原型可以分为低保真模型和高保真模型，其目的和产出物如图1-20所示。
图1-20 产品原型的目的和产出物
☆ 小技巧：低保真和高保真模型的使用
低保真模型就是验证交互想法的粗略展现，不用精细，因为在这个阶段会有很多更改，需要不断地评审和讨论，最好就是纸和笔手绘，可以用Axure RP或sketch做一些简单的草图。高保真模型要将详细的页面控件、布局、内容、操作指示、转场动画、异常情况等都详细表达出来，给视觉设计人员和开发人员详细参考。
5．说明文件
此处的说明文件指的是交互说明文件。写交互说明文件要以开发为中心，使用开发人员能够理解的交互逻辑和规则。如果没有专门的交互说明文件，一般会在原型旁边添加注释说明，目的都是要把交互逻辑和交互规则表达清楚。