Rediseñando EOL Colecciones (6)

A parte de mejorar el aspecto global, con este rediseño una de mis metas era mejorar la claridad a la hora de presentar los datos, a la vez que ampliar el espacio (eliminado la barra lateral derecha) para poder añadir mas columnas en un futuro cercano.

Todavía puede que haga algunos retoques a la presentación de los listados, pero seguramente sea una vez abierta la nueva versión al público y ya basandome en vuestros comentarios 😀

Rediseñando EOL Colecciones (5)

Otra cosa que acompañará el rediseño del aspecto global de la web será una colección de iconos nueva para las diferentes categorías. Están todos realizados a partir de fotografías a buena calidad (siempre que sea posible) y su tamaño es ahora de 70×70 en vez de los 32×32 del diseño antiguo.

Por supuesto esto implica un aumento de peso de los diferentes iconos, pero para aquellos con una conexión lenta que deseen prescindir de los mismos, tendrán una version “light” sin iconos próximamente. Los usuarios de dispositivos móviles tampoco deben preocuparse, ya que mas adelante habrá disponible una edición especial para los mismos, con versiones independientes para psp, pda, iPhone y teléfono móvil.

Espero que os gusten los nuevos iconos, he tardado unas cuantas horas en hacerlos 😉

Rediseñando EOL Colecciones (4)

Otro apartado rediseñado pensando en el futuro, es el panel de opciones:

El nuevo diseño basado en pestañas permite ampliar la información de las diferentes opciones y mostrarlo todo mas claro y conciso. A partir de ahora me va a resultar mucho mas fácil y rápido añadir nuevas opciones de configuración.

Rediseñando EOL Colecciones (3)

El gestor de colecciones es, sin lugar a dudas, el apartado mas importante de EOL Colecciones. Si el apartado que usamos para consultar y mantener nuestra propia colección no es fácil y cómodo de usar, mal vamos 😉

Como ya comenté, este rediseño a parte de cambiar totalmente el aspecto visual, incorporará también mejoras en usabilidad y nuevas funciones.

En esta sección concreta, uno de los cambios importantes es el método de añadir y editar artículos. Ahora se realiza mediante un “inline popup” que aparece encima del apartado que tengamos cargado. Esto, por un lado me permite flexibilidad a la hora de añadir nuevos campos, dado que no estoy limitado por el pequeño espacio lateral del diseño anterior y, por ejemplo, a la hora de editar, evitamos tener que recargar toda la pagina para rellenar los campos 😉

El punto negativo es que requiere javascript habilitado para funcionar, pero no temáis. Tanto esta función como otras que ya existían las he modificado y preparado para que en caso de tener javascript deshabilitado funcionen sin problemas 🙂

Seguid atentos para conocer mas novedades :p

Rediseñando EOL Colecciones (2)

Siguiendo con el tema del rediseño, otro de los apartados que tengo ya terminado es el listado de miembros.

Como una imagen vale mas que mil palabras:

En esta sección, la mejora mas importante y que algunos de vosotros pedisteis, es la posibilidad ahora de ordenar el listado de miembros por cualquiera de las columnas visibles 😉

Solo recordaros que tengo un hilo en ElOtroLado.net para que dejéis vuestros comentarios y sugerencias.

Rediseñando EOL Colecciones

Una de esas espinas que tengo clavadas es la tarea de realizar un rediseño completo de EOL Colecciones, migrando al uso de CSS así como cambiar el aspecto de la web a unos tonos menos oscuros mas amigables para los ojos.

Dado que en todo este tiempo no he encontrado a nadie dispuesto a ayudarme con esta tarea, he decidido ponerme manos a la obra.

Como mis habilidades como diseñador son limitadas, he decidido, que dado que EOL Colecciones es una parte de ElOtroLado, el nuevo diseño va a estar basado en el de los foros, minimizando así el impacto al pasar de una sección a otra y facilitándome a mi la faena, ya que puedo aprovechar gran parte del css/plantillas creadas en el foro.

Ya tengo diversos apartados adaptados y a mi personalmente me está gustando el resultado. A continuación os dejo un pantallazo del aspecto actual de la sección de búsqueda, la cual ya esta terminada y mejorada, permitiendo ahora buscar por tipo de articulo 🙂

Queda por supuesto terminar de pulir y personalizar la cabecera/pié de pagina, pero todo a su debido momento 😉

Espero que os guste la idea y el resultado final, y a quien no, pues si no se anima a hacer un diseño alternativo tendrá que aguantarse… aunque como consuelo, al estar basado en CSS, ahora podréis crear estilos personalizados para cambiar fácilmente el aspecto de toda la web 😀

PD: Con el lanzamiento de la próxima versión, ademas del nuevo diseño incluiré diversas de las nuevas funciones que se han ido solicitando en el foro 😉