it-swarm-es.com

Desplegables y galones para idiomas de derecha a izquierda

Suponiendo que hayamos usado un menú desplegable con un cheurón para indicar que en realidad es un menú desplegable, ¿cambia la posición del galón dependiendo de la direccionalidad del idioma? ES DECIR. ¿El galón se queda a la derecha o se mueve a la izquierda?

Vea la imagen a continuación para una explicación visual.

Dropdown position for language direction

33
PaulVO

Que gran pregunta. Como regla general, es bueno cambiar la posición de la iconografía para los lenguajes RTL. Entonces, su opción inferior, con el galón a la izquierda, es correcta.

Si tiene curiosidad, baso esta respuesta en las lecciones aprendidas como diseñador principal en múltiples proyectos con NYC DOE y la oficina del alcalde de Nueva York, donde todos los proyectos deben admitir 11 idiomas, incluidos 2 idiomas RTL. Los sistemas implican traducción manual, por lo que mi trabajo fue aconsejado por hablantes con fluidez.

Puede ver mucho de este "cambio" en juego con el sistema de solicitud de escuela pública en línea de NYC DOE ( https://www.myschools.nyc/ ). La verdadera esencia de esto está detrás de un inicio de sesión, pero puede hacerse una idea de las cosas con https://www.myschools.nyc/en/account/create-account/ vs https://www.myschools.nyc/ar/account/create-account/ . Consulte el encabezado y el CTA principal

29
Ben Paddock

Secundando la respuesta de Ben, si entiendo las Directrices de bidireccionalidad del diseño de materiales correctamente, entonces debería reflejarse:

Cuando se refleja una IU, se producen estos cambios:

  • Los iconos de los campos de texto se muestran en el lado opuesto de un campo.
  • Los botones de navegación se muestran en orden inverso
  • Los iconos que comunican la dirección, como las flechas, se reflejan
  • El texto (si está traducido a un lenguaje RTL) está alineado a la derecha

Y en la ilustración, los galones están reflejados:

English and Arabic UI illustrating bidirectionality

Las pautas de Apple no mencionan esto explícitamente, pero afirman que "en las aplicaciones de iOS, los controles de UIKit aparecen volteados cuando la aplicación se vincula con iOS 9 y versiones posteriores". Si desarrolla para la plataforma iOS, puede verificar lo que hace el suyo.

2
rink.attendant.6