Rediseño del periódico la Jornada
Por vuarnet | 1 de February, 2005.
Ayer en la noche iba a liberar este post, pero por falta de tiempo no pude hacerlo. Hoy he llegado tarde al trabajo y al querer publicarlo no tenía acceso a mi servidor. Al entrar al periódico la Jornada veo que han rediseñado justo antes de haber yo liberado mi propuesta y análisis correspondiente.
Las comparaciones son odiosas, pero creo que en este caso es útil. Revisen el rediseño de ellos y el mío y dejen sus opiniones en los comentarios.
Aquí mi nota, tal como fue redactada el día de ayer:
En diciembre pasado, La Jornada lanzo una encuesta para mejorar sus servicios. Entre otras cosas prometían un rediseño, sindicación de contenidos, actualizaciones diarias y un largo etcétera. Este periódico es de los primeros que tuvieron edición online y junto con El Universal, debe ser uno de los más visitados por ser de acceso gratuito.
La imagen de La Jornada en internet desde siempre, ha dejado mucho que desear. En su sitio web no hacen más que vaciar automáticamente gran parte de los contenidos de su edición impresa a un layout muy básico. En fin, con ayuda de Otl nos hemos dado a la tarea de proponer un rediseño. Aquí el proceso.
Primero se identificaron 7 grandes áreas, como se ilustra en la siguiente imagen:
Clic para ampliar
Una cabecera, el pie, dos columnas principales, un espacio central para la nota principal, y dos columnas secundarias.
En el encabezado se incluye el logotipo, la fecha y un menú para algunas secciones que deseen resaltarse. Así como el campo de búsqueda. A la derecha puede ubicarse publicidad que se integre al diseño sin mayores problemas.
La columna principal de la izquierda servirá para ubicar las secciones del diario tal como aparecen actualmente, además de las columnas de opinión.
En la columna de la derecha se ubicara una imagen de la portada y contraportada del diario para poder descargarlas en formato PDF, la sección Rayuela y espacio para banners publicitarios.
El área marcada en rosa esta reservada para la nota principal, la cual en ocasiones presenta una fotografía, el pie de esa misma foto, el título y resumen de la nota. La implementación en CSS no debería suponer algún problema cuando esta nota venga acompañada de una imagen.
Justo debajo de la nota principal podemos observar 2 columnas marcadas en azul. A la izquierda colocaremos las demás noticias de portada, mientras la columna de la derecha se reserva para las notas de la contraportada. De este modo el contenido queda jerarquizado y no se le da más ni menos importancia a las diferentes noticias.
El pie, sobra decir para que sirve, se usara para las políticas del diario y la leyenda de copyright.
En tipografías no nos hemos complicado, se usa la fuente Georgia, Arial y Verdana. Fuentes más o menos universales, legibles y adecuadas para un diario. Los textos que tienen enlace se dejan subrayados, ya que en la versión actual es difícil saber donde puede hacerse clic.
En cuanto a colores, se han usado el azul y el rojo, es decir los mismos que usan actualmente pero en diferentes gamas. Se prescinde del bullet usado por ellos, que no es más que el sol de su logo en miniatura. Al estar tan pequeño se emplasta y pierde legibilidad, así que hemos optado por usar un balazo cuadrado sin mayores complicaciones.
Como se puede apreciar, este ejercicio no es más que una redistribución, tratando de optimizar el espacio y que el usuario pueda identificar de manera más clara los contenidos. El resultado final pueden verlo a continuación haciendo clic para ampliar la imagen.
Clic para ampliar
Con algunas pruebas de usabilidad y heurísticos podríamos sacar más en claro que aspectos y secciones del diario deberíamos resaltar y donde ubicarlos, todo ello combinándolo con algunos de los resultados del Eyetrack III.
La implementación en HTML y CSS no se ha realizado por falta de tiempo como es natural, pero no tiene muchas complicaciones. Si alguien desea realizarla, actualizamos el post sin problemas. Si alguna persona del departamento de diseño e informática llega a leer esta nota, les comento que la propuesta puede usarse siempre y cuando den el crédito correspondiente.
Actualización
______________________________
Agrego una panorámica del diseño anterior, para quienes no estaban familiarizados con el sitio:
Clic para ampliar
+'&title='+encodeURIComponent(document.title)+'&overview='+encodeURIComponent(document.title)+'&urllanguage=es&urlaffiliate=32003&encoding=UTF-8&urlpicture=http://www.viadeo.com/images/shareit/viadeoflower.gif')
Comparte este artículo en Viadeo
February 1st, 2005 at 1:46 pm
No habia visto tu diseño, la verdad si supera en calidad al actual rediseño de la Jornada. Esperemos que a su grupo editorial le llegue esta noticia.
February 1st, 2005 at 3:05 pm
En definitiva me gustó mucho más tu propuesta, tiene espacios limpios, todo se puede ver con una mayor claridad y es mucho más agradable a la vista. La nueva versión de la Jornada me sigue pareciendo demasiado saturada y, con toda honestidad, me da flojera leerla.
February 1st, 2005 at 4:48 pm
PAra mi no hay punto de comparación…el tuyo simplemente es mejor.
February 1st, 2005 at 4:56 pm
Pues como no sé si tienen tiempo de navegar por internet yo ya les mandé un email ;)
February 1st, 2005 at 5:06 pm
Me parece un excelente ejercicio, y en definitiva me parece mucho mejor acabado que el diseño final realizado por la Jornada (en realidad diseñadores de DEGESCA en la UNAM)
Creo en realidad que lo que más le convendría a la jornada es volver a rediseñar su formato, pero pensando directamente en el periódico, ya que su página web es reflejo fiel de su diseño editorial.
Un buen replanteamiento de contenidos y secciones, así como la definición sobre la impresión a color o en b/n, (la cual por su calidad hace ver al periódico como descuidado) estoy seguro que impactaría tal cual lo hizo en sus inicios con el excelente diseño de Vicente Rojo.
Pero en definitiva es un muy buen acercamiento, de hecho se parece un poco al de la vanguardia española.(www.lavanguardia.es)
Saludos.
February 1st, 2005 at 5:41 pm
Antes de ver el nuevo diseño de la jornada, vi el tuyo y me gusto un buen, es muy limpio, hay una buena estructura de la información y sabes una cosa hay diseñadores que aun no entienden que el diseño web no es lo mismo que hacer editorial pero tu lo tienes más que claro.
Tu propuesta es mucho más agradable en serio.
Saludos
February 1st, 2005 at 6:00 pm
Me quedo con tu propuesta de diseño, ya que hiciste una distribucion mas inteligente de los titulares y secciones. Lo compare con el diseño actual de La Jornada y lo senti muy cargado y poco agradable a la vista con respecto al tuyo; espero que te tomen en cuenta, saludos.
February 1st, 2005 at 6:24 pm
Y ademas el nuevo diseño de la jornada aun sigue utilizando tablas :S
February 1st, 2005 at 7:23 pm
Yo que tu les pedia algo mas que el reconocimiento, mira que estar haciendo el trabajo de otros.
February 1st, 2005 at 7:34 pm
a veces queda demostrado que las cosas pueden hacerse muchísimo mejor. no sólo el layout general, incluso detalles como la rasterización del logo y la leyenda de “directora general”… si hay algo que se llama legibilidad, me parece que estos muchachos se lo han salteado…
February 1st, 2005 at 10:34 pm
TODO LO QUE HAY QUE DECIR SEGUN EL PUBLICO YA LO DIJO PEPO.
En otros asuntos, porque no tienes favicon para firefox eh?realmente se ve bien tener uno de esos.Yo no lo tengo porque en blogger es un desmadre
February 1st, 2005 at 10:45 pm
Pepo:
Yo trabajo en DGSCA, y te puedo asegurar que ese diseño no se hizo en la UNAM. Hace años que la UNAM No mete lasmanos en la Jornada, salvo por el dominio. Todo es obra de ellos. aún el logo tan mal renderizado ye so que yo no tengo acceso a sus archivos.
Si el departamento de informática hizo el diseño lo entiendo. Aqui les va mi tip:
Van a la sección dond epuede descargarse la portada en PDF, la salvan y la meten al Photoshop. Seleccionan y cortan. Al hacer la reducción tenemos un logo bastante bueno para el web. Para el solecito que esta en grises, manipulamos los canale sun poco y obtenemos la calidad deseada.
Si lo hiszo el departamento de diseño, entonces, no tienen excusas y ni como ayudarlos.
February 2nd, 2005 at 2:50 am
Excelente propuesta, yo creo que si la jornada no te pela, algun otro periodico lo hara, tu propuesta esta muy bien fundamentada.
Un saludo y animo.
February 2nd, 2005 at 12:11 pm
Stan, no se hace con ese fin.
Son simples ejercicios para mantener ocupada la neurona y practicar cosas que despues aplicare en el trabajo.
February 2nd, 2005 at 12:43 pm
Cuando vi el rediseño, me emocione tanto que sin observarlo bien me lanze a publicar un post al respecto, sin embargo aunque creo que es mejor que la anterior, sigue dejando que desear, como lo han dicho todos aquí.
Hay que reconocer que no siempre los mejores diseñadores están en los mejores puestos. Aquí tenemos un ejemplo claro de ello.
Saludos.
February 2nd, 2005 at 12:54 pm
Pués van mis disculpas públicas por embarrar a los diesñadores de DGSCA en tal bodrio de diseño.
Que aunque bodrio supera en mucho al sitio anterior que asemejaba mucho a los sitios “WAREZ” de craks y llaves piratas de software, tampoco quitemos todo el merito a la nueva propuesta de la jornada. Aunque sea 100% perfectible.
Saludos de nuevo y muchas gracias por la aclaración Vuarnet.
February 2nd, 2005 at 7:18 pm
chingao, tan bonita que es la logica y la compocision y en la nueva jornada quedo de la reburger
no seas wey¡¡ vendeles el diseño
February 2nd, 2005 at 7:21 pm
iate nomas Raúl…de entrada sus banners estan malhechos en flash, no tienen ni velocidad ni suavizado de animacion, parece que los hizo el hijo del amigo de el qeu barre las oficinas que esta estudiando diseño con un rechazado de la iber jajajajaja debraye si lo acepto
February 3rd, 2005 at 12:10 am
Me parece bien tu diseño, pero te falta un poco conocimiento en la extensión de caracteres en un pie de foto por ejemplo, es muy largo; en las cabezas de las notas, pues no es necesario el color “rojito” para resaltar, con el puro ‘underline’ es suficiente y el resumen de las notas pues le metes el supercontraste del azul.
Tu menú de navegación es muy ancho y para terminar, los anuncios asi como los pusiste de ejemplo nada que ver con el diseño de banner actual.
el último, la parte importante de un portal de noticias es la fotonota, el tamaño que le asignaste es muy pequeño, se lo come el menú de navegación, además que falta una mejor separación de las secciones dentro del este rubro.
Bueno todo esto es sin el afán de molestar sino de hacer cada vez un mejor diseño para internet.
Soy diseñador de la UAM-Xochimilco, saludos.
May 2nd, 2005 at 2:53 pm
soy un casi recien egresado de la carrera de diseño grafico, tengo muchas dudas hacerca de esta profeción y de como poder realizar algo importante en ella, mi escrito no es para opinar hacerca de tu reediseño, sino que es para pedirte si me puedes escribir a mi correo y ayudarme a resolver muchas de mis dudas, o mejor si puedieras escribirme al msn, estoy todos los días por las mañanas.
atte.: Juan
September 8th, 2005 at 1:15 pm
REALMENTE ME PARECE INTERESANTE ES BUNA LA PRESENTACIÒN Y TAMBIÈN EL CONTENIDO. LO QUE NO ME GUSTA ES QUE EN SU PAGINA NO SE ENCUENTRAN FACILMENTE DATOS SOBRE EL NACIMIENTO DEL PERIODICO.
July 5th, 2006 at 1:11 pm
me permito hacer llegar a usted el siguiente correo que esta circulando en el ambito universitario y que es de suma preocupación para los catedráticos que integramos la Facultad de Contaduría y Administración de la UNAM y que ante la nula respuesta de nuestras autoridades hacemos del conocimiento de los medios de comunicación para solicitar su apoyo en le difusión y verificación de estos lamentables hechos para la vida de una entidad tan importante por las carreras y profesionistas que se preparan en la misma, mucho agradeceré considere esta información para que pudieran darle seguimiento, quedo a sus órdenes para cualquier comentario
Esteban Ramírez
profesor de la Facultad
> Asunto: Propuestas académicas Fecha: Sat, 6 May 2006 18:44:53 -0500 (CDT) De: Martin Granados PARA:: jtamesyb@servidor.unam.mx, didrik@servidor.unam.mx, peral@servidor.unam.mx, lovainapc@hotmail.com, llara40@servidor.unam.mx, ferrano@derecho.unam.mx, semerena@servidor.unam.mx, cab52@servidor.unam.mx, ambrosio@servidor.unam.mx, vmjuarez@correo.unam.mx, basave@servidor.unam.mx, valades@servidor.unam.mx, ferrando@servidor.unam.mx, narro@servidor.unam.mx, fuente@servidor.unam.mx, lucym@servidor.unam.mx, ebg@servidor.unam.mx, trigo@servidor.unam.mx, turcott@servidor.unam.mx, director@puma2.zaragoza.unam.mx, direccion@apolo.acatlan.unam.mx, ramje@servidor.unam.mx, suemi@servidor.unam.mx, rescal@economia.unam.mx
>
> Algunos de los profesores que conformamos la comunidad universitaria de la Facultad de Contaduría y Administración observamos con enorme preocupación las condiciones académicas en las que se encuentra actualmente nuestra institución. No podemos percibir claramente las acciones que nos indiquen hacia dónde nos pretende dirigir la actual dirección.
>
> La incertidumbre que se ha generado en nuestro centro de trabajo, junto con la ya sabida actitud autoritaria de la Doctora Martín Granados, ha significado un camino contrario a la extraordinaria labor que ha realizado nuestro Rector para impulsar el trabajo docente y de investigación en la Universidad, lo que le ha valido a la institución el reconocimiento nacional e internacional. En la Facultad de Contaduría no se percibe avance alguno en ninguna área, particularmente en la parte académica. Los siguientes aspectos son los que más nos llaman la atención:
>
>
> Con el cambio de administración dos áreas académicas se fusionaron inexplicablemente (la Secretaría General Académica y la Secretaría de Planeación Académica) junto con la Secretaría de Planeación de la Gestión, para crear la Secretaría de Planeación, lo que significa que actualmente la Secretaría de Planeación controla tres áreas. Por esta fusión la planeación académica ha sido prácticamente relegada, lo que provoca que esta Secretaría sólo se encargue de resolver los problemas inmediatos, prácticamente todos los que se originan en la Facultad, sin mayor visión de largo alcance que permita mejorar el nivel académico. En aras de economizar recursos, la actual Directora pretende demostrar que con menos personal las actividades académicas siguen funcionando, aunque esto vaya en detrimento del propio nivel académico.
> Un área eminentemente académica, como es la División de Investigación, ha sido disminuida inexplicablemente en su estructura orgánica, y la jefatura está “dirigida
March 24th, 2007 at 6:09 pm
Pues el anterior y elactual diseño de la pagina web de la Jornada esta en consonancia con el contenido editorial del periodico…. de la verga.
August 3rd, 2009 at 11:29 am
Quise enviar el siguiente comentario dirigido especialmente a Julio Hernández López, pero con este nuevo formato no tuve tiempo de buscar su página, espero sinceramente que se le haga llegar, mis respetos para él.
Se sabe y es demostrable que en la zona del Bajío, entre Celaya-Salamanca e Irapuato existen fallas geológicas activas, si es la zona donde se pretende construir la nueva refinaría PEMEX, será un nuevo elefante blanco, que a futuro mediato tendrá paroblemas graves por esas fallas, no cabe duda que el actual gobiernito carece de visión y no sabe como deshacer sus errores anteriores.
Solamente se menciona que en la autopista Querétaro-Irapuato se encuentran señalizadas estructuras geológicas de ese tipo, además en Irapueto existen o existían contrucciones afectadas por esos movimientos tetónicos, pero estamos ciegos o que pasa?