AO3 News

Post Header

Published:
2016-01-09 23:57:05 UTC
Original:
Upcoming layout improvements for different screen sizes
Tags:

Cuando rediseñamos el Archive of Our Own – AO3 (Un Archivo Propio) en 2011, la mayoría de lxs usuarixs entraban al sitio desde computadoras de escritorio, así que diseñamos la interfaz y el sistema de skins pensando en pantallas grandes. Sin embargo, muchas cosas han cambiado en los últimos cuatro años. Ahora, la mayoría de nuestro tráfico llega desde equipos con pantallas pequeñas como tabletas o teléfonos, así que haremos algunos cambios a nuestra interfaz y al sistema de skins para adaptarnos a esta nueva realidad.

Actualmente, el AO3 determina, de acuerdo con la cantidad de pixeles de ancho de tu ventana de navegación, qué interfaz ves. Si navegas en una pantalla de 640 pixeles o menos, verás una versión de la interfaz con una sola columna. De lo contrario, verás la versión predeterminada del sitio. Sin embargo, nuestra interfaz predeterminada fue diseñada para pantallas grandes, así que si el ancho de tu navegador es de 640 a 1024 pixeles, las páginas en el panel de control con filtros pueden no desplegarse tan bien como deberían:

La página de obras de unx usuarix con el panel de control, obras y filtros acomodados en tres columnas. Los filtros se cortan parcialmente debido al tamaño de la pantalla.

Pronto añadiremos nuevos lineamientos para ayudar a quienes hayan estado viendo una versión ligeramente apretada del AO3. La interfaz será un punto intermedio entre las versiones para móviles y la predeterminada; el panel de control aparecerá en la parte superior del contenido principal, justo debajo de los botones principales de navegación, pero los filtros seguirán encontrándose en el lado derecho de la página.

La página de obras de unx usuarix con el panel de control en la parte superior, y el contenido principal y los filtros acomodados en dos columnas.

También dejaremos de utilizar el ancho en pixeles para definir estos lineamientos y cambiaremos a una unidad relativa conocida como ems. Las unidades em están basadas en el tamaño de la fuente, y el ocuparla para definir nuestros lineamientos significará que la interfaz del AO3 funcionará mejor para cualquiera que haya cambiado el tamaño de la fuente en su navegador. Por ejemplo, si se establece la fuente en tamaño Muy Grande en Google Chrome, el texto en los filtros se corta y los resúmenes de las obras se convierten demasiado angostos y largos, incluso si estás en el AO3 en una pantalla de 1024 pixeles de ancho:

La página de obras de unx usuarix con la fuente en tamaño Muy Grande, con el panel de control, el contenido principal y los filtros acomodados en tres columnas. Los filtros están casi completamente ocultos.

Una vez que cambiemos los lineamientos, el panel de control aparecerá en la parte superior de la pantalla, lo cual dará más espacio a los filtros y los resúmenes, y facilitará la navegación de la página:

La página de obras de unx usuarix con la fuente en tamaño Muy Grande. El panel de control se encuentra actualmente en la parte superior y el contenido principal y los filtros en dos columnas.

Los nuevos lineamientos de 42em y 62em estarán disponibles para su uso en skins, y todas las skins que utilicen el lineamiento actual de 640px se convertirán automáticamente a la nueva configuración de 42em.

Estos lineamientos no corresponden a las dimensiones de un dispositivo en particular —hay demasiados dispositivos, por lo cual no sería un acercamiento muy práctico— en cambio, están basados en el punto en el que la interfaz del AO3 comienza a tener problemas. Comprendemos que no es lo más idóneo para personas que hacen skins y han elegido cambiar la interfaz por completo, pero debería de ser un cambio positivo para la mayoría de lxs usuarixs de skins, y estamos examinando cómo añadir lineamientos personalizables en el futuro para permitirte enfocarte en cualquier dispositivo que utilices para navegar el AO3.

Como siempre, si tienes preguntas o algún problema, por favor contacta a nuestrxs voluntarixs de Soporte Técnico ¡ellxs te ayudaran con mucho gusto!

Esta publicación fue traducida por el equipo de traducción de la OTW. Si deseas saber más acerca de nuestro trabajo, visita la página de Traducción en transformativeworks.org.