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
sin_ano_30122014_033432_logo_eurovisionspain
eurovision-spain.com (eurovision-spain)

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

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

8
TOP
02/01/2015

Enhorabuena por la nueva versión. Como ocurre con el propio festival, la página de eurovisión-spain debe adaptarse a los nuevos tiempos. Sin duda un gran acierto.

12
TOP
02/01/2015

xaviag: ya hemos añadido la opción de recuperar los datos introduciendo el e-mail en el formulario de acceso.

12
TOP
02/01/2015

xaviag: los campos contraseña tanto del acceso como del registro se cambian a mostrar su contenido oculto cuando se introducen caracteres. En el caso del perfil efectivamente había un fallo que ha sido solucionado. Sobre la propuesta de un acceso más directo para recuperar los datos olvidados ahora mismo estamos en ello. Gracias por las sugerencias.

10
TOP
02/01/2015

¡Enhorabuena a todos los que trabajais en esta magnífica web y conseguís que nos enteremos de todo y más sobre lo que pasa en el ESC!La nueva web es superchachiguay, límpia, agradable, participativa, visualmente atrayente,... Bueno, me quedo corto en piropos.Seguir así, soys geniales. ¡Y feliz año nuevo, a ver si puede ser el nuestro!

0
TOP
02/01/2015

Muchísimo mejor, un 10, enhorabuena por el cambio.

3
TOP
02/01/2015

que pasada!! mola. Menuda mejoría bien positiva.

5
TOP
02/01/2015

Flipo! Me encanta!

1
TOP
02/01/2015

Muy buen lavado de cara, está genial.A ver si es premonitorio de un cambio de corriente eurovisiva. Aunque lo dudo.

0
TOP
02/01/2015

Mucho más dinámico aunque soy de los que le gusta la visualización más general... En una misma página ... Estoy con mi smarthphone y es la sensación que me ha dado. Un saludos a todos

10
TOP
02/01/2015

wow! Está muy chuli, Nuevo año, nuevos tiempos, nuevo cambio de web... Enhorabuena chavales!!

11
TOP
13/01/2015

Un trabajo excelente! es la web más moderna, útil, eficaz... que he visto en mi vida! un diseño increíble, lo de la imagen de cabecera en movimiento le da un toque alucinante. Por otros 14.000 años más!!! Felicidades!!!

0
TOP
02/01/2015

Buen trabajo! Well done!

2
TOP
05/01/2015

Muchísimas felicidades a todo el equipo. Gracias por superaros, aunque ya érais de 10. Por muchos años más!!

2
TOP
02/01/2015

Increible la web!! Enhorabuena chicos está preciosa :) Feliz año!

14
TOP
03/01/2015

Me sumo a los comentarios de enhorabuena, puesto que la página ha mejorado muchísimo y deja bien atrás el aspecto arcaico que presentaba antes. Propongo, tal vez algo tarde, posibles mejoras para debatir y tener en cuenta: Que los comentarios puedan contener más de 500 caracteres, puesto que son muy escasos. Que se puedan enviar mensajes privados entre usuarios. Y eliminaría los pulgares rojos, como en YouTube, para no saturar, y mantendría los verdes para premiar lo positivo.

0
TOP
03/01/2015

¡¡¡ Muy buena la nueva web !!!

7
TOP
04/01/2015

Esto ya es otra cosa. Estaba harto del arcaico sistema de comentarios que teníais. Toda una sorpresa, porque no sabía que esta actualización se estaba llevando a cabo.

14
TOP
05/01/2015

Felicidades, está muy trabajada el nuevo formato, pero una cosa, si el texto de las noticias pudiera estar justificado creo que quedaría mucho mejor visualmente. Pero es mi opinión. Muy buen trabajo, FELIZ AÑO.

9
TOP
05/01/2015

¡Mil veces bravo!. Os felicito.

9
TOP
02/01/2015

Genial, más fácil y agradable de ver.

Ver más comentarios