{"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":"que-son-las-microcopias-de-sitios-web","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/es\/respuestas\/que-son-las-microcopias-de-sitios-web\/","title":{"rendered":"\u00bfQu\u00e9 son las microcopias de un sitio web?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u00cdndice de contenidos<\/h2><nav><ul><li><a href=\"#what-is-microcopy-in-writing\">\u00bfQu\u00e9 es la microcopia en la escritura?<\/a><\/li><li><a href=\"#what-is-microcopy-in-ux\">\u00bfQu\u00e9 es la microcopia de un sitio web en UX?<\/a><\/li><li><a href=\"#what-are-the-main-types-of-microcopy\">\u00bfCu\u00e1les son los principales tipos de microcopia?<\/a><ul><li><a href=\"#what-are-examples-of-microcopy-to-drive-action\">\u00bfCu\u00e1les son ejemplos de microcopia para impulsar la acci\u00f3n?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-to-show-progress-or-status\">\u00bfCu\u00e1les son ejemplos de microcopia para mostrar el progreso o el estado?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-for-contextual-help\">\u00bfCu\u00e1les son ejemplos de microcopia para obtener ayuda contextual?<\/a><\/li><li><a href=\"#what-are-examples-of-microcopy-for-reducing-friction\">\u00bfCu\u00e1les son ejemplos de microcopia para reducir la fricci\u00f3n?<\/a><\/li><\/ul><\/li><li><a href=\"#what-are-the-best-practices-for-writing-effective-microcopy\">\u00bfCu\u00e1les son las mejores pr\u00e1cticas para escribir microtextos efectivos?<\/a><\/li><li><a href=\"#are-there-any-tools-or-resources-that-can-help-me-with-microcopy\">\u00bfExisten herramientas o recursos que puedan ayudarme con los microtextos?<\/a><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n\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>\u00bfQu\u00e9 es la microcopia en la escritura?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Un microtexto puede describirse como un texto conciso y bien escrito en una interfaz particular por escrito. Es el texto presente en botones, p\u00e1ginas de error, informaci\u00f3n sobre herramientas y las instrucciones que facilitan la interacci\u00f3n del usuario. El objetivo es entregar el mensaje deseado de forma precisa y concisa utilizando pocas palabras.<\/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\nAn\u00e1lisis en profundidad: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nExplica la tarea utilizando microcopias atractivas con lenguaje orientado a la acci\u00f3n y voz activa.\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>\u00bfQu\u00e9 es el microtexto en UX?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Las microcopias de sitios web en UX se refieren a la escritura de elementos de texto concisos que est\u00e1n dise\u00f1ados espec\u00edficamente para ayudar a los usuarios a interactuar y comprender el contenido de una interfaz de usuario. Estos pueden ser botones, texto de error, informaci\u00f3n sobre herramientas y ventanas emergentes.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Si bien las microcopias efectivas juegan un papel en la experiencia del usuario, su impacto puede variar seg\u00fan diversos factores y la implementaci\u00f3n. Las microcopias sirven para facilitar acciones, promover la confianza y reforzar visualmente la identidad de la marca. Su objetivo es explicar conceptos, ayudar a los usuarios en tareas complejas y brindar ayuda durante el proceso.<\/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\nAn\u00e1lisis en profundidad: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nSum\u00e9rjase e interact\u00fae con los usuarios para practicar su idioma y comprender sus preferencias. Esto asegurar\u00e1 que optimice sus microcopias para la audiencia espec\u00edfica a la que se dirige.\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>\u00bfCu\u00e1les son los principales tipos de microcopia?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Considere los siguientes tipos principales de microcopias que ayudan a mejorar la experiencia del usuario:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Llamadas a la acci\u00f3n:<\/strong> Mensajes y t\u00edtulos de botones que incluyen una determinada llamada a la acci\u00f3n por parte del usuario.<\/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 progreso:<\/strong> Mensajes sobre la carga o finalizaci\u00f3n de acciones\/gr\u00e1ficos que mantienen al usuario actualizado.<\/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>Ayuda contextual:<\/strong> Elementos de dise\u00f1o como informaci\u00f3n sobre herramientas y sugerencias que proporcionan m\u00e1s informaci\u00f3n.<\/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>Comentarios de error: <\/strong>Proporcione indicaciones claras y perspicaces que describan la naturaleza del error y sugieran acciones correctivas.<\/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>\u00bfCu\u00e1les son ejemplos de microcopia para impulsar la acci\u00f3n?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Ejemplos comunes del uso de microcopias incluyen:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Reg\u00edstrate&#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;\u00danete a nosotros&#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;Reclama tu descuento aqu\u00ed&#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;C\u00f3mpralo ahora&#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;Hazte fan&#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\nAn\u00e1lisis en profundidad: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nUtiliza un lenguaje orientado a la acci\u00f3n y crea una sensaci\u00f3n de urgencia para animar a los usuarios a actuar.\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>\u00bfCu\u00e1les son ejemplos de microcopia para mostrar el progreso o el estado?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Ejemplos de microcopia para mostrar el progreso de una actividad son:<\/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;\u00a1Ya casi!&#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;50% completado&#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;Carga completa&#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;Pago completado&#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\nAn\u00e1lisis en profundidad:\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nLa concisi\u00f3n es clave para los indicadores de progreso. C\u00e9ntrese en la brevedad.\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>\u00bfCu\u00e1les son ejemplos de microcopia para obtener ayuda contextual?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">&nbsp;La microcopia puede guiar a los usuarios con las siguientes interacciones:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>&#8220;Esta informaci\u00f3n es obligatoria&#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;Tu contrase\u00f1a debe contener al 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;Pasa el cursor sobre la imagen para saber m\u00e1s&#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;Aprende m\u00e1s haciendo clic aqu\u00ed&#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>\u00bfNecesitas ayuda? Ponte en contacto con nosotros.<\/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>\u00bfCu\u00e1les son ejemplos de microcopia para reducir la fricci\u00f3n?<\/strong><\/h3>\n\n\n\n<p style=\"font-size:18px\">Veamos m\u00e1s de cerca los ejemplos que ayudan a reconciliar las inconsistencias en una interacci\u00f3n digital.<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>\u00bfRealmente quieres eliminar este elemento?<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Tu contrase\u00f1a se ha cambiado correctamente.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Te has a\u00f1adido a nuestra lista de correo.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Por favor, int\u00e9ntalo de nuevo.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Por favor, introduce un n\u00famero de tel\u00e9fono v\u00e1lido.<\/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\nAn\u00e1lisis en profundidad: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nConsidere saludar cort\u00e9smente a los usuarios e incorporar un enfoque informativo a sus mensajes de error. La satisfacci\u00f3n del cliente es su objetivo principal, sea servicial y amable, ya que las experiencias negativas pueden hacer que sus visitantes se lo piensen dos veces antes de realizar futuras interacciones.\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>\u00bfCu\u00e1les son las mejores pr\u00e1cticas para escribir microtextos efectivos?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Aqu\u00ed tienes una breve gu\u00eda sobre lo que debes tener en cuenta al escribir microcopias:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>S\u00e9 claro:<\/strong> Utiliza un lenguaje inclusivo.<\/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>S\u00e9 breve:<\/strong> Proporciona una respuesta de la manera m\u00e1s breve posible.<\/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>Ofrece ayuda:<\/strong> Intenta prever cualquier problema al que se pueda enfrentar el usuario y ofrece una soluci\u00f3n.<\/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>A\u00f1ade personalidad:<\/strong> Adopta la voz y el tono utilizados en tu 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>S\u00e9 uniforme:<\/strong> Utiliza el mismo estilo de dise\u00f1o en toda la interfaz.<\/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>\u00bfExisten herramientas o recursos que puedan ayudarme con los microtextos?<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">\u00a1S\u00ed! Sugiri\u00f3 dedicar algo de tiempo a revisar herramientas e ideas en l\u00ednea para inspirarse en las mejores pr\u00e1cticas.&nbsp;&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Por ejemplo:<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Bibliotecas y ejemplos de microcopias:<\/strong> Busca ejemplos de mejores pr\u00e1cticas en la 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>Pruebas de usuario:<\/strong> Involucra a usuarios reales en el proceso para mejorarlo a\u00fan m\u00e1s.<\/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>Pruebas A\/B:<\/strong> Prueba otras variantes para identificar la mejor.<\/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>Colaboraci\u00f3n:<\/strong> Pide ayuda a redactores y dise\u00f1adores 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>Conclusi\u00f3n&nbsp;<\/strong><\/h2>\n\n\n\n<p style=\"font-size:18px\">Dentro del campo de la UX, la microcopia es un componente importante. Se trata de usar la menor cantidad de palabras posible para controlar c\u00f3mo piensan, act\u00faan e interact\u00faan los usuarios. Incluso estos peque\u00f1os vestigios de texto deber\u00edan mejorar la usabilidad, la eficacia y la imagen de marca de un producto digital. Cuando se trata de dise\u00f1o UX, incluso los aspectos m\u00e1s peque\u00f1os de un dise\u00f1o, como la microcopia, resultan ser bastante \u00fatiles.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es el microcopy en redacci\u00f3n? Un microcopy puede describirse como un texto conciso y bien redactado en una interfaz particular. Es el texto presente en botones, p\u00e1ginas de error, tooltips y las instrucciones que facilitan la interacci\u00f3n del usuario. El objetivo es entregar el mensaje deseado de forma precisa y directa utilizando unas pocas [&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":"\u00bfQu\u00e9 son las microcopias de un sitio web?","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\/es\/wp-json\/wp\/v2\/answer\/4054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media\/4057"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media?parent=4054"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answers_category?post=4054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}