{"id":8830,"date":"2023-12-21T11:39:32","date_gmt":"2023-12-21T14:39:32","guid":{"rendered":"https:\/\/www.handtalk.me\/br\/?p=8830"},"modified":"2024-03-11T15:14:19","modified_gmt":"2024-03-11T18:14:19","slug":"hand-talk-plugin-e-ux","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/hand-talk-plugin-e-ux\/","title":{"rendered":"Como o design do Hand Talk Plugin contribui para UX?"},"content":{"rendered":"\n<p>Voc\u00ea sabia que o design \u00e9 uma <strong>ferramenta super importante para garantir uma experi\u00eancia agrad\u00e1vel para as pessoas usu\u00e1rias<\/strong> no seu site? Na verdade, um bom design \u00e9 essencial para melhorar a <a href=\"https:\/\/www.handtalk.me\/br\/blog\/uxui-design-acessivel-tudo-o-que-voce-precisa-saber\/\" target=\"_blank\" rel=\"noopener\" title=\"\">UX (User Experience ou Experi\u00eancia da Pessoa Usu\u00e1ria)<\/a> em qualquer plataforma digital.<\/p>\n\n\n\n<p>E com o <a href=\"https:\/\/www.handtalk.me\/br\/blog\/hand-talk-plugin-9\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Hand Talk Plugin<\/a> n\u00e3o poderia ser diferente, n\u00e3o \u00e9 mesmo? Ent\u00e3o continue por aqui que vamos te contar mais sobre o nosso plugin de acessibilidade e como ele pode ser um aliado poderoso para tornar a experi\u00eancia do seu p\u00fablico ainda melhor!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 o Hand Talk Plugin?<\/h2>\n\n\n\n<p>O Hand Talk Plugin \u00e9 o nosso <a href=\"https:\/\/www.handtalk.me\/br\/blog\/quatro-plugins-de-acessibilidade-para-aumentar-trafego-do-seu-site\/\" target=\"_blank\" rel=\"noopener\" title=\"\">plugin de acessibilidade<\/a> para sites. Ele nasceu como uma <strong>ferramenta de tradu\u00e7\u00e3o de portugu\u00eas para <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/libras\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Libras (L\u00edngua Brasileira de Sinais)<\/strong><\/a>, focado em promover acessibilidade digital para pessoas da comunidade surda. <\/p>\n\n\n\n<p>Hoje em dia, depois de muita pesquisa e novas atualiza\u00e7\u00f5es, ele tamb\u00e9m est\u00e1<strong> dispon\u00edvel para tradu\u00e7\u00f5es de ingl\u00eas para ASL <\/strong>(L\u00edngua de Sinais Americana), al\u00e9m de contar com <strong>outros recursos assistivos <\/strong>que abrangem um p\u00fablico ainda maior!<\/p>\n\n\n\n<p>Para voc\u00ea entender um pouco melhor, o Hand Talk Plugin <strong>funciona com base em <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/inteligencia-artificial-para-o-bem-social\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Intelig\u00eancia Artificial<\/strong><\/a><strong> <\/strong>e conta com dois tradutores virtuais 3D super simp\u00e1ticos, o Hugo e a Maya, para realizar todas as tradu\u00e7\u00f5es da l\u00edngua escrita para a <a href=\"https:\/\/www.handtalk.me\/br\/blog\/as-linguas-de-sinais-nos-unem\/\" target=\"_blank\" rel=\"noopener\" title=\"\">L\u00edngua de Sinais<\/a>. Ele \u00e9 essencial para que as informa\u00e7\u00f5es na web estejam acess\u00edveis para as pessoas surdas, que muitas vezes n\u00e3o dominam os idiomas escritos dos seus pa\u00edses.<\/p>\n\n\n\n<p>Ah, e tem mais! Pensando em deixar os portais online mais acess\u00edveis para um p\u00fablico ainda maior, nosso plugin de acessibilidade tamb\u00e9m conta com 4 recursos assistivos complementares: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modo de leitura;<\/li>\n\n\n\n<li>Leitor de sites;<\/li>\n\n\n\n<li>Ajuste de espa\u00e7amento entre linhas; e<\/li>\n\n\n\n<li>Ajuste de tamanho de fonte. <\/li>\n<\/ul>\n\n\n\n<p>As novas fun\u00e7\u00f5es buscam atender pessoas com dislexia, baixa vis\u00e3o, TDAH, dem\u00eancia, discalculia, afasia, idosas, com outras defici\u00eancias visuais e dificuldades com leitura de textos em geral. Muito legal, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Entenda o compromisso da Hand Talk com a acessibilidade<\/h2>\n\n\n\n<p>Aqui na Hand Talk, n\u00f3s vivemos para a acessibilidade. Inclusive, nosso prop\u00f3sito \u00e9 <strong>quebrar a barreira de comunica\u00e7\u00e3o entre pessoas surdas e ouvintes por meio da tecnologia<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Queremos que um p\u00fablico cada vez maior possa navegar pelo universo digital com <strong>independ\u00eancia, autonomia e <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/igualdade-e-equidade\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>equidade<\/strong><\/a>. Trabalhamos para que a web seja um espa\u00e7o com mais acessibilidade para todo mundo, ainda mais em um cen\u00e1rio em que <a href=\"https:\/\/www.google.com.br\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=&amp;cad=rja&amp;uact=8&amp;ved=2ahUKEwjl7L7DzKCDAxWwcfEDHf6SAJAQFnoECBEQAQ&amp;url=https%3A%2F%2Fmwpt.com.br%2Fnumero-de-sites-brasileiros-aprovados-em-todos-os-testes-de-acessibilidade-tem-queda-em-relacao-ao-ano-passado-e-e-ainda-menor-que-1%2F&amp;usg=AOvVaw23NqbwO5AVh1976Fm4nIjQ&amp;opi=89978449\" target=\"_blank\" rel=\"noopener\" title=\"\">menos de 1% dos sites brasileiros est\u00e1 acess\u00edvel<\/a> para as pessoas com defici\u00eancia.<\/p>\n\n\n\n<p>Nosso objetivo tamb\u00e9m \u00e9 fazer com que o mercado entenda que <a href=\"https:\/\/www.handtalk.me\/br\/blog\/investir-acessibilidade-tecnologia\/\" target=\"_blank\" rel=\"noopener\" title=\"\">investir em acessibilidade digital<\/a> n\u00e3o \u00e9 uma a\u00e7\u00e3o de filantropia. Nesse contexto, quem tem um site acess\u00edvel deixa 99% da web no Brasil para tr\u00e1s, se destacando como uma organiza\u00e7\u00e3o preparada para receber qualquer tipo de pessoa consumidora. Consequentemente, isso se mostra como uma <strong>grande oportunidade de mercado<\/strong>, n\u00e3o \u00e9 mesmo?<\/p>\n\n\n\n<div role=\"main\" id=\"formulario-bps-fundo-58721efa4302cbabcdf5\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/d335luupugsy2.cloudfront.net\/js\/rdstation-forms\/stable\/rdstation-forms.min.js\"><\/script><script type=\"text\/javascript\"> new RDStationForms('formulario-bps-fundo-58721efa4302cbabcdf5', 'UA-42200813-13').createForm();<\/script>\n\n\n\n<h2 class=\"wp-block-heading\">Como foi escolhido o design do Hand Talk Plugin?<\/h2>\n\n\n\n<p>Antes de tudo, nos baseamos nas <strong>boas pr\u00e1ticas de design<\/strong> para desenvolver o Hand Talk Plugin. At\u00e9 aqui n\u00e3o existem muitas surpresas, mas \u00e9 importante ressaltar que, para a cria\u00e7\u00e3o de qualquer tipo de produto digital, levar em considera\u00e7\u00e3o boas pr\u00e1ticas de design \u00e9 essencial para j\u00e1 come\u00e7ar a construir uma boa experi\u00eancia para as pessoas usu\u00e1rias, ou uma boa UX.<\/p>\n\n\n\n<p>Agora falando mais especificamente do nosso plugin de acessibilidade, tamb\u00e9m t\u00ednhamos em mente que quer\u00edamos um <strong>visual neutro<\/strong>, para n\u00e3o conflitar com a identidade visual dos nossos clientes. Al\u00e9m desse visual mais global, nosso <strong>foco principal foi na acessibilidade<\/strong>. Ou seja, garantir a presen\u00e7a de <a href=\"https:\/\/www.handtalk.me\/br\/blog\/contraste-de-cores-e-acessibilidade\/\" title=\"\">contraste de cor<\/a>, ter elementos clic\u00e1veis, os nossos textos em tamanhos bons e ainda ter certeza de que o plugin pudesse ser bem navegado por leitores de tela.<\/p>\n\n\n\n<p>Quer saber de ainda mais detalhes? Vamos l\u00e1! Em rela\u00e7\u00e3o a fun\u00e7\u00e3o do tradutor de L\u00edngua de Sinais, escolhemos um design em que o tamanho da janela fosse ideal para que a pessoa usu\u00e1ria pudesse <strong>navegar pelo site com o plugin aberto simultaneamente<\/strong>, sem que um conte\u00fado atrapalhasse o outro.<\/p>\n\n\n\n<p>Foi esse o mesmo racioc\u00ednio que seguimos quando lan\u00e7amos os recursos assistivos adicionais. Principalmente ao abri-los pelo celular, \u00e9 muito importante que a janela com esses complementos n\u00e3o seja <strong>nem muito grande<\/strong> que impe\u00e7a a pessoa usu\u00e1ria de ver quais os impactos que cada recurso selecionado vai ter na visualiza\u00e7\u00e3o do site, e <strong>nem muito pequena<\/strong> que n\u00e3o consiga entender no que est\u00e1 clicando.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como o design do plugin contribui para a experi\u00eancia da pessoa usu\u00e1ria?<\/h2>\n\n\n\n<p>Bom, antes de entrar nesse assunto, precisamos fazer uma observa\u00e7\u00e3o importante: <strong>mesmo que um site siga todos os requisitos e <\/strong><a href=\"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-2\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>diretrizes de acessibilidade<\/strong><\/a><strong>, muitas vezes isso ainda n\u00e3o \u00e9 o suficiente para grande parte das pessoas usu\u00e1rias<\/strong>.<\/p>\n\n\n\n<p>Calma, vamos explicar. A ideia por tr\u00e1s dessa afirma\u00e7\u00e3o \u00e9 que, mesmo o site sendo acess\u00edvel no c\u00f3digo e conte\u00fado, muitas vezes as pessoas usu\u00e1rias v\u00e3o querer ou precisar fazer pequenos ajustes nele, para facilitar sua leitura e visualiza\u00e7\u00e3o das informa\u00e7\u00f5es.&nbsp;<\/p>\n\n\n\n<p>\u00c9 assim que o Hand Talk Plugin contribui para a UX de quem acessa seu portal. Nosso papel \u00e9 servir como um<strong> complemento de acessibilidade dos sites<\/strong>, fornecendo alternativas diferentes para que as pessoas possam adaptar sua visualiza\u00e7\u00e3o e compreens\u00e3o do conte\u00fado de forma que funcione melhor para elas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual \u00e9 a import\u00e2ncia de manter a configura\u00e7\u00e3o original do Hand Talk Plugin?<\/h2>\n\n\n\n<p>Quem n\u00e3o \u00e9 visto n\u00e3o \u00e9 lembrado, n\u00e3o \u00e9 mesmo? Essa m\u00e1xima tamb\u00e9m se aplica ao Hand Talk Plugin. O que queremos dizer com isso \u00e9 que n\u00e3o adianta colocar nosso plugin de acessibilidade no site, mas deix\u00e1-lo escondido em algum canto de dif\u00edcil acesso.<\/p>\n\n\n\n<p>Dessa forma, manter a configura\u00e7\u00e3o original do plugin, mantendo o seu bot\u00e3o na barra lateral do site, \u00e9 <strong>super importante para que as pessoas usu\u00e1rias consigam encontr\u00e1-lo e us\u00e1-lo<\/strong>. Isso beneficia tanto o p\u00fablico que agora ter\u00e1 mais facilidade em acessar os recursos de acessibilidade necess\u00e1rios, quanto o seu pr\u00f3prio site, que estar\u00e1 mais preparado para receber pessoas com diferentes necessidades.<\/p>\n\n\n\n<p>\u201cAh, mas ent\u00e3o eu tamb\u00e9m n\u00e3o posso alterar a cor do bot\u00e3o?\u201d Sim, voc\u00ea pode! \u00c9 poss\u00edvel fazer algumas escolhas de personaliza\u00e7\u00e3o do seu Hand Talk Plugin e desviar um pouquinho da configura\u00e7\u00e3o original, como <strong>mudar a cor do bot\u00e3o <\/strong>azul para cinza escuro ou azul claro!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3 dicas para usar o Hand Talk Plugin da melhor forma poss\u00edvel!<\/h2>\n\n\n\n<p>No geral, usar o Hand Talk Plugin \u00e9 bastante f\u00e1cil e intuitivo, no entanto existem algumas boas pr\u00e1ticas que podem tornar a experi\u00eancia com ele ainda melhor! E lembre-se: voc\u00ea sempre pode conversar com o nosso time de suporte para entender como o nosso plugin de acessibilidade pode funcionar melhor no seu contexto espec\u00edfico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dica 1 &#8211; Deixe sempre o bot\u00e3o do Hand Talk Plugin vis\u00edvel<\/h3>\n\n\n\n<p>Como j\u00e1 falamos ali em cima, \u00e9 essencial que voc\u00ea <strong>mantenha o bot\u00e3o na sua configura\u00e7\u00e3o original na barra lateral do site<\/strong>. Caso ele esteja apenas dispon\u00edvel dentro de uma p\u00e1gina voltada para acessibilidade, ou no formato de um link pequeno no rodap\u00e9, as pessoas usu\u00e1rias n\u00e3o conseguir\u00e3o encontr\u00e1-lo facilmente.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dica 2 &#8211; Converse com o nosso time de suporte<\/h3>\n\n\n\n<p>Nosso time de suporte est\u00e1 dispon\u00edvel para te auxiliar com qualquer d\u00favida, dificuldade ou problema que voc\u00ea possa enfrentar com o uso do Hand Talk Plugin. Al\u00e9m disso, ele tamb\u00e9m pode te ajudar a <strong>encontrar o melhor lugar do seu site onde colocar o bot\u00e3o do plugin<\/strong>! Dessa forma, atraindo mais pessoas usu\u00e1rias para us\u00e1-lo.&nbsp;<\/p>\n\n\n\n<p>Para entrar em contato \u00e9 s\u00f3 enviar um email para <a href=\"mailto:suporte@handtalk.me\" target=\"_blank\" rel=\"noopener\" title=\"\">suporte@handtalk.me<\/a>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dica 3 &#8211; Siga boas pr\u00e1ticas na hora de construir sua estrutura de c\u00f3digo<\/h3>\n\n\n\n<p>Ter uma boa estrutura de c\u00f3digo \u00e9 super importante para que o Hand Talk Plugin atue da melhor maneira poss\u00edvel. Por isso, garanta que seu site est\u00e1 seguindo as boas pr\u00e1ticas do mercado.&nbsp;<\/p>\n\n\n\n<p>Por exemplo, n\u00e3o tenha blocos de textos muito longos. Al\u00e9m de dificultar a leitura por parte das pessoas usu\u00e1rias, nosso plugin de acessibilidade <strong>n\u00e3o funciona em blocos de texto com mais de 1.000 caracteres<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>E a\u00ed, gostou de aprender mais sobre o design do Hand Talk Plugin e como ele \u00e9 um grande aliado para uma boa UX? Para saber ainda mais a fundo sobre ele e todas as suas funcionalidades, <a href=\"https:\/\/www.handtalk.me\/br\/plugin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">converse com especialistas da Hand Talk<\/a>! Assim, vamos construindo em conjunto uma web mais acess\u00edvel e promovendo uma boa experi\u00eancia para todas as pessoas usu\u00e1rias.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.handtalk.me\/br\/plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"164\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/10\/blogpost-banner_plugin_1.png\" alt=\"\" class=\"wp-image-8900\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/10\/blogpost-banner_plugin_1.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2022\/10\/blogpost-banner_plugin_1-300x66.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea sabia que o design \u00e9 uma ferramenta super importante para garantir uma experi\u00eancia agrad\u00e1vel para as pessoas usu\u00e1rias no seu site? Na verdade, um bom design \u00e9 essencial para melhorar a UX (User Experience ou Experi\u00eancia da Pessoa Usu\u00e1ria) em qualquer plataforma digital. E com o Hand Talk Plugin n\u00e3o poderia ser diferente, n\u00e3o [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":8832,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,596],"tags":[],"class_list":["post-8830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade-digital","category-plugin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/8830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=8830"}],"version-history":[{"count":1,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/8830\/revisions"}],"predecessor-version":[{"id":9126,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/8830\/revisions\/9126"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/8832"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=8830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=8830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=8830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}