UX设计：一个金融数据可视化案例

　　正在UX设想中有一种设想叫疑息设想，便是怎样让检察疑息的人了如指掌，金融数据常常会晤临那样可视化的成绩，让用户看到一张简朴易懂的图的背后，是疑息的逻辑。小试牛刀，此文做一个简朴举例。

　　布景引见

　　客户需求做一个基金定投主题页，下图为主题页中需求举例阐明的部门，经由过程用户能够了解的方法展现：

　　客户的需供案牍

　　看到那么一段字，要来做疑息设想会念到怎样真现呢?

　　将排版变都雅吗?换成更都雅的表格边框，删减配色吗?没有是的!

　　数据阐发

　　果为便算是换排版、换配色也没有是“用户能够了解”的方法，了解没有是字里了解，而是关于内容的了解，“基金公司为用户供给的定投效劳来信赖战测验考试的本果”才是那张图文的实正意图。

　　以是正在做设想之前，必然要弄分明：设想的目标。

　　基金公司“定投”效劳的观点属于金融理财常识，营业常识是设想的作业之一，正在通读笔墨内容后，经由过程同理心去提与营业观点的中心。

　　理财富品的代价面正在于其支益率，定投产物的支益率是经由过程持久投资，且复利投资去真现的。

　　为了显现其支益率，便需求正在那组表格数据里找到对能构成比照的布列：

　　第一组比照：肇端工夫–完毕工夫

　　取之对应的第两组比照：肇端净值–期终净值

　　取第两组对应是第三组数据：投资金额(每期投资*期数)- 期终资产总值

　　此中“期数”贯串初末，而期数正式定投基金取一般投资基金情势上的差别面。

　　能了解到那个水平，便能够操纵初中数教的办法建坐标轴了( 论数教对设想的主要性)。

　　脚画第一稿

　　能够看到，正在出有有色笔标识之前，数据的了解便曾经图形化了，而用有色笔标出的即数据的实正意义，便是方才出有被比照的数据，金额的变革合算的支益率便是定投产物的代价。

　　可视化历程

　　因为图片数据的意义意义曾经注释浑了，那末便能够再停止好化处置了。

　　第一次好化：

　　数据排版

　　第两次好化：

　　减工设想

　　第三次好化：

　　(此中客户修正结案例数据。没有以“沪深300指数”为例，而以“中证基金”为模仿数据滥觞)

　　回纳数据

　　那一次好化，险些又做了一次深度回纳，为何呢?

　　果为从用户的角度去念，定投产物的本理是他念晓得的，但他最念晓得的是定投产物比一般基金投资“好”正在那里?便是前文所道的目标：基金公司为用户供给的定投效劳来信赖战测验考试的本果。

　　好的支益率便是本果，那末只需用最简约清楚明了的数据便能够显现了。

　　那末实在只需偏重凸起数据表中已分组的统计数据便止了。

　　此版设想款式给最初废品奠基了根底。

　　上线版

　　能够看到，货币替代了柱状图，更形象天阐明了支益的状况，而支益率用更年夜更明晰的字符来显现定投的劣势。

　　以上，便是那个案例能分享给您的设想历程，您更喜好哪一版呢?

　　(我最喜好脚画初版，果为是深夜正在家进修时揣摩出去哒，从0-1)

　　附产物上线后的页里地点：http://www.xyamc.com/fund/pc/fundvalue

　　做者：Eliza(森森)，1年UX、交互设想、1年产物运营&用研、2年新媒体运营。

　　本文由 @Eliza 本创公布。已经答应，制止转载。

　　题图去自 unsplash，基于 CC0 和谈