{"id":713,"date":"2022-05-31T09:21:05","date_gmt":"2022-05-31T15:21:05","guid":{"rendered":"https:\/\/www.tesseractspace.com\/blog\/?p=713"},"modified":"2022-05-31T09:24:07","modified_gmt":"2022-05-31T15:24:07","slug":"redaccion-de-contenido-en-diseno-de-ux","status":"publish","type":"post","link":"https:\/\/www.tesseractspace.com\/blog\/redaccion-de-contenido-en-diseno-de-ux\/","title":{"rendered":"Redacci\u00f3n de contenido en dise\u00f1o de UX"},"content":{"rendered":"\n

El dise\u00f1o de contenido en el marco del dise\u00f1o de experiencias de usuario, de la misma manera que el dise\u00f1o de interfaces o el dise\u00f1o de interacci\u00f3n, tiene un proceso y un enfoque centrado en el usuario, e incluso un rol especializado: el del UX Writer<\/a>. <\/strong><\/p>\n\n\n\n

Hay hay siete principios que pueden ayudar a un dise\u00f1ador de contenido a cumplir este prop\u00f3sito:<\/p>\n\n\n\n

1. Usabilidad<\/h3>\n\n\n\n

El contenido usable ayuda a que los usuarios usen un producto o interfaz f\u00e1cilmente. Cuando estos usuarios tienen dudas sobre c\u00f3mo funciona, c\u00f3mo navegarlo o c\u00f3mo completar las tareas que desean realizar es una se\u00f1al de que el contenido no est\u00e1 ayudandolos a lograr sus objetivos. El contenido usable son las palabras que mejoran o habilitan la funcionalidad de un producto.<\/strong><\/p>\n\n\n\n

Durante el proceso de redacci\u00f3n y revisi\u00f3n de contenido se deben considerar las buenas pr\u00e1cticas de la usabilidad. Es una buena pr\u00e1ctica realizar una revisi\u00f3n heur\u00edsticas de usabilidad<\/a> antes de hacer ajustes al contenido.<\/p>\n\n\n\n

El contenido puede ser m\u00e1s usable si el UX Writer<\/strong> participa en el proceso de investigaci\u00f3n de usuarios para que pueda entenderlos mejor y lo que es importantes para ellos por medio de entrevistas, encuestas, pruebas y estudios de usabilidad.<\/p>\n\n\n\n

Tambi\u00e9n es de mucha ayuda entender bien c\u00f3mo funcionar\u00e1 la interfaz de usuario colaborando con los dise\u00f1adores de UI y los programadores de front-end<\/em>, realizando pruebas A\/B mientras se prueban los prototipos y los MVPS <\/em>o betas <\/em>de un producto.<\/p>\n\n\n\n

2. Utilidad<\/h3>\n\n\n\n

El dise\u00f1o de contenido es un punto cr\u00edtico para que el dise\u00f1o visual tenga sentido y sea \u00fatil. El contenido \u00fatil va un paso m\u00e1s all\u00e1 de ser usable: es contenido que ofrece informaci\u00f3n \u00fatil que quiz\u00e1s el usuario no sab\u00eda que necesitaba para entender el contexto de lo que est\u00e1 usando o para utlizar el producto de manera m\u00e1s eficiente.<\/p>\n\n\n\n

Para redactar contenido \u00fatil se debe tener en mente la funcionalidad del producto y los objetivos m\u00e1s amplios que tiene el usuario. <\/p>\n\n\n

\n
\"\"
Ejemplo de contenido \u00fatil: la caja de b\u00fasqueda del destino indica qu\u00e9 datos (ciudad o alojamiento) son v\u00e1lidos para ayudar al usuario a entender que debe ingresar el nombre de la ciudad a la que desea viajar. Cr\u00e9dito: despegar.com<\/figcaption><\/figure>\n<\/div>\n\n\n

Este contenido es usable porque refuerza el hecho de que el usuario puede buscar; pero tambi\u00e9n es \u00fatil porque le da un ejemplo de lo que puede buscar, en lugar de solo decir \u00abbusque aqu\u00ed\u00bb se tom\u00f3 en cuenta la intenci\u00f3n original del usuario (planificar un viaje) y se le sugiere que comience buscando por el nombre de su destino.<\/p>\n\n\n\n

El dise\u00f1o de contenido para ayuda y documentaci\u00f3n es otro ejemplo del principio de contenido \u00fatil que no es parte del journey principal del usuario, pero que ayuda al usuario a adquirir mayor control y a lograr un uso m\u00e1s eficiente del producto. <\/p>\n\n\n\n

3. Accesibilidad<\/h3>\n\n\n\n

Redactar contenido accesible significa que usuarios con capacidades f\u00edsicas diferentes o limitadas pueden utilizar y tener acceso al contenido. Las interfaces accesibles benefician a todos los usuarios, independientemente de sus capacidades f\u00edsicas, porque la interfaz es m\u00e1s usable.<\/p>\n\n\n\n

Para escribir un contenido accesible incluye:<\/p>\n\n\n\n

  • Redactar texto alternativo para im\u00e1genes e \u00edconos,<\/li>
  • Incluir subt\u00edtulos y transcripciones para audio y video,<\/li>
  • Priorizar la claridad sobre la brevedad<\/li>
  • Estructurar la informaci\u00f3n importante pueda ser encontrada en los encabezados y subt\u00edtulos o resaltada.<\/li>
  • Utilizar listas ordenadas y numeradas para grupos de elementos de texto.<\/li>
  • Optimizar el texto para que sea legible en pantallas peque\u00f1as.<\/li>
  • Escribir enlaces y texto para elementos interactivos que sean claros y comprensibles<\/li><\/ul>\n\n\n\n

    4. Claridad y limpieza<\/h3>\n\n\n\n

    Los copywriters <\/em>en mercadotenia dan prioridad a los textos (copies<\/em>) provocativos y contundentes para captar la atenci\u00f3n de las personas. En contraste, los UX Writers deben dar prioridad a la claridad<\/strong>. Si el contenido no es claro, tampoco podr\u00e1 ser \u00fatil o accesible.<\/p>\n\n\n\n

    El UX Writer debe preguntarse todo el tiempo:<\/p>\n\n\n\n

    • \u00bfEl contenido ser\u00eda claro para las personas m\u00e1s j\u00f3venes o m\u00e1s grandes de los usuarios promedio?<\/li>
    • \u00bfEl contenido ser\u00eda claro si solo se leyera una vez y r\u00e1pidamente?<\/li>
    • \u00bfEl contenido ser\u00eda claro si el usuario estuviera estresado o preocupado?<\/li>
    • \u00bfEl contenido ser\u00eda claro si el usuario est\u00e1 usado la interfaz por primera vez?<\/li><\/ul>\n\n\n\n

      5. Adaptabilidad<\/h3>\n\n\n\n

      El buen contenido se debe adaptar a la situaci\u00f3n o entorno espec\u00edfico en el que se consume, y debe adecuarse a las necesidades de su usuario a medida, incluso si esas necesidades cambian a lo largo de la interacci\u00f3n. El significado de las palabras, el tono y la voz deben adaptarse a la situaci\u00f3n para que sean apropiados<\/strong>.<\/p>\n\n\n\n

      A menudo pensamos que el contenido debe ser \u00abbreve\u00bb, pero a veces usar tres palabras es menos apropiado que usar diez palabras. Esto depende del contexto y las necesidades del usuario.<\/p>\n\n\n\n

      Para lograr que el contenido sea m\u00e1s apropiado en diferentes contextos, el UX Writer debe comprender muy bien a sus usuarios, los escenarios y entornos en los que se encontrar\u00e1n y c\u00f3mo funciona la interfaz del producto. Para esto, se pueden realizar pruebas A\/B de contenido, pruebas de usabilidad e investigaciones de campo para usuarios en diferentes situaciones y entornos. <\/p>\n\n\n\n

      Durante el proceso de dise\u00f1o de el equipo de dise\u00f1o, el UX Writer debe comenzar con las necesidades del usuario para despu\u00e9s crear el contenido dise\u00f1ado en funci\u00f3n de las necesidades de los usuarios. Es m\u00e1s dif\u00edcil dise\u00f1ar contenido apropiado de manera retroactiva.<\/p>\n\n\n\n

      6. Uniformidad<\/h3>\n\n\n\n

      El copy <\/em>y el dise\u00f1o visual deben tener sentido juntos y apoyarse mutuamente. Cuando las palabras y las im\u00e1genes no coinciden se pierde la oportunidad de ofrecer una gran experiencia de usuario. En el peor de los casos, los usuarios quedar\u00e1n confundidos..<\/p>\n\n\n\n

      Para lograr el mejor resultado es necesario que que los UX Writers y los dise\u00f1adores trabajen juntos desde el inicio del proceso y eviten el uso de texto falso del tipo \u00ablorem ipsum<\/em>\u00bb en el proceso de dise\u00f1o. \u201cLorem ipsum<\/em>\u201d es un texto de marca de posici\u00f3n que no tiene significado que puede llevar a los dise\u00f1adores en la direcci\u00f3n equivocada y ocasionar sesiones de revisi\u00f3n innecesarias m\u00e1s adelante.<\/p>\n\n\n\n

      Hay hay que definir y mapear las necesidades y obejtivos del usuario y de pu\u00e9s trabajar para encontrar c\u00f3mo dise\u00f1o y contenido pueden satisfacer esa necesidad juntos.<\/p>\n\n\n\n

      Hay que notar que \u201cuniforme<\/em>\u201d no significa \u201csin fricci\u00f3n<\/em>\u201d. A veces, la fricci\u00f3n se puede usar intencionalmente para ayudar a los usuarios a evitar cometer errores o para guiarlos hacia mejores rutas de usuario.<\/p>\n\n\n\n

      7. Personalidad<\/h3>\n\n\n\n

      De la misma forma que pasa con el dise\u00f1o visual, el contenido debe ser parte de la marca del producto. Queremos evitar confundir a los usuarios con contenidos inconsistentes y fuera del contexto de marca tanto en el mismo producto como en diferentes medios y formatos (m\u00f3vil, escritorio, etc).<\/p>\n\n\n

      \n
      \"\"
      Mailchimp tiene gu\u00edas de tono y voz para dise\u00f1o de contenido muy robustas, y las utilizan en todo su microcopy en todos sus canales de comunicaci\u00f3n hacia sus usuarios. Cr\u00e9dito: Mailchimp<\/figcaption><\/figure>\n<\/div>\n\n\n

      La buena definici\u00f3n de la voz y la personalidad de la marca son cr\u00edticos para el dise\u00f1o contenido<\/strong>, ya que una buena parte de la voz de la marca es el tono, que es c\u00f3mo la voz se adapta a diferentes contextos. El tono puede ser variar en diferentes contextos, por ejemplo, un mensaje de confirmaci\u00f3n contra un mensaje de error, pero la voz debe ser consistente todo el tiempo.<\/p>\n","protected":false},"excerpt":{"rendered":"

      El dise\u00f1o de contenido en el marco del dise\u00f1o de experiencias de usuario, de la misma manera que el dise\u00f1o de interfaces o el dise\u00f1o de interacci\u00f3n, tiene un proceso y un enfoque centrado en el usuario, e incluso un rol especializado: el del UX Writer. En este proceso hay hay principios que pueden ayudar a lograr este prop\u00f3sito<\/p>\n","protected":false},"author":1,"featured_media":716,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[69],"tags":[176,26,93,73,15],"class_list":["post-713","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","tag-contenido","tag-diseno","tag-diseno-de-producto","tag-guias","tag-usabilidad","entry"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tesseractspace.com\/blog\/wp-content\/uploads\/2022\/05\/ux-writing-2540x0-1.png?fit=2000%2C1024&ssl=1","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/comments?post=713"}],"version-history":[{"count":2,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/713\/revisions"}],"predecessor-version":[{"id":720,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/posts\/713\/revisions\/720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media\/716"}],"wp:attachment":[{"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/media?parent=713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/categories?post=713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tesseractspace.com\/blog\/wp-json\/wp\/v2\/tags?post=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}