Todo cambia. Algunas cosas siguen siendo clásicas, mientras que otras entran o salen de moda o evolucionan por necesidad. Cuando construimos comunidades, diseñar para beneficiar a los lectores también puede ser un desafío. Nuestra audiencia global aquí en FANDOM está cambiando a experiencias móviles y de "segunda pantalla". Ya sea en un teléfono inteligente o una tableta, los lectores quieren algo más que lo que hay en sus televisores y juegos. No podemos ignorar que la mayoría de las comunidades tienen una base de lectores móviles significativa, a veces hasta el 60% de las páginas vistas totales.
¿Qué puedes hacer para obtener la mejor experiencia para la salud a largo plazo de tu comunidad? Desarrolla un buen conjunto de pautas de diseño que atraerán lectores móviles. Cualquiera que mira objetivamente la experiencia de escritorio sabe que no es muy adecuado para pantallas pequeñas. En esta entrada de blog, examiranemos cómo repensar los tabbers en las comunidades.
Repensando Tabbers[]
Los Tabbers pueden ser una manera efectiva de mostrar y organizar cierta información, cuando se usa correctamente. Un problema es que muchas comunidades los usan de manera inapropiada. Ten en cuenta que muchas comunidades han desarrollado variedades personalizadas y especializadas de tabber que no responden de manera idéntica a la extensión <tabber> de FANDOM, pero el consejo de diseño aquí se aplica a esas variantes.
Mantén solo a una fila de pestañas. Múltiples filas crean elementos salientes del UI, que destruyen la memoria espacial y, por lo tanto, imposibilitan que los usuarios recuerden qué pestañas ya han visitado. Además, las filas múltiples son un síntoma seguro de excesiva complejidad: si necesitas más pestañas de las que caben en una sola fila, debes simplificar tu diseño.— Jakob Nielsen, Ph.D., uno de los mas reconocidos diseñadores UI/UX expertos en el mundo
Es importante mostrarle al usuario cuáles son las opciones. Estas deberían ser cosas que están lógicamente en el "mismo nivel". Entonces, si estás pensando en términos de un reproductor de música, probablemente tenga sentido tener géneros como elementos de tabulación. Si está creando una aplicación de noticias, las categorías o temas deberían ser lo que está buscando. No mezcle y combine de diferentes categorías. Confunde al usuario y no proporciona una lista limpia para elegir.— Mobiscroll, una compania de diseno UI para componentes web
Presentar pestañas como una sola fila sobre su contenido asociado. Las etiquetas de pestañas deben describir sucintamente el contenido dentro del mismo— Guias de diseno de Google
Los tabbers deberían ser simples para ser efectivos, y nunca anidarse uno dentro del otro. Si su comunidad utiliza tabbers para imágenes, particularmente dentro de los infoboxes, debería considerar distribuir esas imágenes apropiadamente en todo el artículo o dentro de un <gallery> subtitulado. En escritorio, tendrá una galería clásica estilizada con imágenes etiquetadas; en el teléfono móvil, tendrá una fila de imágenes desplazable lateralmente, con un ancho de banda que se puede aislar y ampliar con un toque (donde se mostrarán los subtítulos). Utilizando los consejos anteriores, por el bien de los usuarios, asegúrate de que un tabber esté comparando el mismo tipo de elemento en ese nivel.
Los tabbers en el contenido dan como resultado que el contenido de cada pestaña se inserte (sin etiqueta o título) en el artículo. Lo que sea que estés organizando dentro del conjunto tabber también debería tener sentido si se eliminan todos los tabbers. Si el contenido necesita ser organizado, poner las porciones bajo los encabezados de sección / capítulo puede tener más sentido. ¡No hay nada malo con artículos largos! 😀 La mejor pregunta puede ser preguntar si es necesario esconder contenido con tabbers.
La TabView es una extensión que incrusta el contenido de un artículo suplementario dentro de una pestaña interactiva. En escritorio, esto permite cambiar entre secciones de funciones densas; En dispositivos móviles, aparece como una lista de enlaces a las secciones disponibles. Si bien no es una mala práctica (porque todo el contenido es accesible), debe tenerse en cuenta que los motores de búsqueda llevarán a un usuario a la página vinculada, no a la página inicial del artículo, y que debería haber una forma clara de navegar hasta el artículo principal. Por esta razón, se sugiere que todos los artículos que incrustan contenido a través de TabView tienen los artículos vinculados como subpáginas en el artículo principal (ejemplo [[Personaje/Temporada 1]]), que siempre proporcionará una navegación explícita en el encabezado de la página.
¿Quieres recibir las últimas actualizaciones del blog de Fandom en español? ¡Haz clic aquí para seguir este blog!
¡Estamos realizando experimientos! ¡Aprende más sobre qué tipo de eventos y otras cosas hemos hecho o planeamos hacer!
¿Quieres hablar en tiempo real con otros editores y staff?
¡Únete a nuestro servidor oficial de Discord para usuarios registrados!
