探索者-大数据可视化分析
项目概况
探索者是基于WEB的大数据可视化情报分析平台,用于公安案件调查、金融反欺诈调查、司法执行工作和海关缉私行动等专业领域。 现在情报数据信息的种类、数量都出现了跳跃式增长,仅凭人力从海量数据中挖掘出有效情报是非常困难的,探索者可有效挖掘关联信息、直观呈现分析结果,让人专注于研判,从而提高情报分析人员的效率。
我的角色
作为小型创业团队中的唯一交互设计师,并不局限于画线框图,从产品研究探索到产品原型的创建都是深度参与。
- 分析用户需求和竞品,建立产品功能框架
- 设计线框图,关键场景建立可交互原型
- 完成交互原型后,主要界面建立伪视觉稿
前期研究/准备
作为专业性强的2B产品,尤其是情报分析领域,它不像2C产品一样可以很容易的接触到竞品,很多用户场景自己在体验产品的时候就能遇到。所以,需要首先让自己从各种渠道了解陌生的行业、业务。我从以下几方面开始:

行业问题
在通过和业内资深从业人员的访谈后,总结提炼目前情报分析领域存在的问题,在后续的产品设计中针对性去做设计。

竞品分析
通过对竞品的分析,可以了解市面上的产品有没有解决上述发现的问题。如果解决了,那么解决方式是否可以更佳。虽然作为2B产品,无法像2C一样完整的体验其他竞品,但是依然可以从试用版或宣传资料、产品截图等有限的资料中窥视一二:

信息架构
根据功能需求和内容的分析,总结信息架构。文件编辑页主要分为3种可视化视图、协作模块;每种可视化视图都有对应的工具栏和分析助手,分析助手类似于浏览器插件可以不断扩展。

用户流程
建立用户关键流程。用户在登陆后编辑文件时的主要流程为:找数据->分析数据;找数据主要通过搜索在线数据和导入离线数据;分析数据主要通过3种可视化视图。

框架设计
梳理完探索者主功能和主流程后,对产品进行整体界面的框架设计。从前面的用户流程可以看出界面主要分为三大模块:登录页、首页、文件编辑页。这里对首页和文件编辑页两个模块进行框架设计。首页相对较简单,主要承载了用户的文件列表,是用户创建、编辑文件的入口,另外针对管理员还具有账号/权限分配的功能。

文件编辑页功能比较复杂。之前的竞品分析中一些竞品要不是功能全了但是结构很不清晰让人摸不着头脑,要不是就是功能简单满足不要需求。所以在设计文件编辑页框架的时候,首要的目标就是:在功能强大的同时结构清晰,保证产品的易用性、易学习性。为此,设计时也尝试了不同版本。

版本A虽然看上去增加了工作区的高度,但是整个信息结构看上去较混乱,对以后的扩展也是不利的。版本B将承载画布的数据输入的搜索框独立于顶部,将不同的可视化视图独立于底部,整体信息结构较清晰。再者,不论对搜索框的扩展还是对主功能导航的扩展都留有了余地。因此采用了版本B的方案。

线框图
1、关联视图
关联视图是在分析情报的时候频率最高的视图,因此在三种可是化视图中也是放在第一个。关联视图从海量缺少关联的信息中发现关联性的证据链、线索和情报。对数据的深度线索挖掘功能、各种数据之间的相关逻辑关系以及关系索引实现线索的追踪展现,为分析人员提供各种数据的自动展现和线索关联。其可视化展现方式来源于知识图谱(如下图-图片来源于网络)。

在行业问题中提及的用户痛点:“从海量数据中人工关联关系”,通过关联视图中一键式的关联分析便可得到解决。这个过程分析的过程如下:1、选择数据 -> 2、右键关联分析 -> 呈现关联结果。
2、地理位置视图
地理位置视图允许分析人员根据地理空间属性执行搜索和分析。将数据拖入视图后,将在地图上呈现所在位置;也可以在地图上绘制区域搜索区域内的相关人、事、物;在地图上,还可支持热力图等地图分析。

3、文档视图
文档视图将数据信息通过文档的形式进行罗列,包括:属性、相关的人/事/物、相关的事件、相关的文档,以及数据的历史修改记录等,是视图中最基础、个体信息量最全的视图。分析人员可以通过此视图浏览相关数据的详细资料。

4、协作
协作模块用于团队之间共享情报信息。共享的情报信息有关联图、实体或文本消息等形式。小组成员收到信息后,可将关联图直接导入到自己的文件中。这样就可以保持信息共享及分工协作。前面在行业问题中提及的用户痛点:“情报无法共享”,通过协作这一模块便可得到解决。


线框图
建立线框图,包含了大部分主要界面的线框图。
伪视觉稿
建立伪视觉稿(和正式视觉稿仍有区别)。一方面可定义出产品的视觉风格基调,另一方面可以让团队在正式开发前有更直观的认知。



























