{"id":263393,"date":"2023-10-19T16:34:00","date_gmt":"2023-10-19T13:34:00","guid":{"rendered":"https:\/\/inform.click\/como-microcopy-puede-marcar-una-gran-diferencia-en-la-experiencia-del-usuario\/"},"modified":"2023-10-19T17:08:00","modified_gmt":"2023-10-19T14:08:00","slug":"como-microcopy-puede-marcar-una-gran-diferencia-en-la-experiencia-del-usuario","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/como-microcopy-puede-marcar-una-gran-diferencia-en-la-experiencia-del-usuario\/","title":{"rendered":"C\u00f3mo Microcopy puede marcar una gran diferencia en la experiencia del usuario"},"content":{"rendered":"<p>\n  Cuando se trata de ofrecer una <a href=\"https:\/\/inform.click\/es\/10-reglas-de-ux-por-las-que-todo-disenador-web-deberia-regirse\/\" title=\"excelente UX\">excelente UX<\/a> en un sitio comercial o en una aplicaci\u00f3n m\u00f3vil, se tienen en cuenta todos los aspectos.\n<\/p>\n<p>\n  Las fuentes, la combinaci\u00f3n de colores, los flujos y el contenido; todo cuenta para brindar una experiencia de usuario placentera. Pero, hay otro componente importante para UX que no debe pasarse por alto en el proceso de dise\u00f1o de UX. \u00a1S\u00ed, acertaste! Es la microcopia la que puede marcar una gran diferencia.\n<\/p>\n<p>\n  Podemos decir que estos peque\u00f1os fragmentos de texto breve, inteligente y conciso pueden tener un gran impacto, lo que puede hacer sonre\u00edr a sus clientes. Puede usar microcopias en forma de etiquetas de botones, mensajes de error y texto de sugerencias tanto en aplicaciones como en sitios web.\n<\/p>\n<p>\n  De mon\u00f3tono a memorable\n<\/p>\n<p>\n  Microcopy puede hacer maravillas mientras se usa en los lugares correctos con el punz\u00f3n correcto. Puede convertir cualquier tarea o directiva mon\u00f3tona en algo memorable para los usuarios.\n<\/p>\n<p>\n  Lea la historia para saber c\u00f3mo la microcopia puede tener un impacto positivo en el dise\u00f1o de UX:\n<\/p>\n<h5>\n  \u00bfQu\u00e9 es una buena microcopia?<br \/>\n<\/h5>\n<p>\n  Bueno. Comencemos por definir una buena microcopia. Sin embargo, el \u00e9xito de la microcopia depende de varios factores como el contexto, el valor de la marca y la naturaleza del negocio; Podemos hacer una lista de algunos puntos en com\u00fan:\n<\/p>\n<ul>\n<li>Debe ser un texto breve y dulce escrito teniendo en cuenta a los usuarios.\n  <\/li>\n<li>La buena microcopia puede cumplir dos objetivos principales: primero, guiar a los usuarios a trav\u00e9s de una interfaz en cada nivel operativo de incertidumbre potencial y, segundo, informarles sobre ciertos resultados.\n  <\/li>\n<\/ul>\n<p>\n  Curiosamente, Kathryn Whitenton cree que la microcopia puede minimizar la carga cognitiva, la cantidad total de esfuerzos mentales asociados con las actividades del alumno y el rendimiento intelectual, mejorando as\u00ed la comprensi\u00f3n y la interactividad del usuario con su interfaz.\n<\/p>\n<p>\n  En resumen, una buena microcopia le permite comprender y reducir las limitaciones de las capacidades de procesamiento al tiempo que ofrece una experiencia de usuario agradable en varios aspectos del dise\u00f1o, como botones de texto instructivo, etiquetas de campo, mensajes de error y men\u00fas desplegables. La combinaci\u00f3n de un dise\u00f1o de interfaz de usuario incre\u00edble y una microcopia incre\u00edble puede convertirse en la clave del \u00e9xito para su sitio web o aplicaci\u00f3n.\n<\/p>\n<p>\n  Es hora de descubrir qu\u00e9 puede hacer una buena microcopia para mejorar la experiencia del usuario:\n<\/p>\n<h5>\n  Puede dar un toque humano.<br \/>\n<\/h5>\n<p>\n  Aunque la ventaja actual de la automatizaci\u00f3n ha reemplazado ampliamente el chat manual, la gente a\u00fan prefiere interactuar y chatear con personas reales. Es un hecho innegable que las palabras en la pantalla nunca pueden reemplazar una conversaci\u00f3n real, pero puedes ofrecer un toque humano a trav\u00e9s de una microcopia efectiva. Dicha microcopia puede hacer que el producto parezca humano al mostrar que las personas reales lo han creado. Recuerde, un toque humano permite que las marcas ganen la confianza del usuario, ya que los usuarios voluntariamente difunden el boca a boca.\n<\/p>\n<p>\n  Una aplicaci\u00f3n de comunicaci\u00f3n de equipo <a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Slack<\/a> y un sitio web para compartir productos <a href=\"https:\/\/www.producthunt.com\/\" target=\"_blank\" rel=\"noopener\">Product Hunt<\/a> viene con un tono c\u00e1lido y acogedor en todo momento. <a href=\"https:\/\/www.yelp.com\/\" target=\"_blank\" rel=\"noopener\">Yelp<\/a> presenta un tono muy informal para alentar a las personas a dejar una rese\u00f1a honesta.\n<\/p>\n<p>\n  Un tono humano y conversacional en estos sitios web y aplicaciones les da a los usuarios la impresi\u00f3n de un amigo que est\u00e1 chateando con ellos durante todo el proceso.\n<\/p>\n<h5>\n  Conserva un elemento de sorpresa.<br \/>\n<\/h5>\n<p>\n  El elemento sorpresa siempre se convierte en motivo de deleite. Todo lo que necesita es un mensaje bien escrito en el lugar correcto para dibujar una sonrisa en la cara del usuario. Puede identificar los lugares donde puede poner el elemento sorpresa en forma de microcopia inteligente mientras dise\u00f1a un sitio web. Algunos de estos puntos pueden ser una pantalla de carga, un mensaje de error, un mensaje de \u00e9xito, un flujo de incorporaci\u00f3n y tambi\u00e9n un ejemplo del proceso. Tambi\u00e9n puede sorprender al usuario cuando abandona su sitio web. Tambi\u00e9n puede hacer que un estado vac\u00edo sorprenda poniendo un mensaje encantador.\n<\/p>\n<p>\n  <a href=\"http:\/\/www.indianic.com\/\" target=\"_blank\" rel=\"noopener\">IndiaNIC<\/a> muestra un mensaje simple con la imagen de un lindo perrito en una &#8216;p\u00e1gina 404' para sorprender a la gente con un poco de alegr\u00eda:\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> y <a href=\"https:\/\/www.dropbox.com\/\" target=\"_blank\" rel=\"noopener\">DropBox<\/a> son otros ejemplos que tienen un elemento sorpresa. En ambos ejemplos, podemos encontrar que la microcopia utilizada de forma inesperada siempre puede ofrecer una sorpresa agradable a los usuarios.\n<\/p>\n<h5>\n  Aumenta la confianza<br \/>\n<\/h5>\n<p>\n  Todas las aplicaciones y sitios web tienen alg\u00fan prop\u00f3sito, ya sea ofrecer informaci\u00f3n, tomar pedidos en l\u00ednea o crear algo. T\u00fa, como dise\u00f1ador, puedes ofrecer a los usuarios una serie de pasos para cumplir el objetivo. Si esos pasos se vuelven aburridos, algunos de sus usuarios podr\u00edan abandonar el proceso en el medio. Aqu\u00ed microcopia viene en una imagen. Puede alentar a las personas a mantener el flujo con un tono motivador e interactivo en un flujo de varios pasos.\n<\/p>\n<p>\n  Puede dar a los usuarios un empuj\u00f3n amistoso para hacer algo con una microcopia interesante. Por ejemplo, <a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener\">Dribbble<\/a> alienta a los usuarios a ingresar sus nombres reales de manera amigable.\n<\/p>\n<h5>\n  Se vuelve un poco personal.<br \/>\n<\/h5>\n<p>\n  \u00bfQu\u00e9 tal agregar un detalle espec\u00edfico del usuario en su dise\u00f1o? Puede atraer y retener a los visitantes con un mensaje personalizado. El mensaje personalizado es lo que nadie m\u00e1s podr\u00eda recibir de la misma manera. Puede replicar el buen sentimiento personal a trav\u00e9s de microcopias. Puede hacer que una persona o un grupo de personas se sientan especiales mostr\u00e1ndoles un mensaje personalizado.\n<\/p>\n<p>\n  El sitio de <a href=\"https:\/\/www.okcupid.com\/\" target=\"_blank\" rel=\"noopener\">citas OkCupid<\/a> saluda la ciudad del usuario mientras crea una nueva cuenta que hace que el sitio web sea m\u00e1s familiar para el nuevo usuario.\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 el mensaje &#8216; <strong>Ahh, Manhattan<\/strong> &#8216; para el usuario nuevo en la pantalla; ciertamente da la sensaci\u00f3n de estar familiarizado con el sitio web. <a href=\"https:\/\/www.meetup.com\/\" target=\"_blank\" rel=\"noopener\">Meetup<\/a> permite a los usuarios personalizar los nombres de los participantes en un intento de ofrecer una experiencia personalizada.\n<\/p>\n<h5>\n  Hace que todo sea m\u00e1s presentable.<br \/>\n<\/h5>\n<p>\n  Bueno. \u00a1Es hora de revelar un hecho impactante! Dropbox tiene m\u00e1s de 27k mensajes en su interfaz. \u00bfQuieres saber cu\u00e1nto es esta cantidad? El primer libro de Harry Potter tiene m\u00e1s de 6.600 frases. En otras palabras, Dropbox tiene cuatro veces m\u00e1s oraciones que el libro de Harry Potter. \u00a1Es tu turno! \u00bfCu\u00e1ntos mensajes hay en su sitio web o en una aplicaci\u00f3n? Puede verlos en todas partes, desde la parte superior del navegador hasta las etiquetas ALT en cada imagen.\n<\/p>\n<p>\n  Recuerde, cada uno de sus mensajes tiene la oportunidad de deleitar, y un buen redactor publicitario puede aprovechar esta oportunidad con facilidad. <a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener\">MailChimp<\/a> tiene un \u00faltimo mensaje para mostrar cuando cerramos sesi\u00f3n: \u00a1Hasta luego! \u00bfNo hace que la experiencia del usuario sea m\u00e1s agradable? El pie de p\u00e1gina de Basecamp tambi\u00e9n muestra un mensaje amistoso que se puede cambiar a diario. Ahora, \u00a1esto es a\u00fan m\u00e1s interesante! Recibes un mensaje diferente cada d\u00eda de la semana que puede contribuir a enriquecer tu experiencia con Basecamp.\n<\/p>\n<h5>\n  Puede emparejarse con una imagen.<br \/>\n<\/h5>\n<p>\n  \u00bfQu\u00e9 tal emparejar palabras con im\u00e1genes? Se dice que una imagen vale m\u00e1s que mil palabras, pero hoy en d\u00eda, la microcopia deleita m\u00e1s a la gente cuando se combina con im\u00e1genes atractivas. Una combinaci\u00f3n m\u00e1gica es lo que sucede cuando combinamos im\u00e1genes de ensue\u00f1o con palabras fantasiosas.\n<\/p>\n<p>\n  Puede usar fotos, ilustraciones, vectores o emoji para obtener la combinaci\u00f3n perfecta con microcopia. Juntos pueden crear una experiencia placentera para el visitante, que vale m\u00e1s que las palabras o las im\u00e1genes por s\u00ed solas.\n<\/p>\n<p>\n  La imagen del coraz\u00f3n roto de HubSpot se combina con las palabras tiernas para indicar que algo sale mal. \u00a1'Slack' combina palabras motivadoras con un emoji de cohete espacial para asegurarse de que ahora todo est\u00e9 bien!\n<\/p>\n<h3>\n  Puntos para recordar<br \/>\n<\/h3>\n<p>\n  Cuando se trata de hacer sonre\u00edr a las personas de manera inteligente, explicar los errores de manera profesional, minimizando las dudas o aumentar la confianza de los usuarios con palabras motivadoras, la microcopia no tiene otra alternativa en el mundo web.\n<\/p>\n<p>\n  Sin embargo, todo lo expuesto aqu\u00ed no es tan f\u00e1cil. S\u00ed, puede encontrar \u00fatiles todos estos puntos, pero son dif\u00edciles de implementar para lograr el impacto correcto en la mente del usuario mediante la creaci\u00f3n de microcopias creativas. Tambi\u00e9n debe tener en cuenta los peligros del dise\u00f1o encantador.\n<\/p>\n<p>\n  No puede comprometerse con la brevedad y la claridad al escribir para la interfaz. Pero, la microcopia generalmente tiene mensajes m\u00e1s largos con menos claridad. Debe averiguar los requisitos para la marca en particular mientras optimiza tanto la claridad como la experiencia agradable del usuario.\n<\/p>\n<p>\n  Aqu\u00ed hay algunos puntos de control para recordar al agregar una microcopia divertida en el dise\u00f1o:\n<\/p>\n<h5>\n  Hacer una gu\u00eda de estilo<br \/>\n<\/h5>\n<p>\n  Cualquier producto o servicio requiere un estilo particular de microcopia. Muchas empresas tienen su gu\u00eda de estilo de escritura para definir el tono de determinados productos y servicios. Es bueno encontrar y ce\u00f1irse a la voz de la marca mientras se crea una microcopia para evitar posibles reacciones negativas en el futuro.\n<\/p>\n<p>\n  Aqu\u00ed hay algunos <a href=\"https:\/\/inform.click\/es\/como-construir-la-identidad-de-su-marca-con-estos-principios-de-diseno\/\" title=\"consejos \u00fatiles\">consejos \u00fatiles<\/a> para crear una gu\u00eda de estilo para la marca.\n<\/p>\n<h5>\n  No lo hagas com\u00fan<br \/>\n<\/h5>\n<p>\n  Microcopia es una expresi\u00f3n inteligente para flujos menos comunes. Sin embargo, puede actuar como un arma de doble filo porque puede brindar a los usuarios una experiencia molesta si se usa en flujos comunes de un sitio web o una aplicaci\u00f3n m\u00f3vil. Nunca coloque microcopias al comienzo de una aplicaci\u00f3n para que los usuarios tengan que leerlas cada vez que la inician. Necesitas dar algo divertido como elemento sorpresa donde encuentres flujos menos comunes.\n<\/p>\n<h5>\n  Tomar riesgos cuando sea posible<br \/>\n<\/h5>\n<p>\n  Una marca m\u00e1s peque\u00f1a puede usar microcopia f\u00e1cilmente con un toque localizado. Es f\u00e1cil atraer a la audiencia local con la ayuda de una microcopia inteligente, pero cuando una marca se globaliza, debe tener cuidado ya que la microcopia de calidad inferior puede verse afectada por los usuarios globales. No significa que deba seguir siendo reacio al riesgo para una marca global. La experimentaci\u00f3n con microcopias siempre es buena si te interesa monitorear la respuesta de las personas.\n<\/p>\n<h5>\n  Piensa diferente cada vez<br \/>\n<\/h5>\n<p>\n  \u00bfQu\u00e9 hay de considerar mensajes aleatorios? S\u00ed, puede hacer que la experiencia del usuario sea m\u00e1s placentera al mostrar un mensaje diferente cada vez que las personas visitan su sitio web o una aplicaci\u00f3n m\u00f3vil. Aunque todav\u00eda puede tener la probabilidad de repetirse con el tiempo, ciertamente puede hacer que varias operaciones sean m\u00e1s sorprendentes y agradables con diferentes microcopias.\n<\/p>\n<p>\n  La microcopia puede tener un impacto macro en la experiencia del usuario si se escribe de manera clara e inteligente. Estos son algunos de los beneficios de la microcopia:\n<\/p>\n<ul>\n<li>La microcopia impresionante puede atraer a los usuarios y obligarlos a visitar el sitio nuevamente\n  <\/li>\n<li>Puede empujar a los usuarios a lo largo de los flujos de usuarios y ofrece una mejor interacci\u00f3n con el usuario.\n  <\/li>\n<li>Puede brindar a sus usuarios una experiencia personalizada de forma individual.\n  <\/li>\n<li>Puede hacer que los pasos sean interesantes y permite a las empresas admitir cualquier error o falla de una manera divertida.\n  <\/li>\n<li>Puede mejorar la experiencia del usuario mientras los usuarios revisan los botones de texto instructivo, las etiquetas de campo, los mensajes de error o cualquier otra cosa relacionada con el dise\u00f1o.\n  <\/li>\n<\/ul>\n<h3>\n  \u00a1Es una envoltura, muchachos!<br \/>\n<\/h3>\n<p>\n  Espero que la historia de la microcopia lo inspire a mirar su sitio y aplicaci\u00f3n bajo una nueva luz. La microcopia juega un papel vital en decidir el enfoque de las personas hacia su producto, por lo que no puede permitirse el lujo de perder la oportunidad de deleitar a sus usuarios con palabras.\n<\/p>\n<p>\n  Una microcopia no solo es \u00fatil para trasladar personas de un punto a otro. A veces, puede hacer que su viaje sea agradable con \u00e9l. Eso es todo por ahora. \u00a1Disfruta de la microcopia!\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <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>Cuando se trata de ofrecer una excelente UX en un sitio comercial o en una aplicaci\u00f3n m\u00f3vil, se tienen en cuenta todos los aspectos. Las fuentes, la combinaci\u00f3n de colores, los flujos y el contenido; todo cuenta para brindar una experiencia de usuario placentera. Pero, hay otro componente importante para UX que no debe pasarse por alto en el proceso de dise\u00f1o de UX. \u00a1S\u00ed, acertaste! Es la microcopia la que puede marcar una gran diferencia. Podemos decir que estos peque\u00f1os fragmentos de texto breve, inteligente y conciso pueden tener un gran impacto, lo que puede hacer sonre\u00edr a sus clientes. Puedes usar microcopia&#8230;<\/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":[151,203,658,606,60],"tags":[],"class_list":["post-263393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-y-trucos-web","category-diseno-web","category-sitios-web","category-tecnologia-y-mas","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263393"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/187723"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}