数据可视化设计案例实操

1年前发布

原创文章 / UI
AYONG_BDR,禁止转载-禁止商业用途-禁止个人用途

关于设计改稿的一些经验,今天分享给大家~想加入AYONG可视化群的朋友们,扫我主页二维码哟!


什么是Resdesign


Redesign并不是一个简单的美化过程,视觉只是Redesign的一部分而不是全部。如果你做产品重构只是为了视觉更美观,从各种网站获取灵感用样机包装,没有任何产品架构以及交互逻辑,那么你的改版必定不会很完美。


但同时也会有很多人陷入这种误区,产品中过时的设计规范会使你的用户会流失到设计体系更好的竞品那里。重构你的产品设计语言,让他看起来更美观,这当然很好,但是也不能盲目的跟随设计趋势,没有任何逻辑做改版,这样会导致交互逻辑的紊乱以及产品架构不清晰。




今天阿勇就从网上任意摘选了一个产品功能需求有问题的一个页面来进行一个页面改版,一起来看看吧!



产品逻辑分析


1、产品主视觉指意不明,贵州省地质灾害防治指挥平台,地图处资源应集中于贵州省,且全国视角下可以下钻贵州省市区。

 

2、地质灾害防治主视觉应该着重展现崩塌、滑坡、泥石流、地裂缝、等地质现象的展示,并展示预警信息,以及现场地质现象视频反馈,以便于指定指挥方针。

 

3、此平台信息展示包含人员调度,现场指挥,设备数量,数据资源统计,覆盖区域,预警告警,各地区地质灾害排行,综合防治等信息的内容。

 

4、产品布局不合理,各区域所占比重需要重新估量,并且主视觉数据资源匮乏,内容单一。

 

5、业务逻辑没有很好的展现,各区域所要展现的数据信息不明确,业务紊乱。

 

6、画面中对于业务的理解不够深,导致画面空洞,数据展现量不够,产品失职。








如何进行页面分析


根据颜色:颜色不宜太多,对于特殊行业,固定的颜色是有固定的含义的,比如红橙黄蓝四色预警。


根据布局:不合适的布局总是会让人觉得很别扭,并且对于页面整体效果会有很大的影响。

根据风格:蓝色系风格就尽量选用色相接近的颜色,画面颜色太多,颜色也会失去其本身的美观度以及特殊含义。


如何发现并解决问题

对于画面不合理的地方需要记录下来,对当前板块的内容进行正确的导向,比如你发现这个字体不合适,你的脑海中一定会有正确的用在此处的字体;比如间距,换行,字号等方面也是如此,心中得有一杆秤,去衡量设计的美感。



了解功能,分析数据之间的关系:

了解本产品的应用领域,以及产品功能,分析画面需要展示的数据有哪些,合理的通过设计展示数据之间的关系。

 

构思主题,围绕主题设计其他元素:

对原来的主题进行产品功能重构,设计新的配色方案,画面内容布局,标题以及主视觉的重新设计,围绕主题进行设计元素的制作。

 

分析数据,合理选用不同样式图表:

对各个数据进行分析,对内容进行编排,选择合适的图表去展示数据,合理的同时,又具有美感。

 

提取共性,结合需求做产品规划:

提取各个模块的设计形式的共性,并结合产品需求进行合理的规划,重构页面。

 

加强技法,了解可视化设计规范:

通过不同的设计技巧来表现画面的美感,制定属于产品的设计规范,并运用这些规范去规范页面布局以及设计,这是要在深度了解可视化设计的前提下。


优化-01


优化了原本单调并无亮点的主视觉区域,通过添加覆盖区域/区域告警/视频监控等信息大量丰富了画面并实现了地质灾害自动化管理,从事件发生到事件解决,真正实现地质防治的自动化。


优化-02


将原本的区域设备数量排行,换成了各地区地质灾害数量排行,更能反映出地质灾害集中在哪些地域,事发频率以及爆发率进行排序,颜色上通过红橙黄来进行前三的强调,更有层次感。


优化-03


将原本的区域在线设备,换成了数据资源统计,是为了更清晰的去表达具体日期下的设备数量情况同时可以避免数据表达不清晰的问题。



更多组件样式

新增告警列表,设备数量,资源调度信息,展示历史告警记录,合计设备数量,总结资源调度数量,真正掌握自动化地质防治指挥。



最终修改成品



设计师应该跳脱出自己狭义的视角重新来审视“设计趋势”,为自己带来更多的可能性。


视觉只是表现层,理解业务,理解数据,合理表述才是核心。道理大家都懂,但真正的理解数据却是很多设计师迈不过去的门槛。


送给大家一句忠告,永远不要迷信产品原型,设计也不应该被原型所制约,要勇于用自己的设计思维去验证产品的合理性,要用商业眼光去对产品进行查漏补缺,要站在用户的立场上去试想产品的可能性。


谢谢大家,今天的分享就到这儿!我是阿勇,一个热爱数据可视化的设计师。



各位看官老爷点个赞吧!


208
- 位站酷推荐设计师推荐 -
一下给作者疯狂打call吧!
(推荐 + 收藏 + 关注作者)
+1 +1 +1

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    喜欢TA的作品吗?喜欢就快来夸夸TA吧!
    夸夸

    夸夸

    文章信息

    • 文章标签

    添加表情
    没有新消息
    已收藏到: