No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

UI Copy: etiquetas de ejecución

15/21
Recursos

Aportes 18

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

UI Copy
¿Qué es? Se refiere a las etiquetas de los comandos que aparecen en botones, elementos de menú y otros elementos orientados a la acción en la interfaz de usuario.

¿Qué son?
● Son elementos encaminados a la ejecución
● Esenciales para una interacción fluida, rápida
e indolora
● Los nombres de los comandos suelen ser
cortos porque no hay mucho espacio en la pantalla de una aplicación

¿Por qué es importante
● Ayudan a los usuarios a navegar a través de un espacio de contenido vinculado
● Están asociados con los flujos de interacción y, por lo general, cambian el estado del sistema
● Son la base de las aplicaciones

Ejemplos:
● Botones
● Íconos
● Elementos de menú
● Botones de opción
● Mensajes de texto emergente

  1. Mantén el texto breve sin sacrificar la claridad
  2. Describe el estado consecuente, no el estado actual
    Usa verbos para los comandos que inician una acción o envían información
    Utiliza adjetivos para los comandos que desencadenan un cambio en el estado del sistema o la aparición de un elemento en la interfaz
    Evita usar nombres vagos o genéricos como “Ok”
    Incluye información sobre herramientas para aclarar los resultados

Nielsen Norman Group encontró que lo mejor es poner de 2 a 4 palabras en esos botones o call-to-actions que llevan al usuario a un siguiente estado.

Entonces:

  • Microcopy: Todos los textos “intriga” que llaman a que el usuario ingrese a nuestros contenidos.
  • UI copy: Todos los textos “definidos” que generan una reacción específica que buscamos en el usuario.

Evita el uso de palabras genéricas como “OK”, “Si”, “No”, “Ir”, etc. (que pueden quedar para cualquier contexto, tema o industria), especialmente para botones importantes como call to action. En su lugar, busca términos más específicos a tu industria o ramo. Por ejemplo: “Tomar el tour” para paquetes turísticos.

En los primeros ejemplos Isis menciona que el botón “Seguir” es muy genérico y no es nada funcional por que no aporta nada al UI, pero en el ejemplo del aeropuerto Uber coloca “Siguiente” que también es genérico y se puede colocar en cualquier aplicación o SAAS. ¿En este ultimo ejemplo esta bien aplicado la palabra “Siguiente”, por qué si y por qué no ?

15. UI Copy: etiquetas de ejecución

  • Se encuentra en la interfaz
  • Las etiquetas de los comandos de los botones y menús.
  • Son elementos que se encargan de la interacción, que hagan que el usuario realice algo
  • Orientados a las acción
  • Esenciales para una interacción fluida, rápida e indolora
  • Los nombre de los comandos suelen ser cortos porque no hay mucho espacio en la pantalla de una aplicación
  • Importante porque…
    • Ayudan a los usuarios a navegar a través de un espacio de contenido vinculado (Vínculos contextuales)
    • Están asociados con los flujos de interacción y, por lo general, cambian el estado del sistema (Cambian drásticamente la usabilidad)
    • Son la base de las aplicaciones
  • Botones, iconos, elementos de menú, botones de opción y mensajes de textos emergentes
  • Palabras que desatan acciones
  • Consejos
    • Mantener el texto breve sin sacrificar la claridad
      • No poner de más de 2 - 4 palabras en los botones pequeños. APPs
    • Describe el estado consecuente, no el estado actual
      • Ya el usuario sabe donde está, su deseo es llegar a otro estado
    • Usar verbos para los comandos que inician una acción o envían información
      • Elegir el verbo correcto desata la acción correcta
    • Utiliza adjetivos para los comandos que desencadenan un cambio en el estado del sistema o la aparición de un elemento en la interfaz
      • Adjetivos para opciones o mostrar cosas
      • Los adjetivos para los botones que modifican cosas
    • Evitar usar nombres vagos o genéricos como “ok”
      • Palabras que puedes usar en cualquier contexto
      • Probar los verbos/adjetivos en otros contextos
    • Incluye información sobre herramientas para aclarar los resultados
      • Descripciones de las funcionalidades y términos
      • Explicaciones
    • Limita el uso de términos de marca
      • No utilizar nombres o términos de marca en todo momento
    • Usa palabras de comando consistentes, incluso si aparecen en diferentes contextos
      • Utilizar las mismas palabras, formatos y lenguaje de forma consistente

Muy interesante, desconocía la escritura UI, pensaba que era algo neto de diseño visual, siempre aprendiendo mas en este curso.

Gracias

Me queda mucho más claro la diferencia de UI Copy a un copy en publicidad. Gracias!!

Considero que la diferencia entre usar un verbo generico y una pregunta especifica recae en la empatía que genera el usuario con la aplicación.

  • Búcame en: se siente imperativo de entrada, puede genear una emoción menos empatica hacia la app, aunque la acción es directa.

-¿A dónde vas?: genera un cuestionamimento automatico en mi, me hace conectar de una manera más suave con la situación.

En mi app de BEAT (setiembre 2021), ahora sale:

Where next
(Enter the destination)

Ya lo modificación al parecer.

El copy en etiquetas de ejecución tiene el objetivo de hacer que el usuario tome una acción

Importante utilizar verbos específicos, en general el UI de lo que se vio de uber me parecio mejor que el de beat,

Hay verbos genéricos como siguiente en la pantalla de Uber. ¿Está bien o mal? ¿Cómo lo podría cambiar? Ya que si coloco siguiente en otra página o app puede funcionar.

Así como ese está el seguir, finalizar.

En el ejemplo de Beat, no me convence el término “punto de recojo” para señalar lo que debería ser punto de abordaje o un término similar.

Tener cuidado en usar términos vagos, vacíos o genéricos.

Qué bien que existen aplicaciones como BEAT que se sacrifican al tener una pésima interfaz solo para enseñarnos como NO se hacen las cosas XD