{"id":261117,"date":"2023-10-19T16:34:00","date_gmt":"2023-10-19T13:34:00","guid":{"rendered":"https:\/\/inform.click\/como-o-microcopy-pode-fazer-uma-enorme-diferenca-na-experiencia-do-usuario\/"},"modified":"2023-10-19T17:13:00","modified_gmt":"2023-10-19T14:13:00","slug":"como-o-microcopy-pode-fazer-uma-enorme-diferenca-na-experiencia-do-usuario","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/como-o-microcopy-pode-fazer-uma-enorme-diferenca-na-experiencia-do-usuario\/","title":{"rendered":"Como o Microcopy pode fazer uma enorme diferen\u00e7a na experi\u00eancia do usu\u00e1rio"},"content":{"rendered":"<p>\n  Quando se trata de oferecer um <a href=\"https:\/\/inform.click\/pt-pt\/10-regras-de-ux-que-todo-web-designer-deve-seguir\/\" title=\"\u00f3timo UX\">\u00f3timo UX<\/a> em um site de neg\u00f3cios ou um aplicativo m\u00f3vel, todos os aspectos s\u00e3o levados em considera\u00e7\u00e3o.\n<\/p>\n<p>\n  As fontes, combina\u00e7\u00e3o de cores, fluxos e conte\u00fado; tudo conta para proporcionar uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel. Mas h\u00e1 outro componente significativo para UX que n\u00e3o deve ser negligenciado no processo de design de UX. Sim, voc\u00ea acertou! \u00c9 a microc\u00f3pia que pode fazer muita diferen\u00e7a.\n<\/p>\n<p>\n  Podemos dizer que esses pequenos peda\u00e7os de texto curto, inteligente e \u00e1gil podem ter muito impacto, o que pode fazer seus clientes sorrirem. Voc\u00ea pode usar microc\u00f3pia na forma de r\u00f3tulos de bot\u00e3o, mensagens de erro e texto de dica em aplicativos e sites.\n<\/p>\n<p>\n  De mon\u00f3tono a memor\u00e1vel\n<\/p>\n<p>\n  A microc\u00f3pia pode fazer maravilhas ao usar nos lugares certos com o soco certo. Ele pode transformar qualquer tarefa ou diretiva mon\u00f3tona em algo memor\u00e1vel para os usu\u00e1rios.\n<\/p>\n<p>\n  Leia a hist\u00f3ria para saber como a microc\u00f3pia pode ter um impacto positivo no UX design:\n<\/p>\n<h5>\n  O que \u00e9 uma boa microc\u00f3pia?<br \/>\n<\/h5>\n<p>\n  OK. Vamos come\u00e7ar definindo uma boa microc\u00f3pia. No entanto, o sucesso da microc\u00f3pia depende de v\u00e1rios fatores, como contexto, valor da marca e natureza do neg\u00f3cio; podemos fazer uma lista de alguns pontos em comum:\n<\/p>\n<ul>\n<li>Deve ser um texto curto e doce, escrito tendo em mente os usu\u00e1rios.\n  <\/li>\n<li>A boa microc\u00f3pia pode atender a dois objetivos principais: primeiro, guiar os usu\u00e1rios por meio de uma interface em cada n\u00edvel operacional de incerteza potencial e, segundo, inform\u00e1-los sobre determinados resultados.\n  <\/li>\n<\/ul>\n<p>\n  Curiosamente, Kathryn Whitenton acredita que a microc\u00f3pia pode minimizar a carga cognitiva, a quantidade total de esfor\u00e7os mentais associados \u00e0s atividades do aluno e o desempenho intelectual, melhorando assim a compreens\u00e3o do usu\u00e1rio e a interatividade com sua interface.\n<\/p>\n<p>\n  Em resumo, uma boa microc\u00f3pia permite que voc\u00ea entenda e reduza as limita\u00e7\u00f5es das habilidades de processamento enquanto oferece uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel em v\u00e1rios aspectos do design, como bot\u00f5es de texto instrucional, r\u00f3tulos de campo, mensagens de erro e menus suspensos. A combina\u00e7\u00e3o de um incr\u00edvel design de interface do usu\u00e1rio e microc\u00f3pia incr\u00edvel pode se tornar a chave para o sucesso de seu site ou aplicativo.\n<\/p>\n<p>\n  \u00c9 hora de descobrir o que uma boa microc\u00f3pia pode fazer para melhorar a experi\u00eancia do usu\u00e1rio:\n<\/p>\n<h5>\n  Pode dar um toque humano<br \/>\n<\/h5>\n<p>\n  Embora a atual vantagem da automa\u00e7\u00e3o tenha substitu\u00eddo amplamente o bate-papo manual, as pessoas ainda preferem interagir e conversar com pessoas reais. \u00c9 um fato ineg\u00e1vel que as palavras na tela nunca podem substituir uma conversa real, mas voc\u00ea pode oferecer um toque humano atrav\u00e9s de uma microc\u00f3pia eficaz. Essa microc\u00f3pia pode soar como um produto humano ao mostrar que pessoas reais o criaram. Lembre-se, um toque humano permite que as marcas ganhem a confian\u00e7a do usu\u00e1rio, pois os usu\u00e1rios espalham o boca a boca de boa vontade.\n<\/p>\n<p>\n  Um aplicativo de comunica\u00e7\u00e3o em equipe <a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Slack<\/a> e um site de compartilhamento de produtos, o <a href=\"https:\/\/www.producthunt.com\/\" target=\"_blank\" rel=\"noopener\">Product Hunt<\/a>, sempre com um tom caloroso e acolhedor. <a href=\"https:\/\/www.yelp.com\/\" target=\"_blank\" rel=\"noopener\">O Yelp<\/a> apresenta um tom altamente casual para encorajar as pessoas a deixarem uma avalia\u00e7\u00e3o honesta.\n<\/p>\n<p>\n  Um tom humano e de conversa nesses sites e aplicativos d\u00e1 aos usu\u00e1rios a impress\u00e3o de um amigo que est\u00e1 conversando com eles durante todo o processo.\n<\/p>\n<h5>\n  Mant\u00e9m um elemento de surpresa<br \/>\n<\/h5>\n<p>\n  O elemento surpresa sempre se torna motivo de alegria. Tudo que voc\u00ea precisa \u00e9 de uma mensagem bem escrita no lugar certo para trazer um sorriso no rosto do usu\u00e1rio. Voc\u00ea pode identificar os lugares onde pode colocar o elemento surpresa na forma de microc\u00f3pia inteligente ao projetar um site. Alguns desses pontos podem ser uma tela de carregamento, uma mensagem de erro, uma mensagem de sucesso, um fluxo de integra\u00e7\u00e3o e tamb\u00e9m um exemplo do processo. Voc\u00ea tamb\u00e9m pode surpreender o usu\u00e1rio quando ele sai do seu site. Voc\u00ea tamb\u00e9m pode tornar um estado vazio surpreendente, colocando uma mensagem encantadora.\n<\/p>\n<p>\n  <a href=\"http:\/\/www.indianic.com\/\" target=\"_blank\" rel=\"noopener\">IndiaNIC<\/a> mostra uma mensagem simples com a imagem de um cachorrinho fofo em uma &#8216;p\u00e1gina 404' para surpreender as pessoas com um pouco de alegria:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281480-6382a79d0c162.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281480-6382a79d0c162.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  <a href=\"https:\/\/www.tumblr.com\/\" target=\"_blank\" rel=\"noopener\">Tumblr<\/a> e <a href=\"https:\/\/www.dropbox.com\/\" target=\"_blank\" rel=\"noopener\">DropBox<\/a> s\u00e3o alguns outros exemplos com um elemento surpresa. Em ambos os exemplos, podemos descobrir que a microc\u00f3pia usada de qualquer maneira inesperada pode sempre oferecer uma agrad\u00e1vel surpresa aos usu\u00e1rios.\n<\/p>\n<h5>\n  Aumenta a confian\u00e7a<br \/>\n<\/h5>\n<p>\n  Quaisquer aplicativos e sites t\u00eam algum prop\u00f3sito a ser atendido, seja oferecer alguma informa\u00e7\u00e3o, receber pedidos online ou criar algo. Voc\u00ea, como designer, pode oferecer aos usu\u00e1rios uma s\u00e9rie de etapas para atender ao objetivo. Se essas etapas ficarem entediantes, alguns de seus usu\u00e1rios podem encerrar o processo no meio. Aqui microc\u00f3pia vem em uma imagem. Pode encorajar as pessoas a manter o fluxo com um tom motivador e interativo em um fluxo de v\u00e1rias etapas.\n<\/p>\n<p>\n  Voc\u00ea pode dar aos usu\u00e1rios um empurr\u00e3o amig\u00e1vel para fazer algo com microc\u00f3pia interessante. Por exemplo, <a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener\">o Dribbble<\/a> incentiva os usu\u00e1rios a inserir seus nomes reais de maneira amig\u00e1vel.\n<\/p>\n<h5>\n  fica um pouco pessoal<br \/>\n<\/h5>\n<p>\n  Que tal adicionar um detalhe espec\u00edfico do usu\u00e1rio em seu design? Voc\u00ea pode atrair e reter os visitantes com uma mensagem personalizada. A mensagem personalizada \u00e9 o que ningu\u00e9m mais conseguiria da mesma forma. Voc\u00ea pode replicar o bom sentimento pessoal por meio de microc\u00f3pia. Voc\u00ea pode fazer uma pessoa ou um grupo de pessoas se sentir especial mostrando uma mensagem personalizada para eles.\n<\/p>\n<p>\n  O site de encontros <a href=\"https:\/\/www.okcupid.com\/\" target=\"_blank\" rel=\"noopener\">OkCupid<\/a> sa\u00fada a cidade do usu\u00e1rio enquanto ele cria uma nova conta que torna o site mais familiar para o novo usu\u00e1rio.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281480-6382a79ebc096.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-281480-6382a79ebc096.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Marque a mensagem &#8216; <strong>Ahh, Manhattan<\/strong> &#8216; para o usu\u00e1rio iniciante na tela; certamente d\u00e1 a sensa\u00e7\u00e3o de familiaridade com o site. <a href=\"https:\/\/www.meetup.com\/\" target=\"_blank\" rel=\"noopener\">O Meetup<\/a> permite que os usu\u00e1rios personalizem os nomes dos participantes na tentativa de oferecer uma experi\u00eancia personalizada.\n<\/p>\n<h5>\n  Deixa tudo mais apresent\u00e1vel<br \/>\n<\/h5>\n<p>\n  OK. \u00c9 hora de revelar um fato chocante! O Dropbox possui mais de 27 mil mensagens em sua interface. Quer saber o tamanho dessa quantia? O primeiro livro de Harry Potter tem mais de 6.600 frases. Em outras palavras, o Dropbox tem quatro vezes mais frases do que o livro de Harry Potter. \u00c9 sua vez! Quantas mensagens existem em seu site ou aplicativo? Voc\u00ea pode v\u00ea-los em todos os lugares, desde a parte superior do navegador at\u00e9 as tags ALT em todas as imagens.\n<\/p>\n<p>\n  Lembre-se de que cada uma de suas mensagens tem a oportunidade de encantar, e um bom redator pode aproveitar essa oportunidade com facilidade. <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener\">O MailChimp<\/a> tem uma \u00faltima mensagem para mostrar quando sa\u00edmos: At\u00e9 mais! N\u00e3o torna a experi\u00eancia do usu\u00e1rio mais agrad\u00e1vel? O rodap\u00e9 do Basecamp tamb\u00e9m mostra uma mensagem amig\u00e1vel que pode ser alterada diariamente. Agora, isso \u00e9 ainda mais interessante! Voc\u00ea recebe uma mensagem diferente a cada dia da semana que pode contribuir para enriquecer sua experi\u00eancia com o Basecamp.\n<\/p>\n<h5>\n  Pode emparelhar com uma imagem<br \/>\n<\/h5>\n<p>\n  Que tal combinar palavras com imagens? Dizem que uma imagem vale mais que mil palavras, mas hoje a microc\u00f3pia encanta mais as pessoas ao combinar com imagens atraentes. Uma combina\u00e7\u00e3o m\u00e1gica \u00e9 o que acontece quando combinamos imagens sonhadoras com palavras fantasiosas.\n<\/p>\n<p>\n  Voc\u00ea pode usar foto, ilustra\u00e7\u00e3o, vetor ou emoji para obter a combina\u00e7\u00e3o perfeita com microc\u00f3pia. Juntos, eles podem criar uma experi\u00eancia agrad\u00e1vel para o visitante, que vale mais do que as palavras ou imagens sozinhas.\n<\/p>\n<p>\n  A imagem do cora\u00e7\u00e3o partido do HubSpot \u00e9 emparelhada com as palavras ternas para indicar que algo est\u00e1 errado. &#8216;Slack' combina palavras motivacionais com um emoji de foguete para garantir que agora est\u00e1 tudo bem!\n<\/p>\n<h3>\n  Pontos para lembrar<br \/>\n<\/h3>\n<p>\n  Quando se trata de fazer as pessoas sorrirem de forma inteligente, explicar erros de forma profissional, minimizar d\u00favidas ou aumentar a confian\u00e7a dos usu\u00e1rios com palavras motivacionais, a microc\u00f3pia n\u00e3o tem outra alternativa no mundo web.\n<\/p>\n<p>\n  No entanto, tudo declarado aqui n\u00e3o \u00e9 t\u00e3o f\u00e1cil. Sim, voc\u00ea pode achar todos esses pontos \u00fateis, mas eles s\u00e3o dif\u00edceis de implementar para causar o impacto certo na mente do usu\u00e1rio por meio da cria\u00e7\u00e3o de microc\u00f3pias criativas. Voc\u00ea tamb\u00e9m precisa ter em mente os perigos de um design encantador.\n<\/p>\n<p>\n  Voc\u00ea n\u00e3o pode comprometer a brevidade e a clareza ao escrever para a interface. Mas, microc\u00f3pia geralmente tem mensagens mais longas com menos clareza. Voc\u00ea precisa descobrir os requisitos para a marca espec\u00edfica enquanto otimiza para clareza e experi\u00eancia agrad\u00e1vel do usu\u00e1rio.\n<\/p>\n<p>\n  Aqui est\u00e3o alguns pontos de verifica\u00e7\u00e3o a serem lembrados ao adicionar uma microc\u00f3pia divertida no design:\n<\/p>\n<h5>\n  Fa\u00e7a um guia de estilo<br \/>\n<\/h5>\n<p>\n  Qualquer produto ou servi\u00e7o requer um estilo particular de microc\u00f3pia. Muitas empresas t\u00eam seu guia de estilo de escrita para definir o tom de determinados produtos e servi\u00e7os. \u00c9 bom encontrar e manter a voz da marca ao criar microc\u00f3pias para evitar poss\u00edveis rea\u00e7\u00f5es no futuro.\n<\/p>\n<p>\n  Aqui est\u00e3o algumas <a href=\"https:\/\/inform.click\/pt-pt\/como-construir-sua-identidade-de-marca-com-esses-principios-de-design\/\" title=\"dicas \u00fateis\">dicas \u00fateis<\/a> para criar um guia de estilo para a marca.\n<\/p>\n<h5>\n  N\u00e3o torne isso comum<br \/>\n<\/h5>\n<p>\n  Microc\u00f3pia \u00e9 uma express\u00e3o inteligente para fluxos menos comuns. No entanto, pode funcionar como uma faca de dois gumes, pois pode proporcionar aos usu\u00e1rios uma experi\u00eancia irritante se usado em fluxos comuns de um site ou aplicativo m\u00f3vel. Nunca coloque microcopy no in\u00edcio de um aplicativo para que os usu\u00e1rios tenham que l\u00ea-los sempre durante o lan\u00e7amento. Voc\u00ea precisa dar um toque divertido como elemento surpresa sempre que encontrar fluxos menos comuns.\n<\/p>\n<h5>\n  Assuma riscos sempre que poss\u00edvel<br \/>\n<\/h5>\n<p>\n  Uma marca menor pode facilmente usar microc\u00f3pia com um toque localizado. \u00c9 f\u00e1cil atrair o p\u00fablico local com a ajuda de uma microc\u00f3pia inteligente, mas quando uma marca se torna global, voc\u00ea precisa ter cuidado, pois a microc\u00f3pia de qualidade inferior pode ser duramente atingida pelos usu\u00e1rios globais. Isso n\u00e3o significa que voc\u00ea deva permanecer avesso ao risco de uma marca global. A experimenta\u00e7\u00e3o com microc\u00f3pia \u00e9 sempre boa se voc\u00ea se preocupa em monitorar a resposta das pessoas.\n<\/p>\n<h5>\n  Pense diferente toda vez<br \/>\n<\/h5>\n<p>\n  Que tal considerar mensagens aleat\u00f3rias? Sim, voc\u00ea pode tornar a experi\u00eancia do usu\u00e1rio mais agrad\u00e1vel mostrando uma mensagem diferente sempre que as pessoas acessarem seu site ou aplicativo m\u00f3vel. Embora ainda possa haver a probabilidade de repeti\u00e7\u00e3o ao longo do tempo, voc\u00ea certamente pode tornar v\u00e1rias opera\u00e7\u00f5es mais surpreendentes e agrad\u00e1veis \u200b\u200bcom diferentes microc\u00f3pias.\n<\/p>\n<p>\n  A microc\u00f3pia pode ter um impacto macro na experi\u00eancia do usu\u00e1rio, fornecendo escrita de maneira organizada e inteligente. Aqui est\u00e3o alguns dos benef\u00edcios da microc\u00f3pia:\n<\/p>\n<ul>\n<li>Impressionante microc\u00f3pia pode envolver os usu\u00e1rios e obrig\u00e1-los a visitar o site novamente\n  <\/li>\n<li>Ele pode orientar os usu\u00e1rios ao longo dos fluxos de usu\u00e1rios e oferece uma melhor intera\u00e7\u00e3o do usu\u00e1rio\n  <\/li>\n<li>Ele pode oferecer aos seus usu\u00e1rios uma experi\u00eancia personalizada individualmente\n  <\/li>\n<li>Pode tornar as etapas interessantes e permitir que as empresas admitam qualquer erro ou bug de uma maneira divertida\n  <\/li>\n<li>Ele pode aprimorar a experi\u00eancia do usu\u00e1rio enquanto os usu\u00e1rios passam por bot\u00f5es de texto instrucional, r\u00f3tulos de campo, mensagens de erro ou qualquer outro material relacionado ao design\n  <\/li>\n<\/ul>\n<h3>\n  \u00c9 um embrulho, pessoal!<br \/>\n<\/h3>\n<p>\n  Espero que a hist\u00f3ria da microc\u00f3pia o inspire a olhar para o seu site e aplicativo sob uma nova luz. A microc\u00f3pia desempenha um papel vital na decis\u00e3o sobre a abordagem das pessoas em rela\u00e7\u00e3o ao seu produto, portanto, voc\u00ea n\u00e3o pode perder a oportunidade de encantar seus usu\u00e1rios com palavras.\n<\/p>\n<p>\n  Uma microc\u00f3pia n\u00e3o \u00e9 \u00fatil apenas para mover pessoas de um ponto a outro. \u00c0s vezes, voc\u00ea pode tornar o passeio agrad\u00e1vel com ele. Por enquanto \u00e9 isso. Aproveite a microc\u00f3pia!\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/04\/07\/microcopy-in-user-experience\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Quando se trata de oferecer um \u00f3timo UX em um site de neg\u00f3cios ou um aplicativo m\u00f3vel, todos os aspectos s\u00e3o levados em considera\u00e7\u00e3o. As fontes, combina\u00e7\u00e3o de cores, fluxos e conte\u00fado; tudo conta para proporcionar uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel. Mas h\u00e1 outro componente significativo para UX que n\u00e3o deve ser negligenciado no processo de design de UX. Sim, voc\u00ea acertou! \u00c9 a microc\u00f3pia que pode fazer muita diferen\u00e7a. Podemos dizer que esses pequenos peda\u00e7os de texto curto, inteligente e \u00e1gil podem ter muito impacto, o que pode fazer seus clientes sorrirem. Voc\u00ea pode usar microc\u00f3pia\u2026<\/p>\n","protected":false},"author":1,"featured_media":187723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,150,605,59,657],"tags":[],"class_list":["post-261117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-tecnologia-e-muito-mais","category-web-e-wordpress-2","category-web-sites"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261117"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261117\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/187723"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}