{"id":510,"date":"2017-05-03T11:25:48","date_gmt":"2017-05-03T11:25:48","guid":{"rendered":"https:\/\/devexperts.com\/blog\/?p=510"},"modified":"2022-05-18T10:56:10","modified_gmt":"2022-05-18T10:56:10","slug":"how-we-work-on-design-use-%d1%81ases-symbol-library","status":"publish","type":"post","link":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/","title":{"rendered":"How We Work on Design Use \u0421ases. Symbol Library"},"content":{"rendered":"\n

DXmobile<\/g><\/strong> is part of our extensive finance software product line gathered under one brand DXtrade Enterprise. It was launched on web, desktop, and mobile platforms (both iOS and Android). It is a complex product that boasts rich functionality for financial analysts, professional traders, and researchers. It provides the ability to trade, use analytics, charting and newsfeed for different vendors and brokers. All products in the line have their unique color palettes and style guides. <\/p>\n\n\n\n

Designing mobile apps, we aspire to maintain the entire functionality of the base platforms (web and desktop). As one could expect, a transition of massive web components to a mobile platform would require a very thorough adaptation. Needless to say, it is crucial for us to keep the platform up to system guidelines and modern trends. We have been designing this app for a couple of years already so we have faced and solved numerous different cases during this time. <\/p>\n\n\n\n

This article is an attempt to describe one of these cases on our Android application.<\/strong><\/p><\/blockquote>\n\n\n\n

Symbol Library<\/strong> is a big catalog of trading instruments with a complex tree structure. We\u2019ve found this case to be the most interesting in our work during the past couple of months. First, we\u2019ve received a request from the analysts to introduce a specific search\/filter ability. Use case: a user-trader is looking for a certain trading instrument. In the forex version, the list is limited to a couple dozen instruments so the user is able to monitor the simple watchlist, but in the case of Brokerage, they interact with hundreds of instruments. They may know the instrument title in full, partially, or only by the folder title. The catalog may be extensive and the hierarchy transition chains may be long, therefore our filter should be available on each screen of the catalog hierarchy (parent \u2014 subsidiary \u2014 sub-subsidiary, etc.) and should not have the user navigate from the current folder.<\/p>\n\n\n\n

This is where the problem occurs. Referring to Google Material guidelines there are two standard ways to introduce search \u2014 Persistent Search or Expandable Search. Unfortunately, these methods do not allow the user to search\/filter and move through the catalog simultaneously.<\/p>\n\n\n\n

\"\"
Persistent Search & Expandable Search in Google Material guidelines<\/figcaption><\/figure><\/div>\n\n\n\n
\"Persistent<\/figure><\/div>\n\n\n\n

Having researched miscellaneous applications that provide operations with catalogs and analyzed their pros and cons, we came to the conclusion that search should be performed with a separate component under the action bar. The action bar should contain a hierarchy chain and a number of instruments in the current folder. Very long chains will inevitably appear so we\u2019ve added the ability to horizontally scroll it. By tapping on the folder title in a chain, the user can quickly move through the catalog (without losing the search query).<\/p>\n\n\n\n

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

After performing a search query, user can see how many matches there are in their current folder. If there are none, they will be transferred to one of the previous folders that do have matches (in case when there are no matches at all, they will see a placeholder text which explains the situation). Numbers highlight search matches. This pattern is not common for most of the catalogs but is convenient for the current case.<\/p>\n\n\n\n

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

In addition, standard search (global quick search without the catalog structure) is always available from the side menu and its implementation is standard, so the only innovation here is the ability to switch to the symbol library mode.<\/p>\n\n\n\n

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

Not Only Smartphones<\/h3>\n\n\n\n

Besides the smartphone application, we also support the tablet version. We strive to make it as consistent with both the smartphone version and the<\/g> guidelines as possible. However, according to the requirement that stipulates<\/g> taking the tablet useful space in its entirety and provide as much<\/g> data as the device is able to display, issues we\u2019ve dealt with often<\/g> needed an unusual way of resolving. The principal unique feature is<\/g> the structure of the application. Components that show up on smartphones<\/g> as individual screens are available from the side menu and are<\/g> represented as separate widgets on the tablet. All further actions (such as placing orders or setting an alert) are executed within modal dialogs<\/g>. On a single page (which is equal to separate screen) a user could<\/g> set from 1 to 4 different widgets. Each widget could be modally opened<\/g> as a full-screen component. The number of pages is unlimited, which also provides an option to set an infinite variety of workspace combinations<\/g>. The structure is created to satisfy the needs of different types<\/g> of users. <\/p>\n\n\n\n

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

Using this approach we\u2019ve faced such problems as compatibility<\/g> of different widget types (e.g., chart or watchlist) with various widget formats (1×1, 1×2, 2×1, 2×2). Even though some of the combinations are less useful than others, it is our goal to make the content comfortable for use on different form-factors<\/g>. Which, according to our practice, is not an impossible task<\/g>. As the application may be purchased by different vendors, we need high<\/g> customization potential \u2014 and also application of styles that differ<\/g> completely for different customers. Our widget-style approach works<\/g> like a construction kit enabling us to provide the exact sought-for<\/g> solution for each client.<\/p>\n\n\n\n

The most frequent use \ncase of Symbol Library on tablets has been noticeably affected by the \nwidget structure too. In this use case, the user has the Watchlist \nwidget (a list of instruments which contains bid and ask prices and a \nbit of additional information) and the Chart widget (this component \nprovides detailed information about the trading instrument, user having \nan ability to compare prices, explore and customize the chart, look \nthrough additional market data and trade) on the same screen. This \nlayout provides an ability to look quickly through the instrument list, \nset the selected instrument on the Chart widget, analyze it, and make \nfast trade decisions. It\u2019s not that simple though to search quickly for \nnew instruments through a standard watchlist. This is where our Symbol \nLibrary comes into play.<\/p>\n\n\n\n

\"Symbol<\/a>
Symbol Library widget 1×2 and 2×1 format<\/figcaption><\/figure><\/div>\n\n\n\n

In the majority of apps, the search function is provided by alteration of the current content display or applied globally (above the current structure level). This is a basic approach resulting in global search being always available from the app header. However, we needed to consider two additional cases. First, global search should have two modes: simple and catalog view. Second, an introduction of search\/filter ability inside the widget. We started with the widget\u2019s inner structure. In order to avoid the smartphone way of implementing catalog inside the widget (with a back button), we decided to show content in a cascade (it also saves a lot of usable space). This option is perfect for wide widgets (2×1, 2×2 or full-screen). In this case, 4 content columns (folders) can be showed. For narrow formats (1×1 or 1×2) there are 2 columns. In the widget header, we\u2019ve placed a scrollable hierarchy chain (which is consistent with the smartphone), so the issue with transferring through the history is addressed (in order to open another folder, the user can also tap into the column content, of course). What about the global search though? Its catalog view should almost replicate the symbol library structure so all we have to do is to add a proper mode switch control.<\/p>\n\n\n\n

\"Symbol<\/a>
Symbol Library search query and Simple Search<\/figcaption><\/figure><\/div>\n\n\n\n

In conclusion, it will not be redundant to remind that all of the decisions have been made through difficult discussions with analysts and product owners and tested both in-house and in focus groups. It wasn\u2019t that easy of a task so we\u2019ve spent quite a while working hard at our workplaces, sketching on whiteboards with markers in our hands, and deliberating in the meeting rooms. That said, we hope this information will help you resolve your own cases. Stay in touch!<\/p>\n","protected":false},"excerpt":{"rendered":"

DXmobile is part of our extensive finance software product line gathered under one brand DXtrade Enterprise. It was launched on … <\/p>\n","protected":false},"author":16,"featured_media":1674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2020],"tags":[23,34,22,55],"class_list":["post-510","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fintech","tag-design","tag-mobile","tag-ui","tag-ux"],"acf":{"nifty_post_card_image":null,"nifty_post_card_index_big":null,"nifty_post_inner_image":null,"nifty_post_card_banner":null},"yoast_head":"\nDesign Use \u0421ases. Symbol Library \u2013 Devexperts Blog<\/title>\n<meta name=\"description\" content=\"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.\" \/>\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\/how-we-work-on-design-use-\u0441ases-symbol-library\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How We Work on Design Use \u0421ases. Symbol Library\" \/>\n<meta property=\"og:description\" content=\"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-\u0441ases-symbol-library\/\" \/>\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=\"2017-05-03T11:25:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-18T10:56:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.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=\"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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/\"},\"headline\":\"How We Work on Design Use \u0421ases. Symbol Library\",\"datePublished\":\"2017-05-03T11:25:48+00:00\",\"dateModified\":\"2022-05-18T10:56:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/\"},\"wordCount\":1309,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png\",\"keywords\":[\"design\",\"mobile\",\"UI\",\"UX\"],\"articleSection\":[\"Fintech\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/\",\"url\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/\",\"name\":\"Design Use \u0421ases. Symbol Library \u2013 Devexperts Blog\",\"isPartOf\":{\"@id\":\"https:\/\/devexperts.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png\",\"datePublished\":\"2017-05-03T11:25:48+00:00\",\"dateModified\":\"2022-05-18T10:56:10+00:00\",\"description\":\"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.\",\"breadcrumb\":{\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage\",\"url\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png\",\"contentUrl\":\"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png\",\"width\":3840,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devexperts.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How We Work on Design Use \u0421ases. Symbol Library\"}]},{\"@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":"Design Use \u0421ases. Symbol Library \u2013 Devexperts Blog","description":"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.","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\/how-we-work-on-design-use-\u0441ases-symbol-library\/","og_locale":"en_US","og_type":"article","og_title":"How We Work on Design Use \u0421ases. Symbol Library","og_description":"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.","og_url":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-\u0441ases-symbol-library\/","og_site_name":"Devexperts Blog","article_publisher":"https:\/\/www.facebook.com\/devexperts\/","article_published_time":"2017-05-03T11:25:48+00:00","article_modified_time":"2022-05-18T10:56:10+00:00","og_image":[{"width":3840,"height":700,"url":"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@devexperts","twitter_site":"@devexperts","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#article","isPartOf":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/"},"headline":"How We Work on Design Use \u0421ases. Symbol Library","datePublished":"2017-05-03T11:25:48+00:00","dateModified":"2022-05-18T10:56:10+00:00","mainEntityOfPage":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/"},"wordCount":1309,"commentCount":0,"publisher":{"@id":"https:\/\/devexperts.com\/blog\/#organization"},"image":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage"},"thumbnailUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png","keywords":["design","mobile","UI","UX"],"articleSection":["Fintech"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/","url":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/","name":"Design Use \u0421ases. Symbol Library \u2013 Devexperts Blog","isPartOf":{"@id":"https:\/\/devexperts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage"},"image":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage"},"thumbnailUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png","datePublished":"2017-05-03T11:25:48+00:00","dateModified":"2022-05-18T10:56:10+00:00","description":"Symbol Library is a big catalog of trading instruments with a complex tree structure. Use case: a user-trader is looking for a certain trading instrument.","breadcrumb":{"@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#primaryimage","url":"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png","contentUrl":"https:\/\/devexperts.com\/blog\/app\/uploads\/2017\/05\/orange-full.png","width":3840,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/devexperts.com\/blog\/how-we-work-on-design-use-%d1%81ases-symbol-library\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devexperts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How We Work on Design Use \u0421ases. Symbol Library"}]},{"@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\/510","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=510"}],"version-history":[{"count":25,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts\/510\/revisions"}],"predecessor-version":[{"id":2260,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/posts\/510\/revisions\/2260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/media\/1674"}],"wp:attachment":[{"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/media?parent=510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/categories?post=510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devexperts.com\/blog\/wp-json\/wp\/v2\/tags?post=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}