{"id":809,"date":"2018-06-14T14:10:45","date_gmt":"2018-06-14T14:10:45","guid":{"rendered":"https:\/\/devexperts.com\/blog\/?p=809"},"modified":"2022-06-29T15:47:58","modified_gmt":"2022-06-29T15:47:58","slug":"2018-ui-trends-in-financial-software-development","status":"publish","type":"post","link":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/","title":{"rendered":"2018 UI Trends in Financial Software Development"},"content":{"rendered":"\n

Specialists in every field like to share their opinions on the current and upcoming trends and we\u2019re no exception. In this article<\/g> we elaborate on 2018 UI design trends and the impact they have in<\/g> financial software development. The trends are illustrated with some great mock-ups from our portfolio.<\/strong><\/p>\n\n\n\n

1. Semi Flat Design<\/h2>\n\n\n\n

Starting from semi flat we hit the mark because it\u2019s our main focus. Some new trends are a \u201cblast from the past\u201d<\/strong> and we\u2019re sure they won\u2019t live long. Some of them we\u2019ve been using since the dawn of time. And some new trends have no use in our work so we\u2019ve retained only those which are effective for us. But semi flat is a good starting point in UI of financial trading platforms, where we can provide good illustrations.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n

Graphics hardware and CPU are more powerful today. We\u2019ve moved away from flat colors because of information overload during trading activities. Now shadows are big enough to help distinguish several information layers, to show an object\u2019s dominance over others by emphasizing it with another color or shadow. This is how the user sees the screen now: a new layer is visually above and doesn\u2019t fade into other layers or a background, so they can understand what to look at first.<\/p>\n\n\n\n

Semi-flat is definitely not new to us as we\u2019ve always been using it. Flat design never entirely prevailed, as some volume was always needed. But I would advise you not to use it everywhere. In several current projects (examples are ahead) we\u2019ve moved forward into more graphic diversity. Among these elements are gradients, feathering, and blur. For control elements, we\u2018ve used thin shadows or highlighting to indicate they\u2019re clickable.<\/p>\n\n\n\n

There is a special term\u200a\u2014\u200aaffordance<\/strong>. Affordance is a visual clue to further use and functions of an item. For example, a button looks like an element to press or a call to action, hyperlinks are in the blue familiar color and underlined, there are easily recognizable metaphors behind icons\u200a\u2014\u200a\u201c+\u201d, \u201c?\u201d, \u201ci\u201d, etc., cursor types, and so on. So the user is not forced to think about what he is expected to do next. This is where semi-flat serves well.<\/p>\n\n\n\n

For Android, semi-flat works perfectly because we do our projects according to their producers\u2019 guides\u200a\u2014\u200awe use their Native Development Kit to program the app.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

2. 3D<\/h2>\n\n\n\n

3D is ideal for advertising, merchandising, and making posters and promo materials stand out. But 3D has only recently come into use in trading systems.<\/p>\n\n\n\n

We know clients have questions about three-dimensional graphs. We emphasize caution, because we care about information accuracy. In trading platforms people deal with big money; if they misread information they can make a wrong decision. This is why 90% of graphs are 2D, which they\u2019re familiar with.<\/p>\n\n\n\n

\"AR<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a>
AR trading interface by Devexperts<\/figcaption><\/figure><\/div>\n\n\n\n

There is one good example of 3D though\u200a\u2014\u200aa volatility surface in 3D. Traders know how it looks and how to analyze it, and they are used to it.<\/p>\n\n\n\n

\"AR<\/a><\/figure><\/div>\n\n\n\n
\"3D<\/a>
3D Volatility surface<\/figcaption><\/figure><\/div>\n\n\n\n

2. Animation<\/h2>\n\n\n\n

Watch the animated .gif below. This example is great for start pages to entertain you while waiting.<\/p>\n\n\n\n

This example of animation is an irrespective unreal object. It\u2019s not connected to the main idea of an app and isn\u2019t tied in with a trading platform.<\/p>\n\n\n\n

So let\u2019s go further and see examples of respective relative animation use\u200a\u2014\u200ahow components appear, disappear, and interact.<\/p>\n\n\n\n

\n
\n
\"trading<\/figure><\/div>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
\"trading<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n

When users have a positive UX experience they feel a connection to the system. They see how pages turn, how objects and lines fade in or out, how lists drop down, and how a button is pressed. If it happens abruptly it creates discomfort because users aren\u2019t prepared for sudden changes. It\u2019s better when it goes smoothly, but also not slowly. Animation should be close to human expectations. Too much animation can be frustrating.<\/p>\n\n\n\n

\n
\n
\"trading
Error bubble animation<\/figcaption><\/figure><\/div>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
\"trading
Tab bar animation<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

Here\u2019s a quick example: button color change under a cursor should be 0,3 seconds. And even 0,3 seconds seems too long when you interact with a system for several hours. You want the system response to be faster.<\/p>\n\n\n\n

\"\"
Drop-down menu animation<\/figcaption><\/figure><\/div>\n\n\n\n

4. Courageous colors<\/h2>\n\n\n\n

We use brave colors in one of our current projects. It\u2019s a mixture of cyan with light blue (azure) and intense yellow (golden)\u200a\u2014\u200atwo complementary colors bolstered by a complex gradient background.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

In the past, colors were dull and flat. Now the trend lies in using vibrant hues. And we see no reason against this: it\u2019s done to stand out, to attract attention, to look tasty, to advertise itself. But still our first priority as a UX\/UI design team is to solve a task. If a client works at night and they don\u2019t need bright colors on a black screen, we\u2019ll adopt a less vibrant\/more calm color design to meet their request.<\/p>\n\n\n\n

The advantage of this trend is that several unavoidable colors keep everything in one style. The disadvantage is we can\u2019t step aside If we think that we used these colors too much, so we are restricted in color choice.<\/p>\n\n\n\n

Although the usage of gradients is possible, it can be even complex gradients consisting of 3 or 4 hues nearby in the color spectrum.<\/p>\n\n\n\n

Interface color choice should be based on human preferences. People like colors which can be found in nature\u200a\u2014\u200afrom a rainbow to shadows and reflections\u200a\u2014\u200abecause we\u2019re used to them. This knowledge isn\u2019t new and has been around for ages.<\/p>\n\n\n\n

5. Color Transition<\/strong><\/h2>\n\n\n\n

Although color transition stands for a simple gradient, we\u2019ve moved further into this and added more hues. It\u2019s not just the basic transition between two colors, but a mixture of several colors and angled or radial overlaid gradients.<\/p>\n\n\n\n

\"trading<\/figure>\n\n\n\n
\"trading<\/figure>\n\n\n\n
\n
\n
\"trading<\/figure>\n<\/div>\n\n\n\n
\n
\"trading<\/figure><\/div>\n<\/div>\n\n\n\n
\n
\"trading<\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

In Android we use semi-flat (because of producer\u2019s guides as was mentioned above), and in iOS it\u2019s used nearly always.<\/p>\n\n\n\n

\"trading<\/a>
Android trading platform<\/figcaption><\/figure><\/div>\n\n\n\n

6. Responsive Design<\/h2>\n\n\n\n

Responsive design is one design, created and adjusted for a web screen or a tablet. The design will spread on the screen according to the rules the designers set depending on what device is in use.<\/p>\n\n\n\n

The horizontal\/vertical orientations of tablets and smartphones are responsive design examples. Users rotate a device and the layout changes position to fit the new screen size; something extends and something collapses.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n
\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n\n\n\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

7. Custom Graphics and Illustrations<\/h2>\n\n\n\n

Graphics and Illustrations work well on pages with additional functionality. They\u2019re unique, created upon request, and coordinate with the main style. We have a specific example: a custom illustration for an Android tablet sidebar.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"custom<\/a>
Android Tablet<\/figcaption><\/figure><\/div>\n\n\n\n

The illustration makes the menu look more interesting and attractive. Its creation was the result of design team\u2019s brainstorm: when they reviewed the mock-up, they realized that an empty space can be filled in with an interesting drawing.<\/p>\n\n\n\n

8. Creative Use of Neutral Space and Grid<\/h2>\n\n\n\n

This works great on web sites or applications with enough free space. We can\u2019t afford it because we don\u2019t have a single free pixel. But this trend goes well for landing or log-in pages, presentations and maybe learning centers.<\/p>\n\n\n\n

We use Native Grids in any operating system. Developers of these systems state, for example, that according to their guides the space between content areas in mobile should be 8dp, text in the app bar should be Medium 20 Spreadings, button style is Medium 14sp, all caps, etc.; specific metrics are also applied for tablet.<\/p>\n\n\n\n

\"grid<\/a><\/figure><\/div>\n\n\n\n
\"grid<\/a><\/figure><\/div>\n\n\n\n

Though it\u2019s more standard and monotonous, we adhere to these guides because it helps our end-user. They\u2019re familiar with baseline grids and they know where to find a wanted object.<\/p>\n\n\n\n

9. Split Content<\/h2>\n\n\n\n

We definitely use this\u200a\u2014\u200aand again, it\u2019s not new, it\u2019s been in use since the first trading platform. There are several widgets and they split the screen in five, six, seven, or even more sections. But it\u2019s essential for trading as it helps keep a lot of data accessible.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

10. Hidden Navigation<\/h2>\n\n\n\n

And here we took over modern trends in 2018. The technology originally came into use for big data front-end terminals in 2010. Before we started implementing this we had a few menu items and it was easy to allocate all of them in a row at the top or at the bottom of the screen. But after the number of items rose beyond 10 we knew we needed to hide them but be able to show them upon request.<\/p>\n\n\n\n

\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n\n\n\n
\n
\"trading<\/a>
dxMobile and GedikTrader Mobile <\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

11. Tiny Design Details<\/h2>\n\n\n\n

These are everywhere in trading software. It\u2019s not only tiny elements or notification icons, but also in accuracy and pixel perfection<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

12. Animated Logo and Typography<\/h2>\n\n\n\n
\"trading<\/a>
dxMobile splash screen animation<\/figcaption><\/figure><\/div>\n\n\n\n

When we do white labeling, we get a logo and color set from our client and work with it. Color set is a starting point, because the logo position is already established. In both white labeling and custom solutions, an animated logo can only show up during page loading to make the wait shorter, so this is a single-time animation. If the logo stays animated for the whole time the user is working in the application, it can disturb their eyes and pull attention.<\/p>\n\n\n\n

13. Color Transitions in Typography<\/h2>\n\n\n\n

We use these for additional eye appeal and better information representation. The color transition in our apps goes vertically; it\u2019s called condition formatting. Condition formatting colors cells according to the rules set by a user\u200a\u2014\u200afor example cells, with negative numbers are in bright colors. Other examples include: market depth widget, where the cells are colored depending on their value, order book in gradient, and heat map.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

14. Visual Hierarchy<\/h2>\n\n\n\n

This is always in use, according to the producers\u2019 individual guidelines.<\/p>\n\n\n\n

\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n\n\n\n
\n
\"trading<\/a><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

15. Tiny Typography<\/h2>\n\n\n\n

In highly loaded <\/strong>information systems such as our trading platform, everything is small but not tiny. We reduce letters and numbers until a certain degree in order to fit in as much information as possible, but keep it readable, fundamental and appropriate.<\/p>\n\n\n\n

We\u2019re interested in making our systems accessible for the visually-impaired. We want to appeal to all segments because they represent a wider audience for our products.<\/p>\n\n\n\n

\"trading<\/a><\/figure><\/div>\n\n\n\n
\"trading<\/a><\/figure><\/div>\n\n\n\n

We would like to mention some UI trends which are inefficient for heavy loaded <\/strong>information systems:<\/p>\n\n\n\n

  • Cinemagraphs<\/strong>\u200a\u2014\u200ademand too much space<\/li>
  • Landing pages<\/strong>\u200a\u2014\u200acan only be used for financial learning centers<\/li>
  • Full screen forms<\/strong>\u200a\u2014\u200aare used to fill in some extra space, and we don\u2019t have any extra space<\/li>
  • Videos everywhere\u200a<\/strong>\u2014\u200a<\/strong>the devil\u2019s delight, as they load space and memory<\/li><\/ul>\n\n\n\n

    Every pixel is a valuable space for tables, charts, numbers, and anything else that\u2019s essential. Another waste of pixel space is visual noise. Our goal is to make every effort to streamline and improve user interaction\u200a\u2014\u200acolor composition, animation and hidden navigation, lights and shadows.<\/p>\n\n\n\n

    \n\n\n\n

    All illustrations in this article belong to Devexperts.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    Specialists in every field like to share their opinions on the current and upcoming trends and we\u2019re no exception. In … <\/p>\n","protected":false},"author":16,"featured_media":1400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2020],"tags":[23,11,22,55],"class_list":["post-809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fintech","tag-design","tag-financial-software","tag-ui","tag-ux"],"acf":{"nifty_post_card_image":4603,"nifty_post_card_index_big":"","nifty_post_inner_image":"","nifty_post_card_banner":""},"yoast_head":"\n2018 UI Trends in Financial Software Development \u2013 Devexperts Blog<\/title>\n<meta name=\"description\" content=\"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2018 UI Trends in Financial Software Development\" \/>\n<meta property=\"og:description\" content=\"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Devexperts Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/devexperts\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-14T14:10:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-29T15:47:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3840\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nick Slezkinsky\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@devexperts\" \/>\n<meta name=\"twitter:site\" content=\"@devexperts\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nick Slezkinsky\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\"},\"author\":{\"name\":\"Nick Slezkinsky\"},\"headline\":\"2018 UI Trends in Financial Software Development\",\"datePublished\":\"2018-06-14T14:10:45+00:00\",\"dateModified\":\"2022-06-29T15:47:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\"},\"wordCount\":1819,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png\",\"keywords\":[\"design\",\"financial software\",\"UI\",\"UX\"],\"articleSection\":[\"Fintech\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\",\"url\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\",\"name\":\"2018 UI Trends in Financial Software Development \u2013 Devexperts Blog\",\"isPartOf\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png\",\"datePublished\":\"2018-06-14T14:10:45+00:00\",\"dateModified\":\"2022-06-29T15:47:58+00:00\",\"description\":\"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.\",\"breadcrumb\":{\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage\",\"url\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png\",\"contentUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png\",\"width\":3840,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devexperts.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2018 UI Trends in Financial Software Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devexperts.com\/blog\/#website\",\"url\":\"https:\/\/devexperts.com\/blog\/\",\"name\":\"Devexperts Blog\",\"description\":\"We make complex finance ideas on technology, innovation and business simple\",\"publisher\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devexperts.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/devexperts.com\/blog\/#organization\",\"name\":\"Devexperts LLC\",\"url\":\"https:\/\/devexperts.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devexperts.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2019\/08\/DX-logo.png\",\"contentUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2019\/08\/DX-logo.png\",\"width\":167,\"height\":30,\"caption\":\"Devexperts LLC\"},\"image\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/devexperts\/\",\"https:\/\/x.com\/devexperts\",\"https:\/\/www.linkedin.com\/company\/devexperts\",\"https:\/\/www.youtube.com\/channel\/UCF3FRmes2KrcVsTXQ1aAB5w\/featured\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"2018 UI Trends in Financial Software Development \u2013 Devexperts Blog","description":"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/","og_locale":"en_US","og_type":"article","og_title":"2018 UI Trends in Financial Software Development","og_description":"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.","og_url":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/","og_site_name":"Devexperts Blog","article_publisher":"https:\/\/www.facebook.com\/devexperts\/","article_published_time":"2018-06-14T14:10:45+00:00","article_modified_time":"2022-06-29T15:47:58+00:00","og_image":[{"width":3840,"height":700,"url":"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png","type":"image\/png"}],"author":"Nick Slezkinsky","twitter_card":"summary_large_image","twitter_creator":"@devexperts","twitter_site":"@devexperts","twitter_misc":{"Written by":"Nick Slezkinsky","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#article","isPartOf":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/"},"author":{"name":"Nick Slezkinsky"},"headline":"2018 UI Trends in Financial Software Development","datePublished":"2018-06-14T14:10:45+00:00","dateModified":"2022-06-29T15:47:58+00:00","mainEntityOfPage":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/"},"wordCount":1819,"commentCount":0,"publisher":{"@id":"https:\/\/devexperts.com\/blog\/#organization"},"image":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage"},"thumbnailUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png","keywords":["design","financial software","UI","UX"],"articleSection":["Fintech"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/","url":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/","name":"2018 UI Trends in Financial Software Development \u2013 Devexperts Blog","isPartOf":{"@id":"https:\/\/devexperts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage"},"image":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage"},"thumbnailUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png","datePublished":"2018-06-14T14:10:45+00:00","dateModified":"2022-06-29T15:47:58+00:00","description":"2018 UI design trends and the impact they have on financial software development. The trends are illustrated with a few mock-ups from Devexperts portfolio.","breadcrumb":{"@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#primaryimage","url":"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png","contentUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2018\/06\/ui-trends-2017.png","width":3840,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/devexperts.com\/blog\/2018-ui-trends-in-financial-software-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devexperts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"2018 UI Trends in Financial Software Development"}]},{"@type":"WebSite","@id":"https:\/\/devexperts.com\/blog\/#website","url":"https:\/\/devexperts.com\/blog\/","name":"Devexperts Blog","description":"We make complex finance ideas on technology, innovation and business simple","publisher":{"@id":"https:\/\/devexperts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devexperts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/devexperts.com\/blog\/#organization","name":"Devexperts LLC","url":"https:\/\/devexperts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devexperts.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/devexperts.com\/blog\/app\/uploads\/2019\/08\/DX-logo.png","contentUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2019\/08\/DX-logo.png","width":167,"height":30,"caption":"Devexperts LLC"},"image":{"@id":"https:\/\/devexperts.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/devexperts\/","https:\/\/x.com\/devexperts","https:\/\/www.linkedin.com\/company\/devexperts","https:\/\/www.youtube.com\/channel\/UCF3FRmes2KrcVsTXQ1aAB5w\/featured"]}]}},"_links":{"self":[{"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/comments?post=809"}],"version-history":[{"count":52,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts\/809\/revisions"}],"predecessor-version":[{"id":4604,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts\/809\/revisions\/4604"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/media\/1400"}],"wp:attachment":[{"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/media?parent=809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/categories?post=809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/tags?post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}