1. 功能列表确认
需求转化为任务再转化为功能,可以使用思维导图或EXCEL管理,再分析标注优先级。
1.1 思维导图:包括功能模块、功能点、需要展示的信息字段及其格式要求、功能优先级、其他必要的补充说明(为什么这样考虑、什么场景下使用等等)
1.2 EXCEL表格:包含前端与后端,分别给出列表与优先级。这份列表在后续详细设计过程中要不断补充修正,非核心功能也要不断补充进来。
2. 产品结构设计
2.1 流程设计--任务分析,信息架构
对于功能任务型APP,需确定用户需要完成哪些任务?每个任务又可以分解为哪些子任务?这些子任务的操作流程,目标是什么?子任务的层级结构,优先级如何?
根据分析结果产出整体任务流程图,依据需要决定任务流程图的细致度。
对于信息型APP,需先行规划信息架构,明确信息层级,展示优先级,产出信息架构图。
2.2 导航设计
导航的目标是突出主要功能点,让用户在完成任务时能一目了然的知道自己要从哪个入口进入。通过前面的功能分析和任务分析,对于用户任务的优先级已经较为明确,此时可以思考、确定产品的导航设计。
2.3 页面流程图
用以明确整个产品的层级结构、页面之间的关系,避免一开始就陷入细节,也利于预估工作量。类似下图这样,标注页面名称,不用体现界面细节,还可以简单标注界面的主要内容模块。
** 2.4 用户操作流程图**
对于比较简单的功能或产品,这一步可以省略。但是如果涉及到多个用户角色之间的操作关联、较为复杂的判断逻辑,建议先梳理清楚用户操作流程图,思考清楚不同分支的走向。后续在设计评审阶段,可以通过流程图来辅助讲解,更容易理解。
3. 原型设计,页面布局,低保真原型
使用Axure画线框图。确定页面元素没有缺失,凸显重点信息,完成各界面的布局设计、界面之间的跳转关系。
4. 设计初审
产品总监,产品经理,业务部门参与设计评审,评估设计是否偏离产品范围。
5. 详细设计,后台设计
规划具体信息架构,后台支撑管理程序,详细描述界面信息来源,信息处理逻辑,完善不同状态下的页面布局和内容展示、用户操作反馈提示、通用或异常的场景等等。所有开发阶段需要用到的都需要在详细设计阶段体现。这份文件最终作为开发人员,测试人员的规格说明书,也是最终产品的验收标准。
6. 终稿评审
请产品总监,产品经理,视觉人员,开发人员,测试人员等参与复审,多人头脑风暴,确认设计是否合理,有无更优解,有无遗漏等。
视觉人员理解产品目标,为后续视觉设计打下基础。
开发人员理解需求,可以提出技术可行性意见,提前预估开发风险。
测试人员了解需求后,可提前规划测试用例,测试标准。
这一步非常重要,因为到这里产品设计已经成型,这是开发的依据,这一部分越完善越明确,开发过程中障碍越少,稀缺的开发资源可以得到最有效的利用。
7. 需求说明书
整理所有前期文档,构成需求说明书。这既可以用于视觉设计,开发,测试的工作标准,也可以用于提前客户验证的交流文件。