Nueva versión y nuevo aspecto

 

 

A primera vista, cualquiera que visita ahora deaparatos y ya lo conociera de antes, apreciara un cambio sensible en el aspecto del sitio, el cual ha sufrido un rediseño importante y otros se preguntarian porque el sitio estaba ayer cerrado.

 

Como ya comenté en su día, tenia pendiente la migración del CMS que emplea este sitio a la nueva versión, en concreto la 5.x de Drupal. Debido a la falta de tiempo y las muchas pruebas realizadas en local antes de dar paso a la migración final, he tardado bastante tiempo en llevarlo a cabo. Pero lo que más me ha demorado ha sido el cambio del diseño de la página.

El diseño anteriormente estaba basado en tablas y mi intención era prescindir de estas y pasar a estar basado únicamente en CSS, con las ventajas que ello conlleva. Pero como nunca me había convencido del todo el diseño anterior, aprovechando que tenia que haces este cambio, aproveche para hacer un rediseño completo del sitio. Le he dado muchas vueltas hasta encontrar algo que me satisficiera, empecé partiendo de un tema para Drupal bastante reciente, pero al final lo he cambiado de tal forma que solo conservo una ínfima parte del diseño original. Lo que tenia en mente era conseguir un objetivo por encima de todo, que el contenido fuera el protagonista absoluto del sitio y sin que ello significara renunciar a ningún contenido.

 

Este nuevo diseño se basa totalmente en CSS y tiene una sola columna, por las 3 del anterior. No es un diseño muy habitual y puede que a muchos les choque al principio, pero estoy convencido de sus ventajas.

 

Características y cambios del nuevo diseño:

• Basado en XHTML y CSS. Es un gran paso hacia el objetivo de cumplir con los estándares web. No he comprobado aún si cumple con los estándares al 100%, pero ese es el siguiente objetivo.
• Una sola columna. Ahora es mucho más cómodo leer los artículos, con una gran columna central sin elementos laterales que distraigan de la lectura.
• Ancho máximo de la columna fijo. El diseño sigue siendo flexible, para que a resoluciones de 800x600 (7% de las visitas) o con la ventana del navegador no maximizada se pueda seguir utilizando el sitio de la forma más cómodo posible. Sin embargo el ancho máximo esta optimizado para una resolución de 1024x768 y es fijo a partir de esa resolución. La idea es que no sea necesario mover la cabeza de lado a lado para poder leer el texto.
• La publicidad sigue estando presente, pero ahora está en áreas bien claras y definidas para que no estorben en la lectura del contenido. Reconozco que en el diseño anterior, a medida que se leía el texto, el tener en un lateral un cuadro de publicidad animada resultaba bastante incomodo.
• Los menús han pasado a estar integrados en la parte superior, en la cabecera. En primer termino tenemos un menú de navegación por las diferentes áreas del sitio e inmediatamente debajo tenemos el menú de acciones globales que pueden emplear los usuarios. Existe un tercer menú (que es idéntico al de navegación) que esta en el pie de la página y que permanece oculto a menos que pasemos con el ratón por encima de él. La razón de esto es que al mismo tiempo que no se estropea visualmente el diseño del pie de pagina, podemos hacer uso de el siempre que lo necesitemos sin necesidad de regresar a la parte superior de la página.
• El bloque de inicio de sesión ha pasado a ser un elemento más del menú de acciones que nos llevará a la página de inicio de sesión.
• El bloque de búsqueda esta ahora integrado en la cabecera y carece de botón alguno. Para utilizarlo simplemente se ha de introducir el texto y a continuación pulsar la tecla Enter.
• El icono de sindicación a la fuente RSS tiene ahora dos ubicaciones, una en la cabecera donde es perfectamente visible nada más acceder a la página y otra en la zona del pie de página. Este segundo icono nos proporciona el enlace a la fuente RSS general del sitio, pero además nos permite, pulsando en el enlace más, ver el mapa del sitio y ver las demás fuentes RSS disponibles.
• La nube de etiquetas sigue estando al principio de la página, pero ahora además tenemos un enlace que nos lleva a una nube más grande donde se encuentran todas las etiquetas empleadas en el sitio. La nube de etiquetas de los foros ha desaparecido, ya que es fácil ver esa información de forma visual accediendo a los foros.
• Las columnas con los temas activos y los comentarios recientes se sitúan ahora a pie de página, donde tienen el protagonismo y nos permiten conocer de un golpe de viste la actividad reciente del sitio.
• Ahora en cada articulo, en su parte inferior, tenemos un bloque donde se integran las acciones e información en una linea y de las etiquetas en otra. Además se presentan también las etiquetas de Technorati.
• He mejorado ligeramente la estética de los comentarios y visualmente ahora están claramente separados del articulo. Me parecía relevante destacarlos, dada la gran importancia que tienen para deaparatos las contribuciones de sus lectores y usuarios. Siguen estando anidados para que se pueda seguir una conversación fácilmente de forma visual y que las variantes off-topic no acaben distorsionando la misma.
• Los usuarios anónimos pueden seguir haciendo comentarios sin necesidad de registrarse, solo que ahora además disponen también del editor de texto con formato WYSIWYG para que les sea más cómodo la redacción del texto. Además filtra las etiquetas HTML por lo que también se lo ponemos un poco más difícil al spam.
• El bloque de contenido relacionado sigue estando al final de cada articulo, debajo de los comentarios y nos permite ver que otro contenido del sitio nos puede interesar con relación al mismo.
• Ahora el breadcrumb (o rastro) es más visible (en blanco sobre fondo azul) y nos permite identificar más fácilmente en que parte del sitio nos hallamos.
• Ahora la longitud de la portada es más pequeña, ahora en vez de 5 solo aparecen 3 noticias en portada.
• He intentado también unificar la gama cromática, para que la unidad entre unos elementos y otros sea más homogénea.
• y una buena cantidad de pequeños detalles más...

Seguramente se me ha escapado algún detallito y en los próximos días tendré que pulir alguna cosa, pero en general no debería haber demasiados fallos.

Es evidente que nunca llueve a gusto de todos y que habrá a quien no le guste demasiado el cambio e incluso quien lo deteste, pero espero que a la mayoría le agrade y sepa ver las ventajas que yo le he visto.

 

Tengo pendiente la posibilidad de hacer un tema especifico para la navegación en dispositivos moviles y redactar la ayuda.