What are some best practices for designing a language switcher for mobile apps?

Best practices for a mobile language switcher include placing it in a settings screen or a persistent header icon, labeling each language in its own native script rather than the current UI language, and confirming the selected locale persists across sessions.

¿Qué hace que un selector o conmutador de idiomas funcione realmente?

Un selector de idiomas es el control que permite al visitante de un sitio web o de una aplicación elegir en qué idioma ve el contenido. Lo bien que funcione depende menos de una característica concreta y más de cuatro cosas juntas: dónde se coloca, si los idiomas están etiquetados con su propio alfabeto en lugar de banderas o nombres traducidos, si la elección persiste entre visitas y si cada idioma se resuelve en su propia URL real e indexable. Si aciertas esas cuatro, el selector funciona tanto en escritorio como en móvil; si las fallas, los visitantes pierden su sitio o no encuentran su idioma en absoluto.

¿Por qué los que cambian de idioma frustran tan a menudo a los usuarios?

Las banderas se utilizan para representar los idiomas. Las normas de internacionalización del W3C establecen que las banderas representan países, no idiomas. Se habla español, francés, árabe y portugués como idioma oficial en varios países, por lo que un solo icono de bandera no puede representar el idioma de forma precisa o respetuosa.
La redirección automática se produce sin forma de anularla. Un sitio que redirige silenciosamente a un visitante según la dirección IP o la geolocalización del navegador, sin una forma fácil de elegir otro idioma, atrapa a los usuarios que viajan, utilizan una VPN o simplemente prefieren un idioma diferente al que implica su ubicación.
El selector está enterrado. Un control de idioma colocado solo en el pie de página, varios desplazamientos hacia abajo, es prácticamente invisible para quien lo visita por primera vez y que más lo necesita.
Cambiar reinicia la posición del usuario. Un selector que devuelve a los visitantes a la página principal en lugar de la página traducida equivalente pierde el contexto que ya habían encontrado.
Los nombres de los idiomas aparecen en el idioma incorrecto. Listar "alemán" en lugar de "alemán", o "japonés" en lugar de "日本語", obliga a un visitante a leer ya lo suficientemente bien el idioma actual de la interfaz como para encontrar el suyo propio.

¿Qué hace que un selector de idiomas funcione realmente?

Colocación y visibilidad — un icono de cabecera persistente o un elemento de menú funciona para aplicaciones de escritorio y web; una pantalla de configuración o un aviso de primer lanzamiento suele adaptarse mejor a las aplicaciones móviles que un control de cabecera que compite por el espacio limitado en pantalla.
Etiquetado en el idioma nativo (endónimos): cada opción de idioma debe etiquetarse con su propio alfabeto y nombre (alemán, francés,), no traducirse al idioma que muestre la interfaz actualmente.
Persistencia de la sesión: una vez que el visitante elige un idioma, esa elección debe persistir en todas las páginas y devolver las visitas a través de una cookie o una configuración de cuenta, en lugar de restablecer todas las sesiones.
URL indexables y específicas de la configuración regional: cada idioma debe convertirse en su propia URL real (un subdirectorio, subdominio o dominio de nivel superior con código de país), no en un conmutador del lado del cliente que cambie el texto visible sin cambiar lo que ve realmente un motor de búsqueda o un rastreador de IA.
Accesibilidad del teclado y el lector de pantalla: el selector tiene que estar accesible sin ratón y anunciarse correctamente con tecnología de asistencia, ya que suele ser uno de los primeros controles con los que interactúa un visitante.

¿Cómo debe diseñar e implementar un equipo un selector de idiomas?

Los equipos que crean un selector de idiomas por primera vez suelen seguir la misma secuencia.

Decida la ubicación por plataforma: utilice un control de encabezados persistente para los sitios de escritorio y las aplicaciones web, y una pantalla de configuración o un mensaje de inicio para las aplicaciones móviles, donde el espacio de cabecera es limitado.
Etiqueta cada opción en su propio idioma : lista cada idioma por su nombre nativo y escritura (alemán, francés, 日本語) en lugar de traducir la lista al idioma de visualización actual.
Evita depender solo de las banderas : empareja cada opción con el nombre de su idioma como etiqueta principal, ya que las banderas representan países y varios idiomas (español, francés, árabe, portugués) son oficiales en más de un país.
Persiste en la selección : guarda la ubicación elegida en una configuración de cookies o cuenta para que un visitante que regrese no tenga que volver a seleccionar su idioma en cada visita.
Enruta cada localidad a una URL real e indexable : sirve contenido traducido en su propio subdirectorio, subdominio o ccTLD en lugar de cambiar solo el texto en el lado del cliente, para que la página traducida pueda ser rastreada, indexada y citada.

Este enfoque se adapta a equipos que...

Enviar un producto o un sitio web en tres o más idiomas y necesita un patrón de cambio coherente en cada página.
Sirve a idiomas oficiales en más de un país (español, francés, árabe, portugués), donde un icono de bandera no pueda representar el idioma con precisión.
Necesitan que las páginas traducidas sean indexables y citables individualmente por los motores de búsqueda y los motores de respuestas de IA, no solo renderizadas en el lado del cliente.
Mantenga una aplicación web y un sitio de marketing que necesiten la misma lógica de cambio de configuración regional para mantener la coherencia.

Lista de evaluación: preguntas que hacer antes de crear un selector de idiomas

¿Cada idioma está etiquetado con su propio alfabeto o solo en el idioma de visualización actual?
Un visitante que no haya leído ya el idioma actual no debería necesitarlo para encontrar el suyo propio.

¿El selector mantiene la elección del usuario en todas las sesiones?
Confirma que la localización elegida está almacenada en una configuración de cookies o cuenta en lugar de reiniciarse en cada visita.

¿Cambiar de idioma mantiene al usuario en la página equivalente o lo envía a la página principal?
Perder el lugar de un visitante es una de las quejas más comunes de los cambiadores de idioma.

¿Cada configuración regional tiene su propia URL indexable?
Un subdirectorio, subdominio o ccTLD permite que los motores de búsqueda y los rastreadores de IA lleguen directamente a la página traducida; un intercambio de texto solo en el lado del cliente no lo permite.

¿Se puede acceder al selector con el teclado y un lector de pantalla lo anuncia correctamente?
Confirme que el control es accesible, no solo visible.

¿Cómo apoya Smartling el diseño de selectores y conmutadores de idiomas?

La red de entrega global (GDN) de Smartling admite varios métodos para detectar y ofrecer la configuración regional correcta para alimentar un selector de idioma: el propio encabezado Accept-Language del navegador, un encabezado de X-Language-Locale que la GDN envía automáticamente con cada solicitud, valores de configuración regional basados en cookies y un método de IP forzada (" Ghost Selector ") que puede dirigir a usuarios específicos directamente a una configuración regional determinada. Las páginas localizadas que se publican a través de la GDN pueden mostrarse en subdominios, subdirectorios, dominios de primer nivel con código de país (ccTLD) o mediante cookies o encabezados HTTP, y la GDN traduce las URL y las palabras clave para que los motores de búsqueda puedan indexar cada página localizada de forma independiente.

Esa combinación es importante para el diseño del selector de idiomas específicamente: el patrón de cambio que un equipo de diseño crea en la interfaz puede pasar a una URL real servida por GDN para cada configuración regional, en lugar de a un cambio del lado del cliente que solo cambia el texto visible sin cambiar lo que un motor de búsqueda o un motor de respuestas de IA realmente rastrea y cita. Smartling es líder en la gestión de traducciones en G2

¿Listo para ver a Smartling en acción?

Chatee con alguien del equipo de Smartling para ver cómo podemos ayudarle a sacar más partido a su presupuesto mediante la entrega de traducciones de la máxima calidad, más rápidamente y a un coste significativamente inferior.

Programar una reunión