The fintech curve is NOT antialiased (yet!)

MichaƂ

Graphs and charts are an integral part of all financial projects from the very beginning. In the early 2000's the technology wasn't yet there to draw the graphs efficiently real-time, so they were sometimes generated into static JPG's and automatically uploaded in given time intervals. Then Flash came and more robust, animated graphs stared popping up, but with the smartphone revolution closing in it wasn't a viable long-term option either.

The next step was a dynamic expansion of JavaScript libraries (like D3 - d3js.org) and paid solutions (highcharts.com). At the same time mobile started growing rapidly, along with dribbble "UI artistry" - which means projects "painted" in a way they look good. This is why portfolio websites are often full of beautiful gradients, highlights and other cool effects on perfectly smooth sine-wave graphs. The problem is the fact that this kind of data is rarely the case in the real world.

Real data rarely looks pretty and "uniform".

On the other side of the spectrum are the graphs ubiquitous on large financial portals. Remember the last time you wanted to check an FX graph somewhere? In most cases they do the exact opposite to those beautiful (but mostly impossible) dribbble projects. Thin, tightly packed lines maybe allow us to see a trend, but that density and lots of lines (without zooming) is impossible for our brains to process anyway. The above example is from Business Insider (Onet). It takes a while, before we even see the current selection line. That combined with a completely chaotic and hard to read tooltip (let's not forget the lack of whitespace on it's sides either!) makes this graph very "unfriendly" to the end-user. And if you're in fintech and are asking the question: "Why should we be friendly? we're for the professional market" - then it means you got your priorities wrong.

So why isn't fintech going along with the times?

Even all those new and great blockchain exchanges mostly do the exact same mistakes of poor execution, terrible readability and ugly aesthetics.

The one reason that we can think of is the complexity of the available graph libraries. Often to make something "more friendly" you're forced to write a lot of extra code and are met with lots of possible errors and bugs. We've done it, so we know.

But we also understand how important good graphs are for any project. We've been doing them for both startups (Estibits platform) and larger financial portals (the KupFundusz.pl investment fund buying platform) and even some banks. The thing we always try to focus on is the highest quality - even if it takes a little longer. We can also create robust and completely new graph solutions - like a live-populated circular "solar system" that fills up with on-the-fly updating elements. It's good to to be brave!

Cryptocurrency platform Estibits that we're currently building.

KupFundusz.pl financial portal that we just completed

In both cases we were able to build (often from scratch) completely new concepts - both animation and interactivity related. The end result is always aestheticaly pleasing, very readable and modern. If we're on the 2.0 #fintech (also called #techfin which reverses the importance of elements) full of Blockchains, big data and design thinking we should think carefuly and plan every part of them to be as great as possible. Doing something in a late 90's web style just because it's easy is not the right approach.

KupFundusz.pl started on September 24th. Estibits will be Launching in late 2018.

Also read

Design + UX

Have you noticed this about Facebook redesign?

Facebook has recently shown a new, group focused design that's cleaner, more modern and a lot different from the current offering. Is it better? Time will tell. As usual people will protest the new and fight for what they already know, but most likely they'll adjust and like the redesign in time.

Design + UX

European Congress of Small and Medium-size enterprises

During the Congress in Katowice we didn't have time to answer all the questions, so we're taking the time to do that now.

Create a product with Hype4

Learn our process
Let's talk