{"id":111,"date":"2024-07-08T02:48:43","date_gmt":"2024-07-07T14:48:43","guid":{"rendered":"https:\/\/derena.info\/?page_id=111"},"modified":"2024-07-29T09:56:26","modified_gmt":"2024-07-28T21:56:26","slug":"financial-charts-split","status":"publish","type":"page","link":"https:\/\/oderena.com\/?page_id=111","title":{"rendered":"Financial Charts &#8211; split"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Project was part of identifying opportunity for enhancing UX of IG Trading Financial Charting package.<br>Worked alongside Stakeholders, Product owner and Development team.<\/p>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-1024x341.jpg\" alt=\"\" class=\"wp-image-112\" srcset=\"https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-1024x341.jpg 1024w, https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-300x100.jpg 300w, https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-768x255.jpg 768w, https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-1536x511.jpg 1536w, https:\/\/oderena.com\/wp-content\/uploads\/2024\/07\/hero-image-6-2048x681.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1250aeed wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Problem statement<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Clients wanted to viewing chart on different timeframes\/intervals to analyse market and define trends and patterns.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Challenge<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Charting is heavy package and there were tech limitations on amount of streaming charts without not overloading web platform.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Process and first results<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Defined requirements<\/strong> with stakeholders and technical team to ensure a comprehensive understanding of user needs, effective problem-solving, and successful implementation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gathered insights<\/strong> from usability sessions and from competitor research.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Identified<\/strong> the most useful chart view combinations and tested with dev team on chart load<\/p>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In further platform user testing we have discovered that this feature had poor discoverability:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>People want this, they love it, but they can\u2019t find it.<\/li>\n\n\n\n<li>They don\u2019t see the selector.<\/li>\n\n\n\n<li>When it\u2019s pointed out to them, they can\u2019t guess what it is.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1250aeed wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1250aeed wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Challenge<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">How to educate users on platform interface without explaining each feature and tool.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Hypothesis<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The visibility and styling of the button is the main issue.<\/li>\n\n\n\n<li>There are other tools might be missed by clients.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Results and improvements<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I have created designs where more frequently used chart menu items moved from dropdown and placed on the top of chart.<\/li>\n\n\n\n<li>Added tooltip to chart tools buttons\/icons to help users understand what tool is without guessing the icon.<\/li>\n\n\n\n<li>I looked at redesign the icon \/ button to look more interactive.<\/li>\n\n\n\n<li>We have asked analysts to use split chart feature in the materials they are publishing as an additional advertising of the tool<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/oderena.com\/?page_id=199\" data-type=\"page\" data-id=\"199\">\u2190 Back to all projects<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Project was part of identifying opportunity for enhancing UX of IG Trading Financial Charting package.Worked alongside Stakeholders, Product owner and Development team. Problem statement Clients wanted to viewing chart on different timeframes\/intervals to analyse market and define trends and patterns. Challenge Charting is heavy package and there were tech limitations on amount of streaming charts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oderena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=111"}],"version-history":[{"count":9,"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/pages\/111\/revisions\/251"}],"up":[{"embeddable":true,"href":"https:\/\/oderena.com\/index.php?rest_route=\/wp\/v2\/pages\/199"}],"wp:attachment":[{"href":"https:\/\/oderena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}