1.2.3 交互设计

需求评审工作完成之后,交互设计师就要开始进行交互设计了。

在交互设计工作中,交互设计师需要制作交互原型图,而在制作交互原型图前,交互设计师需要完成以下5点思考。

(1)为什么要做这个功能?(业务缘由)

(2)产品期望的结果是什么?(业务目标)

(3)谁来使用这个功能,使用场景是什么?(目标用户)

(4)用户为什么要使用这个功能?(用户需求)

(5)如何让用户高效、顺利地使用这个功能?(业务流程)

当完成以上5点思考之后,交互设计师需要继续厘清思路,先查找相关的竞品,再分析相关竞品的目标用户人群和商业定位,还要思考主场景和小场景,最后进行流程设计。

在流程设计中,交互设计师需要先梳理产品的用户主场景流程,然后梳理用户的小场景流程,接着梳理异常流程,最后根据流程绘制出对应的流程界面。

在绘制流程界面时涉及的内容主要包括以下4个方面。

(1)充分理解业务缘由、业务目标、目标用户及用户需求等,并根据这些内容找到用户所有操作流程的触达点。

(2)通过场景的触达点绘制出产品的页面流程图。

(3)找到所有的异常场景并梳理制作流程。

(4)了解大部分用户的行为和认知并进行对应的流程设计。

之后,交互设计师需要制作并输出交互文档。交互文档需包含完整的项目简介、需求分析、新增修改记录、信息架构、交互设计的方案阐述、页面交互流程图(包括界面布局、操作手势、反馈效果及元素的规则定义)、异常页面和异常情况的说明。

在制作交互文档时,笔者要给读者以下5点建议。

(1)一个页面一个任务。每一页能展示的内容是有限的,如果同一页中堆积太多的线框图,会导致易读性变差。

(2)每个任务都有起点和终点。一个任务应该从起点开始直到终点结束,拥有完整的用户操作路径。

(3)同一页面的不同状态最好在一个页面内展示(不要忽略极端情况)。

(4)页面布局规范,交互规则定义清晰,准确传递设计方案。

(5)尽量以黑白灰的形式呈现,避免出现过多的颜色对视觉设计造成干扰。

提示

有关交互文档制作的一些更具体的内容会在第6章进行详细讲解,这里不再过多讲述。