E-S

Bienvenidos a la nueva E-S, más visual, innovadora, funcional y participativa

Más de cien mil líneas de código y un año de trabajo, han dado como resultado la nueva versión de la web que ahora tienes ante tus ojos | Descubre y comenta con el equipo la #eurometamorfosis de eurovision-spain.com

Óscar A. M. (Dep. técnico) · Fuente: Redacción | Departamento técnico y grafismos

Publicado el día 02 de enero de 2015

eurovision-spain.com (eurovision-spain)

Pocos días después de que eurovision-spain.com haya celebrado su décimo cuarto aniversario, el equipo que conforma esta web está encantado de poder presentaos la que será nuestra nueva casa por mucho tiempo. Ha sido necesario un trabajo de varios meses para reconstruir la web por completo, escribiendo todas y cada una de las líneas de código desde cero, lo que supone a todos los efectos que la eurovision-spain.com que tienes en tu pantalla sea una nueva web, construida pensando en ti, que nos visitas cada día y que te mereces mucho más que una plantilla prediseñada. Los artífices de este ingente trabajo han sido Óscar Abilleira Muñiz y Manuel Jesús Rivero Fernández, miembros del Departamento técnico y de grafismo de la web.

Además, esta revolución en el diseño de eurovision-spain.com también ha implicado una mejora del CMS (Content management system) propio, lo que permite ofrecer muchos servicios que de otro modo serían imposibles. Acompáñanos en esta visita por la nueva eurovision-spain.com. Esperemos que esté a la altura de lo que te mereces. ¿Comenzamos?

UNA IMAGEN QUE VALE MÁS QUE MIL PALABRAS

Como no podía ser de otro modo en una web dedicada a un espectáculo tan visual como el Festival de Eurovisión, la imagen tiene un papel relevante en la nueva eurovision-spain.com. Pero no nos hemos conformado sólo con eso. Además, las hemos situado como el elemento más importante de todas las páginas de la web. De este modo, la cabecera de cada página contará con una gran imagen diferente, de modo que cada nuevo contenido que visites suponga una experiencia diferenciada del resto. Además, esta imagen cuenta con una leve animación que la va desplazando verticalmente para mostrar todo su contenido.

En las noticias, la imagen de referencia es incluida como gran imagen en la cabecera animada, acompañada de los datos informativos de la misma. Este esquema se repite en muchas secciones de la web.

Ya sea en las noticias, páginas de historia o columnas de opinión, las imágenes y los vídeos se muestran a todo lo ancho del cuerpo del texto, para facilitar su visualización y complementar la información que se incluye en los diferentes textos.

RÁPIDA, LIMPIA, FUNCIONAL Y ELEGANTE

Como puedes comprobar, hemos optado por un diseño limpio y claro, donde se combina el contenido con elementos gráficos sencillos pero altamente funcionales, siguiendo la tendencia actual en el diseño de contenidos web. Por esa razón, te encontrás con grandes iconos e imágenes que te darán acceso a diferentes contenidos de la web. Por ejemplo, pulsando sobre el nombre y logo de la web en la esquina superior izquierda volverás a la portada de la web en cualquier momento.

Pero no nos hemos limitado sólo a un cambio estético sino que también hemos construido la nueva eurovision-spain.com para que su carga sea más rápida y funcione de un modo mucho más ágil, razón por la que en varias secciones de la web ya no será necesario recargar toda la página para cagar nuevos contenidos. Podrás notar esto en los comentarios, al ordenar las listas de participantes, en la galería multimedia, etc.

Durante la fase de diseño y desarrollo, se ha buscado que sea lo más funcional posible cambiando diferentes elementos para hacerlos más sencillos de utilizar e intuitivos. Esperamos vuestros comentarios a este respecto.

La velocidad de carga de la web mejorará a medida que vayas entrando en ella y que los nuevos contenidos e imágenes de la web se vayan almacenando en la caché de tu navegador. En unos días la experiencia de carga será la óptima.

NUEVO MENÚ DESLIZANTE: ENCUENTRA LO QUE BUSCAS RÁPIDAMENTE

Uno de los elementos más llamativos de nuestro nuevo diseño es, sin duda, el menú deslizante, que permite acceder con muy pocos clicks al contenido que se desee. Se ha organizado por colores en función de las diferentes categorías, de modo que sea más sencillo de localizar. Dentro de cada uno, además de las respectivas secciones de la web, encontrarás un panel lateral con acceso directo a ciertos contenidos relevantes de dicha cateogoría para que los tengas a mano en todo momento.

Además, este menú cuenta con una animación y cierto grado de transparencia para darle un aspecto y funcionamiento acorde al resto del diseño de la web.

Recuerda que puedes cambiar entre los diferentes paneles del menú sin cerrarlos previamente y que si deseas cerrarlo tan sólo has de pulsar sobre el mismo icono o el botón de cerrar.

TU PERFIL ES AHORA TU PÁGINA PERSONAL

La página de perfil que ya tenías en nuestro anterior diseño, ahora se ha convertido en tu página personal. Todos los visitantes de la web podrán acceder y crear su propio perfil personal. En él, además de mostrar todas las columnas que ya hayas publicado, puedes compartir tus redes sociales, tu estado y emoticono (sincronizado con la app para smartphones), tus datos personales e incluir una imagen de cabecera.

Para acceder a tu página personal tan sólo tienes que pulsar sobre tu avatar en el menú flotante que aparecerá y tendrás acceso a las funciones más frecuentes de gestión de tu perfil. Estas funciones también estarán disponibles desde la página personal. No te olvides, si así lo deseas, de personalizarla con tu cabecera, avatar, redes sociales y datos personales, para que los demás visitantes puedan conocerte.

Podrás acceder a la página de cualquier usuario de la web, haciendo click sobre su avatar en cualquier página de la web en la que te encuentres. Del mismo modo, verás el perfil de usuario de todo el equipo de eurovision-spain.com, autores de las noticias, pulsando sobre su icono y nombre en cada artículo.

Como hasta ahora, desde tu página personal, puedes seguir creando borradores de columnas y enviarlas como propuesta para su consideración al equipo de administración de la web, pero ahora el proceso es mucho más simple e intuitivo.

Recuerda que esta nueva web permite avatars de mayor tamaño, por lo que recomendamos los volváis a subir para que no se vean pixelados en el caso de que los tengáis subidos con el anterior sistema.

RESPONSIVE DESIGN: ADAPTADA A CUALQUIER TAMAÑO DE PANTALLA

Como sigues eurovision-spain.com en diferentes soportes, hemos diseñados la nueva web bajo la premisa del «responsive desing», es decir, el diseño se adapta al tamaño y resolución de la pantalla en la que se visualiza. De este modo, la web se adapta para una cómoda lectura tanto desde la pequeña pantalla de un smartphone hasta desde un enorme monitor. Puedes hacer la prueba reduciendo el tamaño de la ventana del navegador para ver como se va modificando.

Recuerda que para smartphones recomendamos que utilices nuestra app, disponible para android, ios y windows phone 8, ya que desde ella podrás acceder a servicios adicionales y recibirás notificaciones con cada nueva noticia.

COMENTA, VALORA Y VOTA

Los cambios en la nueva eurovision-spain.com no se reducen sólo a cambios estéticos y de funcionamiento, sino que también incluyen algunas novedades que esperamos sean de tu agrado. Uno de los cambios más importantes es la inclusión de un sistema de valoración de comentarios. Ahora puedes valorar positiva o negativamente los comentarios publicados (una vez por comentario), y ver la lista de comentarios ordenada tanto por orden de publicación como por la valoración de los visitantes de la web.

Además, también puedes dejar tus comentarios en cada una de las ediciones del festival, y no sólo en las fichas de cada participante, donde podrás dejar tus impresiones en general sobre el mismo.

El cómputo de votos positivos y negativos de los comentarios se realiza de forma automática cada hora por lo que hasta que pase ese tiempo, o se autorice algún comentario en dicha noticia, no se verán reflejados en el cómputo total de los mismos.

SINCRONIZADA AL SEGUNDO CON LA APP

Si ya eres usuario de nuestra app para smartphones, habrás comprobado que ciertos servicios estaban ya sincronizados con la web, de modo que los cambios en uno afectaban al otro. En esta reconstrucción de la web se ha incrementado el número de servicios sincronizados, entre ellos todos los relacionados con los datos de perfil y la zona fans de la app.

Recuerda que puedes descargarla en tu smartphone android, ios y windows phone 8 desde los respectivos mercados.

LA MAYOR BASE DE DATOS HISTÓRICA DE LA RED SOBRE EUROVISIÓN

Como ya sabrás, eurovision-spain.com cuenta con la base de datos histórica sobre el Festival de Eurovisión más extensa de la red, potenciada en este nuevo diseño dando un papel relevante a los buscadores históricos avanzados. Con un sólo click puedes conocer cuantas veces un país ha recibido votos de otro, en que cantidad así como los ranking estadísticos de posiciones por país a lo largo de la historia y cientos de datos más.

Cada uno de los vídeos publicados en la sección de historia cuenta con un servicio de alerta en caso de fallo. Agradecemos tu colaboración reportándonos los vídeos que ya no están operativos, ya que procederemos a cambiarlos lo antes posible.

ÚTIL HASTA EN LOS PEQUEÑOS DETALLES

El equipo de eurovision-spain.com ha trabajado en el diseño de la web hasta en el más mínimo detalle, haciéndola funcional, incluso en los pequeños detalles. A continuación, te ofrecemos un listado de los mismos:

– BUSCADOR WEB: En la parte superior derecha, encontrás siempre un buscador desplegable, desde el que encontrarás fácilmente cualquier contenido que necesites: noticias, datos históricos y usuarios registrados en la web…
– LOCALIZADOR: Debajo de la cabecera, encontrás un icono con puntos, que una vez pulsado despliega la ruta en la que te encuentras en la web, con accesos directos a las secciones.
– AMPLIAR IMÁGENES: En las imágenes de cabecera, así como con otras imágenes de la web, se incluye un icono que permite ampliar la imagen para verla completa en una ventana emergente.
– ORDENA LOS LISTADOS DE PARTICIPANTES: Pulsando sobre el nombre de la categoría, en cada tabla de participantes, puedes ordenar los resultados por puntos, posición, país, cantante, canción o puesto de salida.
– ETIQUETAS Y HASHTAG EN LAS NOTICIAS: Debajo del titular encontrás las etiquetas marcadas para la noticia, como hasta ahora, pero además incluiremos los hashtags relacionados con la misma de modo que, pulsando sobre ellos, sean redirigidos directamente a su página en twitter.
– CALENDARIO DE PORTADA: Además de incluir un listado de eventos, pulsando sobre el icono del calendrio puedes acceder a un calendario deslizante en el que podrás ir navegando entre los disintos meses, para visualizar los eventos marcados en cada uno.
– GEOLOCALIZACIÓN DE LAS SEDES: Llega a la web un servicio ya disponible en la app. En cada edición puedes pulsar el icono del mapa y te llevará a la localización en Google maps en la que tuvo lugar la edición del festival en la que te encuentres.
– ACCEDE A LAS PÁGINAS DE LOS VISITANTES: Tan sólo pulsando en cualquier avatar en la web, accederás a la página personal del usuario.
– IMAGEN DE CABECERA DE PORTADA: Se cambia periódicamente para ofrecer diferentes imágenes acordes a los sucesos eurovisivos de la época. En estos momentos estamos mostrando imágenes de Austria, el país anfitrión.

CÓMO HEMOS CAMBIADO

Muchas cosas han sucedido en estos 14 años. Si quieres recordar todos los cambios que ha sufrido eurovision-spain.com y conocer la historia de esta web, puedes visitar nuestra sección de historia.

UN AÑO DE PROCESO CREATIVO EN IMÁGENES:

Te mostramos lo que nunca te enseñamos, algunos de los innumerables bocetos e ideas sobre las que hemos trabajado a lo largo de este año, y que han dado lugar a la nueva eurovision-spain.com. Muchos de ellos fueron superados y algunas ideas cambiadas radicalmente, pero todos y cada uno de ellos han contribuido a configurar el actual diseño de eurovision-spain.com.
[galeria]01-01-15_bocetos_diseno_web[/galeria]

LA TECNOLOGÍA QUE HAY DETRÁS

Para hacer posible eurovision-spain.com, utilizamos la combinación de los siguientes lenguajes de programación y servicios: html5, php, javascript, jquery, ajax y mysql. Por su parte, la app para smartphones emplea html5, jquery mobile, jquery y ajax, compiladas con el servicio build.phonegap.com.
Todos los contenidos de eurovision-spain.com (tanto la web, como la app) se encuentran albergados en un servidor dedicado con un procesador Intel Xeon E3-1240 y 16 GB de RAM DDR3 de uso exclusivo.

Recuerda que puedes dejar tus comentarios y sugerencias o hacernos llegar posibles fallos que detectes bien comentando esta noticia o usando nuestros correos de contacto en la parte inferior de la web.
Si bien es posible que te reconozca ya como logueado, te recomendamos que vuelvas a iniciar sesión con tu usuarioy contraseña.

Varios usuarios nos estáis comunicando que las banderas no se han actualizado todas, se trata de un problema con la caché antigua de la web guardada en vuestro navegador, que conserva aún las imágenes de las banderas usadas en el anterior didseño. Os recomendamos que o bien actualiceis la web varias veces hasta que carguen normalmente o directamente borreis los archivos temporales (cache) de vuestro navegador para forzar la carga de los nuevos.

Conversación