Nuevo diseño Xataka

Hoy lanzamos en Xataka la primera fase de la nueva versión de nuestras publicaciones. Se trata de un proyecto en el que llevamos trabajando cerca de un año y que supone una importante revisión del diseño de la portada, la migración a una nueva versión del CMS y nos va a permitir la introducción gradual de nuevas funcionalidades. Como solemos hacer, primero consolidaremos el nuevo diseño en Xataka y luego lo extenderemos al resto de las publicaciones.

Desde practicamente el principio de Weblogs SL hemos pensado que la fórmula secreta del éxito en medios online tiene como pilares a los contenidos y la tecnología. Llevamos haciendo evolucionar y crecer la calidad, profundidad y variedad de nuestros contenidos de forma constante. El que el tiempo de visita medio de los lectores de Xataka se haya incrementado más de un 40% en el último año pensamos que avala ese trabajo. Ahora nos tocaba dar otro paso adelante en la parte de tecnología y diseño.

Los objetivos de este cambio son varios. Intentaré explicarlos uno a uno.

Diseño
El diseño actual de Xataka viene del diseño de 2009, que, a su vez, fue una evolución del diseño de 2007. Tres años en internet es una eternidad. Necesitábamos actualizar la apariencia gráfica de nuestro diseño. Algunos elementos que introducimos entonces han resultado muy útiles, y se mantienen. Otros no tanto, y los cambiamos. Desde el punto de vista gráfico lo que más destaca es la reducción del tamaño de la cabecera, el traslado de la caja de login a la barra superior y el cambio de tagline que pasa a ser “apasionados por la tecnología”, el mismo que ya llevamos usando en los Premios Xataka durante los dos últimos años. También hemos intentado que sea un diseño más claro y que sea más fácil hacer lecturas diagonales de la información para detectar rápidamente qué me interesa. Por último, el siempre difícil reto de integrar los botones de redes sociales sin que la bisutería social estropee el diseño o ralentice la carga de la página.
El rediseño está centrado en la nueva portada, con sólo cambios menores en el resto de páginas, a excepción de la nueva página del equipo.

Login
El login para los usuarios registrados (o para registrarse los nuevos) lo hemos subido a la barra de navegación entre nuestros sitios. Hemos aprovechado para mejorar la usabilidad de las ventanas de login y para añadir la opción de login con twitter. Esto también supone el abandono definitivo de OpenID. Es una tecnología por la que apostamos en su momento, pero que no ha estado a la altura de las espectativas. Menos de un 1% de los usuarios registrados lo siguen usando. Los usuarios que hayáis accedido a Xataka con OpenID en el último mes recibiréis un mail en el que se os crea automáticamente un login interno. Podéis usarlo o también Facebook o Twitter, lo que prefiráis.

Visibilidad de la información
Con el tiempo, Xataka, y también el resto de nuestras publicaciones, han ido aumentando el número de secciones y tipos de contenidos. Nuestra antigua portada no ayudaba mucho a encontrarlos fácilmente. En el nuevo diseño tenemos dos menús superiores, uno dedicado a las grandes categorías temáticas y otro a las etiquetas de mayor peso y actualidad en el blog. Ambos generados algorítmicamente. Otros elementos como la selección de los mejores posts y la sección de respuestas ganan mayor peso en la columna lateral.

Permanencia en portada de contenidos especiales
Una de las desventajas del orden cronológico inverso de las portadas de blogs es lo difícil que hacen que permanezca en portada un tema de gran importancia en medio de la constante actualización de nuevas noticias. Para poder destacarlas hemos introducido un carrusel de noticias destacadas que permite a nuestro equipo editorial dejar marcadas algunas noticias más relevantes para que permanezcan en portada, sin por ello perder el clásico orden cronológico inverso. Tenemos alguna otra fórmula para conseguir esa mayor relevancia de ciertas noticias que introduciremos un poco más adelante.

Oferta publicitaria
Hemos trabajado con Olga Palombi y su equipo de Social Media SL para ampliar y actualizar nuestra oferta de posiciones publicitarias para los anunciantes del sector. Eso sí, evitando, como siempre, la publicidad de interrupción; la que te impide o dificulta ver los contenidos hasta que no has visto la publicidad.

Inspiración
La conceptualización del nuevo diseño durante estos meses la he dirigido yo personalmente, con una fuerte participación de Antonio Ortiz, nuestro Director de Estrategia Online y contando con la dirección creativa de Inma Bermejo, la responsable de nuestro equipo de diseño. La inspiración ha venido de nuestra experiencia en los últimos años, pero también de la experiencia de muchos otros sitios. En especial nos gusta mucho lo que ha hecho The Verge y hemos visto elementos interesantes en el nuevo diseño de El País (que llevan lanzando gradualmente hace muchos meses), en Smoda, en la BBC y en muchos otros que seguro me dejo en el tintero.

CMS
Con esta versión pasamos a tener como CMS principal ContentFoundry, desarrollado sobre Symfony 2.0 bajo la atenta dirección de nuestro CTO, Klaas Naaijkens. ContentFoundry es una evolución de LightPress 2, nuestro CMS actual. Hace unas semanas lanzamos internamente el interfaz de administración de contenidos de ContentFoundry que es el que usan nuestros editores para trabajar. En esta versión de los sitios todavía hay partes que siguen en el CMS anterior, LightPress 2, pero iremos migrándolas progresivamente al nuevo.

Patrocinio
El lanzamiento del nuevo diseño en Xataka está patrocinado por la operadora móvil virtual Más Móvil, que ha personalizado el sitio durante la semana inicial y que, además, ha lanzado una tarifa especial para celebrarlo, que estará disponible durante un tiempo limitado.

Lo que tenemos en el horno
Tenemos muchas ideas de por dónde hacer evolucionar las publicaciones. De hecho, más ideas que medios para ponerlas en práctica. Sin embargo, hay un buen número de novedades que van ligadas a esta nueva versión y que irán viendo la luz en las próximas semanas. Tienen que ver con mayor visibilidad de contenidos de calidad, personalización, acceso a los mejores posts de otras publicaciones del grupo…

Vuestra opinión
Pero, como siempre, lo más importante es lo que nos contéis los lectores habituales. Probadlo, navegad por él y nos contáis. ¿Os resulta más cómodo el nuevo diseño? ¿Encontráis mejor la información? ¿Qué es lo que más os gusta? ¿Qué es lo que menos? ¿Qué bugs se nos han colado? Esperamos que todo el trabajo que hemos puesto en este nuevo diseño consiga su objetivo: mejorar Xataka y hacerla más cómoda y fácil de usar.

Anuncios Weblogs SL Brasil



  • http://www.elescaner.com El escaner – Blog de economia

    Lo veo muy enfocado a la publicidad y mi impresión es que los contenidos han perdido su sitio.
    Espero equivocarme, veremos que dicen las cifras de lectores en los próximos meses.

    Un saludo

  • a

    Tanto bombo para la publicidad , luego clicas en la promo para contratar y da un error 404 vaya cagada … encima es una tarifa mas cara que la que lleva ofreciendo pepephone hace un año y sin consumo mínimo … vaya la que estais liando …

  • xals

    pues la verdad, es que no me gusta nada.
    creo que se antepone la publicidad a los contenidos.
    es una lastima tener que prescindir de vuestras paginas por este motivo.

  • http://www.merodeando.com Julio Alonso

    Lo que estáis viendo hoy es una acción de patrocinio con personalización del blog. Durará una semana. No es lo habitual. Los contenidos siguen siendo la parte principal. Hemos intentado que sea más fácil acceder a ellos.

  • Richy

    PUBLICIDAD A TOPE!! Si señor que manera de fastidiar un blog fantastico.

  • http://jorgealonso.com Jorge Alonso

    Me gusta el nuevo diseño, aunque hay dos detalles que no acabo de ver:

    - el “slider” de artículos más interesantes… No tengo claro que sea lo más importante en una web con muchos “parroquianos”, aunque es una buena forma de mostrar lo mejor que tiene a los “paracaidistas”. Personalmente lo quitaría, sin más.

    - el nuevo formato facilita la lectura diagonal, aunque quizá se ha acortado mucho la información que se muestra de cada entrada.

    Quizá en unos días cambie de idea, todo puede ser, pero a primera vista es lo que más me ha chocado.

    Sobre la publicidad, esperaré a que termine la campaña de MásMóvil para opinar, aunque es una buena noticia que sigáis sin aceptar publicidad intrusiva.

  • http://fitoschidoblog.wordpress.com Fitoschido

    Comento aquí porque no quiero hacerme otra cuenta para un solo sitio (deberían poner Disqus o algo así).

    Es demasiado feo. Luce genérico. Dejando de lado la publicidad, rosa y verde ¡no van!, en serio.

  • http://www.merodeando.com Julio Alonso

    Jorge, el slider es nuestra solución para destacar contenidos de alta calidad (a juicio de los editores) que tienden a perderse en el flujo de noticias de un día. Sí, es verdad que es más útil para los paracaidistas. Pero no todos lo parroquianos entran a la vez.

    A Gizmodo le pasó cuando dieron la exclusiva del nuevo iPhone 4. Si quieres mantenerlo arriba, porque es la bomba, tienes que no publicar nada más (o hacerlo postdatado o ñapas similares).

  • http://www.merodeando.com Julio Alonso

    Fitoschido, ¿dónde ves rosa? No hay rosa en todo el diseño.

  • Alberto

    Un diseño peor que el que había.
    Habéis pasado de tres párrafos de cuatro líneas y dieciséis palabras cada una; a un párrafo de seis líneas y doce palabras. Mucha menos información al primer golpe de vista que es lo que te engancha.
    Así que si antes te leías la entradilla de la noticia y entrabas en la noticia en caso necesario. Ahora es más fácil perder interés y pasar de largo.
    Ahora el párrafo y poco te deja a medias, te quita las ganas de abrir.
    En cuanto a las imágenes. Las imágenes de las páginas antiguas hacía más atractiva la noticia. Eran más grandes.
    Era mucho más claro e impactante el diseño anterior.
    Una vez abierta la noticia. La zona de publicidad e información de la izquierda es mucho mayor que antes. Cuando lo importante es la noticia.
    Podéis dar la opción de que se visualice con dos estilos de página web?
    Un saludo!

  • acerswap

    Yo uso OpenID y en Genbeta Social Media decian que se me iba a asignar un nuevo login. Aun lo espero. Ahora decis que en Xataka tambien se asigna automaticamente. Tambien lo espero. Algo me dice que tendre que re-registrarme.

  • http://tecnoweb.com/ Rodri

    En su día no pudo ser, pero hoy os doy mi opinión sobre el cambiazo de la página. Pienso que el cambio es para bien, pero creo que hay cosas por pulir (que no rediseñar), aunque eso sí, tomarlo como una sugerencia de parroquiano.

    - El slide de “destacados” con el widget vertical de “lo mejor” es extraño, creo que ofrecen la misma información para las personas que acceden por primera vez a la web, para los que os seguimos varias veces al día, carece de interés y que esté al principio de la publicación… obligatoriamente me hace mirar siempre hacia abajo.

    - Entradas acortadas, me parece perfecto aunque creo que ahora que son más cortas, deberían de incluirse más entradas por página aunque eso sí, estaría bien una breve introducción a la misma (separada del post) a partir de ahora, porque lo que muestra es el contenido de la entrada, y parece como incompleto, incluso si no quieres leerlo.

    Una vez te metes en la entrada:

    - Cambia totalmente todo, en portada la información está a la izquierda y los widgets y demás a la derecha, pero cuando te metes en la entrada para leerla extendida junto con los comentarios, está al revés.

    - Luego si la entrada tiene muchos comentarios, el lateral está completamente vacío. Antes era todo mucho más ancho y no se notaba tanto, quizás sea demasiado vertical.

    Sección de comunidad y respuestas:

    -Creo que han perdido visibilidad, antes en la parte de arriba estaban mucho más accesibles, no para publicar, sino para colaborar en las conversaciones.

    Karma:

    Tiene un problema en la forma en que la gente lo utiliza, no en sí mismo. No se si habéis tocado algo de esto, pero es un problema por el que la gente suele tener muchas quejas. Tener un comentario destacado es difícil, pero para tener uno negativo basta un solo voto, con lo que el comentario carece de visibilidad alguna y como casi siempre pasa, dicho voto es por una opinión no respetada, por no ser afín a las ideas del “votante”, o cosas similares, creo que sabéis de lo que hablo.

    Estas son las cosas que retocaría, pero lo cierto es que gracias al nuevo sistema de login, la gente se animará a tener una cuenta, más lectores, más participación.

    Con los post acortados y con más entradas por página, podemos ver de un plumazo si la información es de nuestro interés o no lo es y el diseño vertical favorece la lectura en pantallas tipo Tablet o Smartphone, cada día más presentes.

    Si a medida que pase el día encuentro otras cosas, os lo hago saber :)

    ¡Un saludo!

  • http://www.merodeando.com Julio Alonso

    Rodri,

    Destacados. La cuestión es que hay muchos lectores, incluso parroquianos, que no entran necesariamente todos los días. Por poner un ejemplo, ahora mismo la entrada que cuenta el rediseño ya no está en portada. Si no estuviera en el carrusel el que no haya entrado aún hoy no entendería nada.

    Texto de posts. Tenemos que balancear eso con el peso de la página. Queríamos que fuera inferior para que cargue mucho más rápido, incluso con el carrusel. Lo de usar un texto diferenciado sí que es una buena idea. Seguramente la vamos a implementar más adelante.

    Página de posts. El que ves no es el diseño definitivo. Es un ajuste para poder lanzar la portada. En la versión definitiva se arreglan esas cosas que comentas.

    Karma. Aquí no hemos tocado nada ahora mismo. Va a tocar modificarlo, lo que tú señalas es parte de ello, pero queremos ser más ambiciosos aún.

  • http://tecnoweb.com/ Rodri

    Julio

    No me he explicado correctamente, el carrusel de destacados me parece fenomenal y queda muy bien, muy visual y eso a la gente le gusta. Si sois vosotros y no un algoritmo lo que define lo que está ahí, entonces perfecto, pues lo utilizaréis para apuntar a noticias muy relevantes como el lanzamiento de algún producto en concreto, especiales, o como bien apuntas, el rediseño de la página.

    Lo que digo es que al lado hay una columna con los mejores post, a mí me da a entender que lo destacado es lo que pone en el carrusel, es como si lo mismo estuviera en dos sitios a la vez (aunque no es así) quizás un cambio de nombre, “lo más leído” o “lo más votado” como había anteriormente y no producir esa confusión.

    Me alegro de que la idea del texto referenciado la toméis para mejorar, así como lo del tema del karma. Lo de la página del post con comentarios, si es provisional, perfecto :)

  • http://www.merodeando.com Julio Alonso

    Rodri,

    Los destacados son una selección editorial. La sección “lomejor” es algorítmica. Ahora mismo considera votos, comentarios y visitas. Salen cosas distintas y deberían dar una idea distinta. Una es la selección de los editores, la otra, en cierto modo, es la selección de los lectores.

  • http://diegojimenez.me Diego Jiménez

    En general debo decir que me ha gustado bastante, a ver si os animáis y actualizáis también el diseño de esta web, que también tiene su tiempo ya :)

    Como observaciones rápidas a). Revisaría los logos del footer. Al ser muy similares a penas se diferencian entre sí y es difícil distinguirlos. y b). La parte de “no te pierdas” bajo en menú del header a veces no carga tags http://cl.ly/3A161C2M0L0o181z3N3E (home).

    Aunque hay detalles del estio que personalmente mejoraría, es algo que ya va por gustos. Enhorabuena por el rediseño y espero que no paréis de lanzar novedades interesantes!

  • http://www.merodeando.com Julio Alonso

    Diego, gracias por apuntar lo de los tags, lo miramos.

    En lo de esta web tienes toda la razón. A ver si sacamos un poco de tiempo de otras cosas…

  • Pingback: Xataka estrena diseño, pronto lo veremos también en Genbeta Dev

  • kemador

    Gracias por el nuevo diseño porque implica que os preocupáis por los lectores y pensáis en nosotros.
    Pero la verdad es que no me gusta.
    En primer lugar diría que las fotos son más pequeñas, lo que hace menos atractivo cada portada de post.
    En segundo lugar, y es una crítica para este y cualquier otro blog, no entiendo la maquetación de la página con una franja estrecha central y dos enormes espacios vacíos a cada lado.
    Personalmente, tanto en mi casa, con monitor 16:9, como con el móvil en forma apaisada para ganar espacio de visualización, veo todos los blogs igual, en un formato más ancho que alto. Mucho, mucho, más ancho. De modo que no entiendo porqué no se aprovecha todo ese espacio que queda a lado y lado de la franja de publicación central para meter más información, o más detallada, o lo que sea.
    Como digo, esto es un denominador común a los blogs de weblog y a otros muchos. Pero ya que tengo la ocasión os lo cuento a vosotros.

    Gracias por el trabajo que hacéis y aunque no me encante el nuevo diseño, seguiré siendo asiduo.

  • Pingback: Nuevo diseño de Xataka 2012

  • avewalter

    Soy seguidor de xataka desde hace ya un tiempo y hasta ahora no había encontrado un blog que me gustara tanto por contenido como por diseño (algo que suelo valorar mucho a la hora de decidir si leo un blog o no) y solo puedo decir que este diseño dista mucho de ser una mejora, ya que ahora lo encuentro todo más confuso, más desordenado, con una publicidad impresionante que lo único que hace es que no me concentre en lo que realmente quiero leer, y pues en mi opinión esto es un retroceso, puesto que creo que cuanto más sencillo y minimalista es el diseño (que no simple o simplón eh) más atractivo tiene para nosotros los lectores, entre otra crítica constructiva que puedo hacer he notado que este nuevo diseño se parece un poco a los blogs de la competencia sea eng…; appleweb.. entre otros. Creo que en xataka siempre se habían diferenciado y espero ahora lo hagan para mejor y no para peor como según puedo notar, espero mi opinión pueda ser tomada en cuenta, saludos.

  • Emilio

    Soy un fan de vuestros blogs, cada mañana desayuno con mi iPad y me hago un repaso de toda la actualidad desde xacata, hasta appleesfera, pasando por genbeta, genbetasocialmedia y de vez en cuando hago una parada en motorpasion….por el que dirán!

    El nuevo diseño, con todo el cariño, es horrible y “ZERO” usable, le habéis quitado toda la importancia al contenido, hay que rebuscar entre la publicidad para encontrar las noticias, al igual que a las fotografías le habéis quitado todo el protagonismo, el carrusel de destacado os lo podéis ahorrar y encima habéis reducido el texto de la noticia a una longitud mínima que se corta automáticamente donde toque, ya no te queda ese gusanillo de seguir leyendo con las frases míticas como: “podéis ver el video a continuación”, simplemente se corta con unos puntos suspensivos mal puestos: “y es el…”, “con el programa de…”

    En fin, a nivel de diseño me puede gustar mas o menos, pero eso ya es una opinion personal de cada uno, pero por dios, hacerla USABLE!!

    Un saludo y gracias por dejarnos opinar!

    Pos. En iPad la cabecera está descuadrada.

  • Favio

    gracias ah, ahora no se lee nada -.-u

  • http://www.cool-iphonewallpapers.com Cool IPhone Wallpapers

    Curioso el diseño.
    A mi me parece normal que intenten ganarse la vida y la verdad es que el fondo me parece un lugar genial para poner la publicidad.
    Tal vez el amarillo este sea un poco fuerte, pero no creo que sea la tónica general.

    He visto esta técnica en muchas páginas (sobre todo americanas) y la veo muy bien.

    Pensad que esta gente tiene que ganarse la vida y que cuanto más dinero les genere mejor será el servicio que puedan darnos.
    Es un equipo muy grande y creo que se lo merecen.

    El nuevo estilo no me desagrada. Todos somos reticentes al cambio de primeras pero creo que todo está muy pensado, no solamente de cara al exterior sino también técnicamente hablando de puertas para adentro.

    Habrá que pulir ciertos aspectos en la versión de beta de xataka pero yo lo apollo totalmente.
    ¡¡Mi enhorabuena por el trabajo!!

  • Pingback: Nuestros compañeros de Xataka estrenan diseño, muy pronto lo tendremos también en Xataka On

  • http://www.comprarsamsunggalaxys2.es Alex

    La verdad es que no está mal en general, pero ha perdido la esencia de posts anchos con imagen superior arriba en grande que tenía (y tiene) los blogs de vuestra red.

    Ese era un punto muy a favor de distinción del blog, me gustaba entrar y ver los últimos posts cada uno con su imagen centrada y grande antes del texto, la mayoría de blogs no utilizaban esto. Ahora se ha vuelto mucho mas normalito, con el típico thumb y poco texto a la derecha.

    Otra cosa que no me ha gustado nada es el efecto que habéis intentado dar para “forzar” que los lectores veamos la publicidad. Me refiero al cambio de localización de la barra de derecha en el home, a la izquierda entrando en un post, con el mero y simple hecho de que la vista espere el contenido en el mismo lugar que se ve antes de entrar en el post, para que se encuentre un banner de publicidad y tenga que mirar hacia la derecha para ver el contenido, psicológicamente este cambio no es para nada agradable.

    Un saludo

  • Germán

    Hay una manera perfecta de comprender que no está muy pulido el diseño. Recorrer la barra superior de derecha a izquierda por los distintos blog de la casa, navegar por ellos y llegar a xataca. Se denota una clara pérdida de importancia del contenido, las entradillas de los artículos quedan cortadas por donde cuadre, y es menos rapidito. En mi Firefox se nota bastante que va menos suelto.