{"id":119968,"date":"2023-06-08T21:27:02","date_gmt":"2023-06-09T00:27:02","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/"},"modified":"2023-07-28T09:46:57","modified_gmt":"2023-07-28T12:46:57","slug":"ux-motion-animacao-para-experiencia-do-usuario-encantadora","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/","title":{"rendered":"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora"},"content":{"rendered":"<div>\n<h1>UX Motion: Anima\u00e7\u00e3o para <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a> Encantadora<\/h1>\n<p>A <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a> \u00e9 um dos principais fatores que determinam o sucesso de um produto ou servi\u00e7o digital. E a anima\u00e7\u00e3o \u00e9 uma das ferramentas mais poderosas para criar uma <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a> encantadora. Neste artigo, vamos explorar o que \u00e9 UX Motion, por que \u00e9 importante e como aplic\u00e1-lo em seus projetos.<\/p>\n<h2>Se\u00e7\u00e3o 1: O que \u00e9 UX Motion?<\/h2>\n<p>UX Motion \u00e9 a aplica\u00e7\u00e3o de anima\u00e7\u00e3o em interfaces de usu\u00e1rio para melhorar a <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a>. A anima\u00e7\u00e3o pode ser usada para fornecer <a target=\"_blank\" href=\"https:\/\/repositorio.uniceub.br\/jspui\/handle\/235\/10794\" rel=\"noopener\">Feedback visual<\/a>, orientar o usu\u00e1rio atrav\u00e9s de uma interface, criar uma sensa\u00e7\u00e3o de fluidez e naturalidade, e at\u00e9 mesmo adicionar um toque de <a target=\"_blank\" href=\"https:\/\/www.16personalities.com\/br\/teste-de-personalidade\" rel=\"noopener\">Personalidade<\/a> e divers\u00e3o.<\/p>\n<p>A anima\u00e7\u00e3o pode ser aplicada em v\u00e1rios elementos de uma interface, como bot\u00f5es, menus, \u00edcones, transi\u00e7\u00f5es entre telas e muito mais. Mas \u00e9 importante lembrar que a anima\u00e7\u00e3o deve ser usada com modera\u00e7\u00e3o e prop\u00f3sito. Muita anima\u00e7\u00e3o pode tornar a interface confusa e cansativa para o usu\u00e1rio.<\/p>\n<h2>Se\u00e7\u00e3o 2: Por que UX Motion \u00e9 importante?<\/h2>\n<p>UX Motion \u00e9 importante porque pode melhorar significativamente a <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a>. A anima\u00e7\u00e3o pode tornar a interface mais intuitiva e f\u00e1cil de usar, reduzindo a curva de aprendizado. A anima\u00e7\u00e3o tamb\u00e9m pode tornar a interface mais atraente e envolvente, aumentando o engajamento do usu\u00e1rio.<\/p>\n<p>Al\u00e9m disso, a anima\u00e7\u00e3o pode ajudar a transmitir informa\u00e7\u00f5es importantes de forma clara e eficaz. Por exemplo, uma anima\u00e7\u00e3o pode mostrar ao usu\u00e1rio que um bot\u00e3o foi pressionado ou que uma a\u00e7\u00e3o foi conclu\u00edda com sucesso.<\/p>\n<h2>Se\u00e7\u00e3o 3: Como aplicar UX Motion em seus projetos?<\/h2>\n<p>Para aplicar UX Motion em seus projetos, \u00e9 importante seguir algumas diretrizes b\u00e1sicas. Em primeiro lugar, a anima\u00e7\u00e3o deve ser sutil e n\u00e3o distrair o usu\u00e1rio da tarefa em quest\u00e3o. Em segundo lugar, a anima\u00e7\u00e3o deve ser consistente em toda a interface para criar uma sensa\u00e7\u00e3o de coes\u00e3o e fluidez.<\/p>\n<p>Aqui est\u00e3o algumas maneiras de aplicar UX Motion em seus projetos:<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/repositorio.uniceub.br\/jspui\/handle\/235\/10794\" rel=\"noopener\">Feedback visual<\/a>: Use anima\u00e7\u00e3o para fornecer <a target=\"_blank\" href=\"https:\/\/repositorio.uniceub.br\/jspui\/handle\/235\/10794\" rel=\"noopener\">Feedback visual<\/a> quando um usu\u00e1rio interage com um elemento da interface. Por exemplo, um bot\u00e3o pode mudar de cor ou tamanho quando pressionado.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/cavalus.com.br\/geral\/como-fazer-uma-transicao-suave-com-seu-cavalo\/\" rel=\"noopener\">Transi\u00e7\u00f5es suaves<\/a>: Use anima\u00e7\u00e3o para criar <a target=\"_blank\" href=\"https:\/\/cavalus.com.br\/geral\/como-fazer-uma-transicao-suave-com-seu-cavalo\/\" rel=\"noopener\">Transi\u00e7\u00f5es suaves<\/a> entre telas ou elementos da interface. Por exemplo, uma tela pode deslizar para fora da vista enquanto outra desliza para dentro.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.16personalities.com\/br\/teste-de-personalidade\" rel=\"noopener\">Personalidade<\/a>: Use anima\u00e7\u00e3o para adicionar um toque de <a target=\"_blank\" href=\"https:\/\/www.16personalities.com\/br\/teste-de-personalidade\" rel=\"noopener\">Personalidade<\/a> e divers\u00e3o \u00e0 interface. Por exemplo, um \u00edcone pode se transformar em um personagem animado quando pressionado.<\/li>\n<li><a target=\"_blank\" href=\"http:\/\/www.arquivoestado.sp.gov.br\/web\/orientacoes_sic\" rel=\"noopener\">Orienta\u00e7\u00e3o<\/a>: Use anima\u00e7\u00e3o para orientar o usu\u00e1rio atrav\u00e9s da interface. Por exemplo, uma seta animada pode indicar a dire\u00e7\u00e3o que o usu\u00e1rio deve seguir.<\/li>\n<\/ul>\n<h2>Se\u00e7\u00e3o 4: Exemplos de UX Motion em a\u00e7\u00e3o<\/h2>\n<p>A melhor maneira de entender como UX Motion pode ser aplicado em seus projetos \u00e9 ver exemplos em a\u00e7\u00e3o. Aqui est\u00e3o alguns exemplos de anima\u00e7\u00e3o em interfaces de usu\u00e1rio:<\/p>\n<ul>\n<li>O aplicativo de mensagens Slack usa anima\u00e7\u00e3o para fornecer <a target=\"_blank\" href=\"https:\/\/repositorio.uniceub.br\/jspui\/handle\/235\/10794\" rel=\"noopener\">Feedback visual<\/a> quando uma mensagem \u00e9 enviada ou recebida. O \u00edcone de envio de mensagem gira enquanto a mensagem est\u00e1 sendo enviada e muda de cor quando \u00e9 entregue.<\/li>\n<li>O aplicativo de streaming de m\u00fasica Spotify usa anima\u00e7\u00e3o para criar <a target=\"_blank\" href=\"https:\/\/cavalus.com.br\/geral\/como-fazer-uma-transicao-suave-com-seu-cavalo\/\" rel=\"noopener\">Transi\u00e7\u00f5es suaves<\/a> entre telas. Quando o usu\u00e1rio toca em uma m\u00fasica, a capa do \u00e1lbum se expande para preencher a tela.<\/li>\n<li>O aplicativo de viagens Airbnb usa anima\u00e7\u00e3o para orientar o usu\u00e1rio atrav\u00e9s da interface. Quando o usu\u00e1rio pesquisa por um destino, uma anima\u00e7\u00e3o mostra a localiza\u00e7\u00e3o no mapa e destaca as op\u00e7\u00f5es de hospedagem dispon\u00edveis.<\/li>\n<\/ul>\n<h2>Se\u00e7\u00e3o 5: Aprenda mais sobre UX Motion com Awari<\/h2>\n<p>Se voc\u00ea quer aprender mais sobre UX Motion e como aplic\u00e1-lo em seus projetos, a Awari oferece cursos de design de interface de usu\u00e1rio que incluem m\u00f3dulos sobre anima\u00e7\u00e3o e intera\u00e7\u00e3o. Os cursos s\u00e3o ministrados por profissionais experientes e incluem projetos pr\u00e1ticos para ajud\u00e1-lo a aplicar o que aprendeu.<\/p>\n<h2>Se\u00e7\u00e3o 6: Conclus\u00e3o<\/h2>\n<p>UX Motion \u00e9 uma ferramenta poderosa para criar uma <a target=\"_blank\" href=\"https:\/\/openbankingbrasil.atlassian.net\/wiki\/spaces\/OB\/pages\/6128557\/Guia+de+Experi+ncia+do+Usu+rio\" rel=\"noopener\">Experi\u00eancia do usu\u00e1rio<\/a> encantadora. A anima\u00e7\u00e3o pode ser usada para fornecer <a target=\"_blank\" href=\"https:\/\/repositorio.uniceub.br\/jspui\/handle\/235\/10794\" rel=\"noopener\">Feedback visual<\/a>, orientar o usu\u00e1rio atrav\u00e9s de uma interface, criar uma sensa\u00e7\u00e3o de fluidez e naturalidade, e at\u00e9 mesmo adicionar um toque de <a target=\"_blank\" href=\"https:\/\/www.16personalities.com\/br\/teste-de-personalidade\" rel=\"noopener\">Personalidade<\/a> e divers\u00e3o. Mas \u00e9 importante lembrar que a anima\u00e7\u00e3o deve ser usada com modera\u00e7\u00e3o e prop\u00f3sito.<\/p>\n<p>Se voc\u00ea quer aprender mais sobre UX Motion e como aplic\u00e1-lo em seus projetos, a Awari oferece cursos de design de interface de usu\u00e1rio que incluem m\u00f3dulos sobre anima\u00e7\u00e3o e intera\u00e7\u00e3o. Invista em sua carreira e comece a criar interfaces incr\u00edveis hoje mesmo!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers courses on UI design with modules on animation and interaction. Invest in your career and start creating amazing interfaces today!<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-119968","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-09T00:27:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T12:46:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/\",\"name\":\"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"datePublished\":\"2023-06-09T00:27:02+00:00\",\"dateModified\":\"2023-07-28T12:46:57+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil","description":"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...","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:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/","og_locale":"pt_BR","og_type":"article","og_title":"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil","og_description":"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-06-09T00:27:02+00:00","article_modified_time":"2023-07-28T12:46:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/","name":"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"datePublished":"2023-06-09T00:27:02+00:00","dateModified":"2023-07-28T12:46:57+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Learn how to create a delightful user experience with UX Motion. Animation can provide visual feedback, guide users, and add personality. Awari offers cour...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/ux-motion-animacao-para-experiencia-do-usuario-encantadora\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"UX Motion: Anima\u00e7\u00e3o para Experi\u00eancia do Usu\u00e1rio Encantadora"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/119968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=119968"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/119968\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=119968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=119968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=119968"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=119968"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=119968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}