如何梳理设计目标

项目背景

某系统平台要求增加报表模块，需要导出的报表数据行/列字段可自由定制，并对某行/列执行多个公式运算。

一、需求了解

线框图+口述

由于初期需求相对简单，需求交接用简单线框图+口述的形式

二、需求梳理

1、功能流程图

通过前期对需求的了解，可以梳理出一条任务主线，任务节点的前后关系是会影响到界面模块布局。

通过自己的理解梳理出主线，并和项目经理确认，此流程图已包含基本功能

2、线框图

纸上绘制线框图，将需求更清晰的展示出来，并且绘制线框图过程中是会发现一些新的问题

在绘制完整线框图之前因对交互逻辑一是有疑惑二是有自己的观点，所以首先绘制的各模块线框图，

如图中“1”，和产品经理继续细化需求找到进一步提升用户体验的方案。

例如数据集选择这个功能根据数据集数据内容多的特点，将此功能单独放在一个页面，以减少页面的缓存和加载负担。

沟通之后心中有数开始绘制完整的线框图，如图中 “2”、“3”，

但是在沟通图中“3”时又出现了一些待解决问题，及时和需求人员进行更加细致的需求讨论，可以说是设计目标的讨论。

三、设计执行

输出设计稿

页面1：数据集选择（单表页面）

页面2：报表数据，

页面3：数据详情（单表页面）

此页面的模糊查询是对于table中“数据集名称”“数据集描述”“字段列举”全部执行模糊查询，

因为是模糊查询，这样可以给用户更多的选择。

前一个页面选择数据集后，查询条件已确定，因为行/列字段是灵活定制的

用户可以根据不同字段需求增减查询条件

四、设计走查

与前端人员核对页面，一是保证还原度，二是对于可以及时调整的问题及时优化提升用户体验。

小结

这个项目基本是一稿过，前期需求了解虽然线框图比较凌乱，接收需求后没有立马进行页面输出，

而是先分析需求，绘制线框原型将接收到的需求清晰化，进一步确认。

再去做设计稿，可避免多次返工，提高工作效率。