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 16

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

UI Copy
驴Qu茅 es? Se refiere a las etiquetas de los comandos que aparecen en botones, elementos de menu虂 y otros elementos orientados a la accio虂n en la interfaz de usuario.

驴Qu茅 son?
鈼 Son elementos encaminados a la ejecucio虂n
鈼 Esenciales para una interaccio虂n fluida, ra虂pida
e indolora
鈼 Los nombres de los comandos suelen ser
cortos porque no hay mucho espacio en la pantalla de una aplicacio虂n

驴Por que虂 es importante
鈼 Ayudan a los usuarios a navegar a trave虂s de un espacio de contenido vinculado
鈼 Esta虂n asociados con los flujos de interaccio虂n y, por lo general, cambian el estado del sistema
鈼 Son la base de las aplicaciones

Ejemplos:
鈼 Botones
鈼 I虂conos
鈼 Elementos de menu虂
鈼 Botones de opcio虂n
鈼 Mensajes de texto emergente

  1. Mante虂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 accio虂n o envi虂an informacio虂n
    Utiliza adjetivos para los comandos que desencadenan un cambio en el estado del sistema o la aparicio虂n de un elemento en la interfaz
    Evita usar nombres vagos o gene虂ricos como 鈥淥k鈥
    Incluye informacio虂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 鈥渋ntriga鈥 que llaman a que el usuario ingrese a nuestros contenidos.
  • UI copy: Todos los textos 鈥渄efinidos鈥 que generan una reacci贸n espec铆fica que buscamos en el usuario.

Evita el uso de palabras gen茅ricas como 鈥淥K鈥, 鈥淪i鈥, 鈥淣o鈥, 鈥淚r鈥, 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: 鈥淭omar el tour鈥 para paquetes tur铆sticos.

En los primeros ejemplos Isis menciona que el bot贸n 鈥淪eguir鈥 es muy gen茅rico y no es nada funcional por que no aporta nada al UI, pero en el ejemplo del aeropuerto Uber coloca 鈥淪iguiente鈥 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 鈥淪iguiente鈥, por qu茅 si y por qu茅 no ?

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

Gracias

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 鈥渙k鈥
      • 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

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 鈥減unto 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