Gamepedia Help Wiki
Advertisement

FandomMobile es la nueva experiencia móvil que estamos desplegando en Gamepedia desde el 14 de enero de 2021, después de haber pasado por una fase beta optativa que comenzó el 15 de diciembre de 2020.

Este es el primer paso hacia una experiencia unificada entre Fandom y Gamepedia (también llamado previamente como "Fase 2" de la Plataforma Comunitaria Unificada), incorporando los elementos exitosos de ambos sitios para mejorar la experiencia de administradores, editores y lectores. Al igual que con el resto de la plataforma, el feedback es tomado en cuenta en el proceso de desarrollo, así que por favor haznos llegar tus comentarios.

Es importante tener en cuenta que la personalización de FandomMobile se realiza mediante archivos diferentes a los utilizados en la antigua piel móvil. Ponte en contacto con tu Wiki Manager si necesitas ayuda con la personalización.

Si tu wiki aún no ha recibido la experiencia FandomMobile y deseas probarla, puedes visitar tu perfil de usuario desde un dispositivo móvil, donde verás un interruptor para habilitarla o deshabilitarla.

Antecedentes[]

La web móvil es el punto de entrada más simple al nuevo proceso de diseño, por dos grandes razones:

  • La experiencia móvil de Gamepedia ya está basada en la piel móvil de MediaWiki, lo que nos proporciona una base técnica sólida sobre la que construir.
  • Los resultados de este trabajo llegarán a la mayoría de los usuarios, pues un promedio de entre el 56% y el 64% de nuestros visitantes mensuales corresponde a usuarios móviles.

Si bien estos diseños traerán algunas mejoras agradables para editores móviles también (un grupo que está en crecimiento, desde la implementación de la edición móvil con la UCP en Fandom), los principales beneficios serán en forma de legibilidad, accesibilidad y rendimiento para todos los usuarios móviles. Los diseños de escritorio tomarán más tiempo, y daremos a nuestros usuarios la posibilidad de expresar sus comentarios conforme se avance con el desarrollo.

FandomMobile emplea como base la plataforma web móvil de Gamepedia, basada en la propia piel móvil de MediaWiki y la extensión MobileFrontend. Al adoptar este enfoque, obtenemos varios beneficios, por ejemplo:

  • Gran cantidad de código compartido con la piel de escritorio
  • Actualizaciones de la Fundación Wikimedia
  • Mejor rendimiento que la piel móvil de Fandom
  • Soporte para todos los espacios de nombre de MediaWiki

Sobre esta base, podemos incorporar mejoras móviles diseñadas por Fandom, como:

  • Infoboxes portátiles
  • Galerías de imágenes adaptadas a móvil
  • Tablas adaptadas a móvil

Para crear FandomMobile, hemos tomado en cuenta los comentarios de los usuarios de Fandom y Gamepedia sobre las experiencias móviles durante estos años, para luego iterar sobre las ideas de diseño con las partes interesadas de la empresa, resultando finalmente en la experiencia que ahora puedes probar. Un tema recurrente en los comentarios y las conversaciones, fue sobre la experiencia deficiente con la transformación de algunos elementos cuando se pasa de escritorio a móvil, particularmente, imágenes, imágenes en infoboxes, el diseño de las galerías, los pies de foto, etc. Estos elementos se presentaban de un modo que causaba una mala experiencia para los lectores, y esto no podía ser corregido por los editores de la comunidad, por lo que dependía de Fandom ayudar a arreglar eso.

Veamos algunos borradores del diseño. Ten en cuenta que estos no son una representación de la implementación final, sino que fueron creados en un software de diseño. El contenido de los artículos de ejemplo está intencionadamente fuera de contexto, y los diseños fueron hechos antes de la prueba beta que comenzó en diciembre.

Modos claro y oscuro en móvil[]

FM Light and Dark.png

Lo sabemos. Quieres opciones de modo claro y oscuro. Y estamos de acuerdo, es una cuestión de legibilidad. Estamos trabajando para que esto sea una realidad. En Gamepedia, los wikis que usan HydraDark como piel de escritorio, verán la experiencia móvil también en modo oscuro.

Aún no hemos decidido cómo será la implementación final de esta opción, así que nos encantaría saber qué piensas al respecto: ¿preferirías una opción por wiki o una preferencia de usuario (global) para determinar el modo claro u oscuro? ¡Háznoslo saber!

Navegación Global[]

FM Global Nav.png

Para la navegación global, queríamos que activar la barra de búsqueda no se limitase a buscar, sino que también mostrase las opciones de descubrimiento con lo que es relevante en el wiki en cuestión y en la plataforma en general. Los casos de uso que resolvimos fueron la búsqueda de contenido wiki, el descubrimiento de contenido wiki y el acceso a enlaces globales. Se presentaron dos alternativas, la que ves arriba, que muestra los enlaces globales por encima de la barra de búsqueda y las opciones de descubrimiento por debajo de ella, y una segunda que mostraba un panel de enlaces globales por debajo de la búsqueda por encima de las opciones de descubrimiento. La opción que elegimos fue la más elegante de las dos y la que más respetaba la intención del usuario, que era buscar en el wiki. Es posible que notes la opción "Este wiki" y "Todos los wikis". Nuestras pruebas de búsqueda concluyeron que ofrecer esta opción era una buena experiencia para el usuario, pero todavía estamos recopilando datos y comentarios sobre cuál debería ser su funcionalidad exacta. Por el momento, la opción predeterminada es "Este wiki" para todos.

Navegación Local[]

FM Local Nav.png

En el caso de la navegación local, queríamos que los usuarios tuvieran acceso a lo que los administradores hayan colocado en la navegación principal de una manera discreta, permitiéndoles sacar el máximo provecho del contenido que están leyendo. El cambio aquí es una nueva sección mostrada debajo de la navegación global que presenta el nombre de la comunidad y un punto de entrada para abrir la navegación local. Cuando el usuario comienza a desplazarse hacia abajo en la página, la Navegación Local y la Navegación Global se fusionan en una sola pieza que permite el acceso ininterrumpido a la página principal de la wiki, a la navegación local y a la búsqueda (que invoca la navegación global), incluso cuando el usuario se desplaza hacia abajo en la página.

Tabla de Contenidos[]

FM Table of Contents.png

La tabla de contenidos ("TdC") de un artículo es, como se sabe, una pieza crítica de la interfaz para comunicar al lector la composición del artículo, mostrando cómo está organizado el contenido y la navegación por el mismo. En los dispositivos móviles, la función de navegación de la tabla de contenidos se hace más necesaria, pero su función informativa puede llegar a ser molesta si el usuario tiene que desplazarse para llegar al contenido en sí. Para solucionarlo, hemos estudiado tres opciones diferentes:

  1. Una Tabla de Contenidos como parte del propio artículo, debajo de la infobox y de la introducción.
  2. Una TdC en forma de barra flotante que se desplaza siguiendo al usuario.
  3. Un icono de TdC flotante que se desplaza siguiendo al usuario y permite activar la barra cuando se pulsa.

Los equipos de Crecimiento y Diseño analizaron estas opciones y terminaron seleccionando la opción 3, ya que aumenta la utilidad de la TdC para la navegación y la hace más accesible para los usuarios mientras leen. Los Wiki Managers y los miembros del Equipo de Contenido nos han transmitido muy buenos comentarios acerca de cómo se ha implementado esta opción, tanto en términos de iconografía como de ubicación, ¡por lo que nos encantaría conocer también sus opiniones al respecto!

Asimismo, estamos considerando la idea de cambiar el nombre de "Tabla de Contenidos" a "Contenido de la Página", para estar más a la par de Wikipedia y otros sitios.

Galerías[]

FM Gallery.png

Con las galerías, escuchamos claramente que había dos problemas importantes con la forma en que las galerías de Fandom se adaptan a los dispositivos móviles: la falta de epígrafes para proporcionar el contexto necesario a las imágenes , así como el formato de mosaico que alteraba la prioridad de las imágenes. Nuevamente, analizamos tres alternativas de diseño:

  1. Una lista de imágenes desplazable verticalmente con ancho fijo y altura variable, mostrando los pies de foto debajo de la imagen.
  2. Un mosaico desplazable verticalmente con dos columnas de imágenes con altura variable y ancho fijo, mostrando los pies de foto debajo de cada imagen.
  3. Un mosaico desplazable verticalmente con dos columnas de imágenes con ancho y alto fijos, mostrando los pies de foto debajo de cada imagen.

El equipo de trabajo se decidió por la segunda opción, que es la que se ve arriba, con la curiosa mezcla de imágenes de Dota 2 y pies de foto de Game of Thrones. La opción 2 ofrece la mejor relación entre calidad y cantidad de imágenes, ya que no obliga a recortarlas para ajustarse a una altura fija y además muestra las imágenes una al lado de la otra. Verás que la visualización de los pies de foto era una gran prioridad para nosotros, en base a los comentarios de los usuarios.

Visor de imágenes[]

FM Lightbox.png

En cuanto al visor de imágenes, queríamos asegurarnos de que los usuarios pudieran interactuar con la imagen más grande, leer el pie de foto, navegar por otras imágenes y obtener información útil sobre la licencia (si fuera relevante), una experiencia que no ocurre en absoluto en Gamepedia hoy en día y solo de forma parcial en Fandom. En lugar de enviar al usuario a otra página para obtener los detalles de la licencia, como habíamos considerado en un principio, hemos optado por ofrecer esa experiencia en forma de un cuadro emergente, accesible mediante el botón de información, para reducir el número de cargas de página necesarias para encontrar esta información. En combinación con las mejoras en las galerías, creemos que se trata de una gran mejora, especialmente para las comunidades con muchas fotografías, capturas de pantalla e ilustraciones.

Personalización[]

Expresar la identidad de tu wiki es algo importante para las comunidades, y existe una marcada diferencia entre cómo se hace en Fandom y cómo se hace en Gamepedia. Para los wikis de Gamepedia, las opciones de personalización móvil están más limitadas, comparadas con las de escritorio, pero queremos asegurarnos de que podemos compensar eso con una buena experiencia de usuario. Por ello, los archivos JS y CSS que controlan la apariencia móvil de Gamepedia en FandomMobile estarán bloqueados para los Wiki Managers y superiores, al menos por ahora, y los Gadgets serán eliminados. Por favor, ponte en contacto con ellos si te encuentras con algún problema en la personalización.

La unificación de la experiencia estética entre Fandom y Gamepedia es algo que seguimos discutiendo internamente, por lo que estamos limitando el alcance de la personalización por el momento.

Envía tus comentarios[]

Para dejar tus comentarios en esta experiencia beta, puedes contactar a tu Wiki Manager, enviar un ticket de soporte, o contactarnos en el servidor de Discord. Todas las ideas y críticas constructivas son bienvenidas para ayudar al futuro de las wikis en móvil.

Advertisement