{"id":4054,"date":"2024-09-04T17:26:50","date_gmt":"2024-09-04T17:26:50","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=4054"},"modified":"2026-01-20T14:54:21","modified_gmt":"2026-01-20T14:54:21","slug":"o-que-e-microcopy-de-website","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-microcopy-de-website\/","title":{"rendered":"O que \u00e9 Microcopy de Website?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u00cdndice<\/h2><nav><ul><li><a href=\"#what-is-microcopy-in-writing\">O que \u00e9 microcopy na escrita?<\/a><\/li><li><a href=\"#what-is-microcopy-in-ux\">O que \u00e9 microcopy em UX?<\/a><\/li><li><a href=\"#what-are-the-main-types-of-microcopy\">Quais s\u00e3o os principais tipos de microcopy?<\/a><ul><li><a href=\"#what-are-examples-of-microcopy-to-drive-action\">Quais s\u00e3o exemplos de microcopy para incentivar a a\u00e7\u00e3o?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-to-show-progress-or-status\">Quais s\u00e3o exemplos de microcopy para mostrar progresso ou status?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-for-contextual-help\">Quais s\u00e3o exemplos de microcopy para ajuda contextual?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-for-reducing-friction\">Quais s\u00e3o exemplos de microcopy para reduzir o atrito?<\/a><\/li><\/ul><\/li><li><a href=\"#what-are-the-best-practices-for-writing-effective-microcopy\">Quais s\u00e3o as melhores pr\u00e1ticas para escrever microtextos eficazes?<\/a><\/li><li><a href=\"#are-there-any-tools-or-resources-that-can-help-me-with-microcopy\">Existem ferramentas ou recursos que podem me ajudar com microtextos?<\/a><\/li><li><a href=\"#conclusion\">Conclus\u00e3o\u00a0<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-microcopy-in-writing\" style=\"font-size:32px\"><strong>O que \u00e9 microcopy na escrita?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Um microtexto pode ser descrito como um texto conciso e bem escrito em uma interface espec\u00edfica. \u00c9 o texto presente em bot\u00f5es, p\u00e1ginas de erro, dicas de ferramentas e instru\u00e7\u00f5es que facilitam a intera\u00e7\u00e3o do usu\u00e1rio. O objetivo \u00e9 entregar a mensagem desejada de forma precisa e direta usando poucas palavras.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nExplique a tarefa usando microtextos envolventes com linguagem orientada \u00e0 a\u00e7\u00e3o e voz ativa.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-microcopy-in-ux\" style=\"font-size:32px\"><strong>O que \u00e9 microtexto em UX?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Microtextos em UX se referem \u00e0 escrita de elementos de texto concisos que s\u00e3o especificamente projetados para ajudar os usu\u00e1rios a interagir e entender o conte\u00fado de uma interface do usu\u00e1rio. Estes podem ser bot\u00f5es, textos de erro, dicas de ferramentas e pop-ups.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Embora a microc\u00f3pia eficaz desempenhe um papel na experi\u00eancia do usu\u00e1rio, seu impacto pode variar dependendo de v\u00e1rios fatores e da implementa\u00e7\u00e3o. A microc\u00f3pia serve para facilitar a\u00e7\u00f5es, promover a confian\u00e7a e refor\u00e7ar visualmente a identidade da marca. Seu objetivo \u00e9 explicar conceitos, auxiliar os usu\u00e1rios em tarefas complexas e fornecer ajuda durante o processo.<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nMergulhe e interaja com os usu\u00e1rios para praticar o idioma deles e entender suas prefer\u00eancias. Isso garantir\u00e1 que voc\u00ea otimize sua microc\u00f3pia para o p\u00fablico espec\u00edfico para o qual voc\u00ea est\u00e1 escrevendo.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-are-the-main-types-of-microcopy\" style=\"font-size:32px\"><strong>Quais s\u00e3o os principais tipos de microcopy?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Considere os seguintes tipos principais de microc\u00f3pia que ajudam a aprimorar a experi\u00eancia do usu\u00e1rio:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Chamadas para a\u00e7\u00e3o:<\/strong> Mensagens e t\u00edtulos de bot\u00f5es que apresentam uma determinada chamada para a\u00e7\u00e3o do usu\u00e1rio.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Indicadores de progresso:<\/strong> Mensagens sobre o carregamento ou a conclus\u00e3o de a\u00e7\u00f5es\/gr\u00e1ficos que mant\u00eam o usu\u00e1rio atualizado.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Ajuda contextual:<\/strong> Elementos de design, como dicas de ferramentas e sugest\u00f5es, que fornecem mais informa\u00e7\u00f5es.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Feedback de erro: <\/strong>Forne\u00e7a avisos claros e perspicazes que descrevam a natureza do erro e sugiram a\u00e7\u00f5es corretivas.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-examples-of-microcopy-to-drive-action\" style=\"color:#422b82;font-size:22px\"><strong>Quais s\u00e3o exemplos de microcopy para incentivar a a\u00e7\u00e3o?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Exemplos comuns de uso de microc\u00f3pias incluem:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Cadastre-se&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Junte-se a n\u00f3s&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Reivindique seu desconto aqui&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Compre agora&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Torne-se um f\u00e3&#8221;<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nEmpregue linguagem orientada \u00e0 a\u00e7\u00e3o e crie um senso de urg\u00eancia para encorajar os usu\u00e1rios a agirem.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-examples-of-microcopy-to-show-progress-or-status\" style=\"color:#422b82;font-size:22px\"><strong>Quais s\u00e3o exemplos de microcopy para mostrar progresso ou status?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Exemplos de microc\u00f3pias para mostrar o progresso de uma atividade s\u00e3o:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Enviando&#8230;&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Quase l\u00e1!&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>\u201c50% completo&#8230;\u201d<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>\u201cUpload conclu\u00eddo\u201d<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>\u201cPagamento conclu\u00eddo\u201d<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo:\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nConcis\u00e3o \u00e9 fundamental para indicadores de progresso. Concentre-se na brevidade.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-examples-of-microcopy-for-contextual-help\" style=\"color:#422b82;font-size:22px\"><strong>Quais s\u00e3o exemplos de microcopy para ajuda contextual?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">&nbsp;A microc\u00f3pia pode orientar os usu\u00e1rios com as seguintes intera\u00e7\u00f5es:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Esta informa\u00e7\u00e3o \u00e9 obrigat\u00f3ria&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Sua senha deve conter pelo menos 8 caracteres&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Passe o mouse sobre a imagem para saber mais&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Saiba mais clicando aqui&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Precisa de ajuda? Entre em contato conosco.&#8221;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-examples-of-microcopy-for-reducing-friction\" style=\"color:#422b82;font-size:22px\"><strong>Quais s\u00e3o exemplos de microcopy para reduzir o atrito?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Vamos analisar mais de perto os exemplos que ajudam a reconciliar as inconsist\u00eancias em uma intera\u00e7\u00e3o digital.<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Tem certeza de que deseja remover este item?&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Sua senha foi alterada com sucesso.&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Voc\u00ea foi adicionado \u00e0 nossa lista de e-mails.&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Tente novamente, por favor.&#8221;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Por favor, insira um n\u00famero de telefone v\u00e1lido.&#8221;<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nConsidere cumprimentar os usu\u00e1rios educadamente e incorporar uma abordagem informativa \u00e0s suas mensagens de erro. A satisfa\u00e7\u00e3o do cliente \u00e9 o seu objetivo final, seja \u00fatil e gentil, pois experi\u00eancias negativas podem fazer com que seus visitantes pensem duas vezes antes de interagir no futuro.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-are-the-best-practices-for-writing-effective-microcopy\" style=\"font-size:32px\"><strong>Quais s\u00e3o as melhores pr\u00e1ticas para escrever microtextos eficazes?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Aqui est\u00e1 um breve guia sobre o que levar em considera\u00e7\u00e3o ao escrever microc\u00f3pias:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Seja claro:<\/strong> Use linguagem inclusiva.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Seja breve:<\/strong> Forne\u00e7a uma resposta da maneira mais curta poss\u00edvel.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Ofere\u00e7a ajuda:<\/strong> Tente prever quaisquer problemas que o usu\u00e1rio possa enfrentar e ofere\u00e7a uma solu\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Adicione personalidade:<\/strong> Assuma a voz e o tom usados em sua marca.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Seja uniforme:<\/strong> Use o mesmo estilo de design em toda a interface.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"are-there-any-tools-or-resources-that-can-help-me-with-microcopy\" style=\"font-size:32px\"><strong>Existem ferramentas ou recursos que podem me ajudar com microtextos?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Sim! Sugeriu-se dedicar algum tempo \u00e0 revis\u00e3o de ferramentas e ideias online para se inspirar nas melhores pr\u00e1ticas.&nbsp;&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Por exemplo:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Bibliotecas e exemplos de microc\u00f3pias:<\/strong> Procure exemplos de melhores pr\u00e1ticas na web.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Teste de usu\u00e1rio:<\/strong> Traga usu\u00e1rios reais para o processo para aprimor\u00e1-lo ainda mais.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Teste A\/B:<\/strong> Teste outras variantes para identificar a melhor.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Colabora\u00e7\u00e3o:<\/strong> Pe\u00e7a ajuda a redatores e designers de UX.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\" style=\"font-size:32px\"><strong>Conclus\u00e3o&nbsp;<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Dentro do campo da UX, a microc\u00f3pia \u00e9 um componente importante. Trata-se de usar o m\u00ednimo de palavras poss\u00edvel para controlar como os usu\u00e1rios pensam, agem e interagem. Mesmo esses pequenos vest\u00edgios de texto devem melhorar a usabilidade, a efic\u00e1cia e a marca de um produto digital. Quando se trata de design de UX, mesmo os menores aspectos de um design, como a microc\u00f3pia, provam ser bastante \u00fateis.<\/p>","protected":false},"excerpt":{"rendered":"<p>What is microcopy in writing? A microcopy can be described as a concise, well-written copy on a particular interface in writing. It is the copy present on buttons, error pages, tooltips, and the instructions that facilitate the user\u2019s interaction. The aim is to deliver the desired message precisely and to the point using a few [&hellip;]<\/p>","protected":false},"author":39,"featured_media":4057,"template":"","answers_category":[28],"class_list":["post-4054","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-design"],"acf":{"image":7820,"card_image":4057,"content":[{"acf_fc_layout":"header_section","title":"O que \u00e9 Microcopy de Website?","descriptions":"Microcopy is the tiny but powerful text that can be found in a user interface, such as button names, error messages, and pop-up descriptions.\r\n\r\nWebsite microcopy aims to guide users' actions and contributes to the overall functionality of the user interface.\r\n\r\nConsider it as a facilitator that helps you move around a website\/app.","tip_label":"Pro Tip","tip":"Whenever you are making microcopy, remember the situation in which it is used. Be flexible with language and tone depending on the various contexts and the different users.","additional_tips":null,"key_takeaways_label":"Key Takeaways","key_takeaways":[{"label":"Microcopy matters","body":"Write small texts with a big impact on user experience."},{"label":"Clarity is key","body":"Avoid ambiguity. Be succinct, precise, and accurate."},{"label":"Show your brand's personality","body":"Be conversational."}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer\/4054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media\/4057"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media?parent=4054"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answers_category?post=4054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}