FANDOM


Cuando alguien visita Fandom usando el buscador de su dispositivo móvil encuentra lo que llamamos Web Móvil. Es una plataforma optimizada para una fácil y rápida navegación por los artículos. Es un poco diferente —solo un poco— de la experiencia de leer una wiki en la Aplicación Fandom.

Afortunadamente, los mismos consejos que te ayudan a mejorar la apariencia de tu wiki en la Web Móvil, se aplican a la aplicación Fandom. Aquí hay algunos:

Cosas buenas para hacer

Usa la Web Móvil

Si personalmente usas la Web Móvil en tu Wiki, tenderás a mejorar cómo se ve para la Web Móvil. ¿Lo primero que debes hacer? ¡Descubre cómo acceder a la Web Móvil!

  • Usa un dispositivo móvil real cuando puedas. Si eres lo suficientemente afortunado para poder elegir entre un dispositivo móvil real y un emulador, siempre elije el real.
  • Usa el emulador de Web Móvil de Fandom cuando no tengas un dispositivo móvil a mano. Solo añade ?useskin=mercury al final de la url de la página. Asegúrate de reducir el tamaño de la ventana para simular la pantalla de un celular. Y ten en cuenta que este método nunca emulará con precisión cómo se ve en un móvil real.
  • Usa la opción de vista previa al editar. Te mostrará cómo se verá la página en un dispositivo móvil antes de que guardes los cambios.
  • Recuerda que la mayoría de las personas alrededor del mundo no tienen móviles anchos. Un tamaño de pantalla común a nivel mundial —a pesar de la presencia de dispositivos móviles mucho más anchos— sigue siendo 320 x 480 píxeles. Como regla general, si consigues que tu wiki funcione en ese ancho, se verá bien en cualquier dispositivo móvil.

Organización de la página

Si las páginas de tu comunidad son claras, simples y flexibles —si tienen una jerarquía clara y un diseño simple— entonces tu wiki se ajustará mejor a diferentes plataformas.

Lo que aparece en la parte superior de una página es lo primero a lo que debes prestar atención. En la Web Móvil, lo primero en aparecer es siempre la Infobox. Así que asegúrate de que las tuyas estén listas para dispositivos móviles.

Imágenes

Coloca las imágenes junto al texto que están ilustrando. A veces es tentador mover las imágenes a otra sección para mejorar el formato de la visualización de escritorio. Pero en dispositivos móviles esto significa que las imágenes no ilustrarán el texto correcto. En su lugar, terminarán confusamente ubicadas en una sección diferente.

Aquí hay algunas ideas sobre las imágenes en dispositivos móviles:

  • Las imágenes mayores a 30 píxeles abarcan el ancho de la pantalla del dispositivo móvil. Esto proporciona una mejor vista de la imagen y permite que el contenido tenga un ancho completo por encima y por debajo.
  • Si varias imágenes aparecen juntas, o la página incluye una galería, solo se mostrará la primer imagen. Solo al presionar se harán visibles las otras imágenes. Esto garantiza que un usuario que intente leer el contenido no se vea frustrado por una larga columna de imágenes. ¿Quieres que tu imagen favorita se muestre en dispositivos móviles? Asegúrate de que sea la primer —o única— imagen en la galería.

Navegación

La navegación local de tu comunidad es una herramienta importante para visitantes que usan dispositivos móviles. Mantenla organizada, clara, y simple. Usa la menor cantidad de palabras para cada encabezado. Y, como siempre, ¡verifica dos veces la apariencia desde un dispositivo móvil!

Qué evitar

Alertas

Algunas comunidades han usado la parte superior de la página para colocar plantillas de advertencia u otros avisos —a veces llamados "tophats"—. Estos ocupan mucho espacio en un dispositivo móvil, y muchos lectores de dispositivos móviles no están dispuestos a desplazarse por ellos. Considera mover este tipo de advertencias —que por lo general son para editores más que para lectores— a las páginas de discusión. Si tu comunidad desaprueba mover estas plantillas fuera de la página, por favor, asegúrate de que reciban el tipo de plantilla de Aviso, para que tus lectores de dispositivos móviles no tengan que experimentarlos.

Tablas

Sé selectivo cuando uses tablas. Son buenas para mostrar datos, pero horribles para diseñar páginas. Las páginas diseñadas con tablas terminan siendo mucho más inflexibles y difíciles de mostrar. Intenta usar herramientas alternativas de diseño, como barras de desplazamiento, galerías o etiquetas div. Estas son más flexibles y funcionan bien con varios tamaños de contenido.

Incluso cuando se usan correctamente para datos, muchas tablas son muy anchas y requieren desplazarse para verlas en Web Móvil. Por favor, considera cuidadosamente si tu tabla necesita tantas columnas.

Sin dudas a veces romper una tabla no es posible. Pero, a veces, puedes dividir una tabla en dos partes —cada una con menos columnas— y hacerlas más cómodas para un dispositivo móvil.

Navboxes

Debido a que las Navboxes tienen una orientación horizontal, no entran en un dispositivo móvil orientado verticalmente. Debes intentar limitar el número de navboxes que tiene tu wiki. Considera seriamente si los navboxes realmente proveen un servicio que las categorías no pueden. Y siempre asegúrate de que tus navboxes tengan el tipo de plantilla de Navbox.

Ayuda complementaria y comentarios

El contenido de la comunidad está disponible bajo CC-BY-SA a menos que se indique lo contrario.