post.josekusunoki.com

Comentarios en 'tiempo real' para que los leas en 'tiempo diferido' 
Filed under

rediseño

 

elcomercio.pe rediseña, reestructura y afina

Creo que este es un buen pretexto para hablar de algo que no comenté 'oficialmente'. Se dijeron muchas cosas pero la verdad es simple, después de cinco años dejé El Comercio el 31 de diciembre del 2009. Me llevo una maleta llena de experiencia invaluable ganada durante ellos. Sin contar con grandes compañeros de trabajo y sobre todo amigos. Ahora me espera un gran reto como Jefe de Portales y Web social en UPC.

Sin embargo, el proyecto cúspide de mi carrera en el Grupo El Comercio (luego del primer y segundo rediseño de El Comercio, diseño y rediseño de Gestion.pe, Depor.pe, Peru21.pe y la lista es todavía más larga si contamos los pequeños proyectos) sin duda ha sido el reciente rediseño de elcomercio.pe

A grandes rasgos: fue un proyecto que empezamos a concebir desde fines del 2008, trabajamos desde meses antes de la segunda mitad del 2009 y fue a inicios de este año que Mariella Miranda tomó la posta como Jefe de Diseño Web.

Entre lo que destaco del proyecto a nivel estético y de funcionalidad:
  • Muchos hablan de un cambio radical. Para nada. Se potenció lo ya existente, lo que funcionaba. 
  • Hay una división clara entre la jerarquía de las pestañas y los filtros.
  • Conservamos los segmentos: el destaque editorial, el cronológico inverso y los servicios.
  • Los recursos multimedia siguen a un clic.
  • Los filtros son claros y totalmente funcionales.
  • Botones marcados y formularios grandes. No inventamos la pólvora. Es una tendencia internacional.
  • Contraste adecuado y buen manejo de los espacios blancos.
  • Buen trabajo tipográfico, interlineado generoso, buen manejo de los contrastes: Titular vs. cuerpo de texto, por ejemplo.
  • Creo que Mariella ha hecho y hará un genial trabajo conservando la filosofía que marca la ventaja diferencial de elcomercio.pe vs. la competencia: la pasión por los detalles, coherencia y conservación de un estilo.
  • La ventaja de haber pasado por tres rediseños de elcomercio.pe y tener buena memoria es que puedo recordar la cantidad de críticas que recibimos a los rediseños anteriores y que luego se convirtieron en cosas que el mismo público acabó extrañando: el magenta, la navegación horizontal, la disposición de los blogs y la lista es larga. 
  • Sobre el amarillo: si bajan un poco el scroll desaparece. Algunas personas se refieren a él como si estuviera dentro del contenido, invadiendo cada instancia del sitio. Cuando lo que hace, por el contrario, es marcar claramente y jalar la atención hacia los espacios que han sufrido un cambio sustancial: Cabecera y pie de página.
  • Lo del scroll ¿realmente es un problema? ¿cuál será el siguiente paso? ¿que pidan frames? Creo que en la época del SEO, de las cada vez mayores resoluciones de pantalla y de los monitores cada vez más grandes considerar al scroll como un problema (sobre todo en un sitio de noticias) es medio arcaico ¿no?
  • César Soplín, hace años, me soltaba una frase de Nielsen muy buena que le cae muy bien a esta etapa del rediseño: "a los usuarios no se les escucha, se les observa"
  • Se imaginan si se aplicaran TODAS las observaciones que TODOS los usuarios demandan. Sería un muy bonito FRANKENSTEIN. Sobre todo, teniendo en cuenta que se trata de primeras impresiones.
A nivel de fondo:
  • De más está decir que se asumió una apuesta arriesgada pero de seguro muy provechosa al abrir el registro de usuarios. No se puede hablar de una relación estable con la audiencia si no hay registro de por medio.
  • Sobre el tema del registro lo pondré simple: ganan los usuarios (cuando busquen su nombre, su perfil ECO aparecerá primero y la gente tendrá una idea de quiénes son en función a los da tos ingresados) gana elcomercio.pe (los usuarios ayudan a generar más y más páginas que alimentarán a Google)
  • Si recuerdan, la mayor segmentación que poseía El Comercio antes de este rediseño era: Online / Impresa / Clasificados. El tener las distintas portadas es un SEO +1
  • Una de las patas cojas que tenía El Comercio: multimedia. Definitivamente es un paso adelante el hecho de permitir a los usuarios embeber los audios, videos y fotos en sus sitios. El potencial que esto trae consigo es alucinante y estoy seguro de que Mancini tiene varios planes con respecto a esto.
  • En el diseño anterior hablábamos de una grilla, cronológica inversa, con decenas de noticias. Esto era arbitrario y estático. Actualmente cada una de las portadas cuenta con un cronológico inverso filtrado por etiquetas, las mismas que varían de acuerdo al flujo informativo. De nuevo, se trata de potenciar lo ya existente, lo que funciona.
  • El primer nivel ofrece un reto a los editores. Se trata de una grilla de 3x3 que se acomoda a la noticia. Como un lego crece o se reduce según la importancia del contenido. ¿Se imaginan la fuerza de una gran nota de 3x3 al primer pantallazo?
  • Mucha gente se queja del río de actualizaciones de la comunidad. ¿Qué me importa si la gente actualiza su perfil? Paciencia señores, recién empieza a gestarse esta comunidad. Tienen idea de cuánta gente actualizaba Twitter con un simple "ahora estoy en Twitter" es normal que ocurra algo así, elcomercio.pe está empezando.
  • Los casos son una evolución natural de los manoseados tags. Había que inyectarles vida.
  • Me parece injusto y desproporcionado pensar que elcomercio.pe quiere parecerse o copiar a Twitter. Es como decir que por tener un buscador en el sitio quiero igualar con Google.
De hecho hay una serie de cosas que se me escapan. De seguro pronto tendremos una versión oficial por parte del blog de Medios Digitales pero quiero en resumen destacar dos cosas: evolución, pasión por los detalles y una sólida arquitectura. Quien se fije en los detalles y preste atención a los cambios me dará la razón sobre esto.

Tanto César como Mariella y el blog de Medios Digitales nos dan avances al respecto. Si quieren, pueden agregarme a su "ECOmunidad" 

Loading mentions Retweet
Filed under  //   El Comercio   internet   rediseño  

Comments [3]

Si tan solo le quitáramos el color al envase de Coca-Cola

Si lo piensan es increíble el impacto que tendría este pequeño detalle. Además, no me dirán que no se ve elegante. Si alguien de Coca-Cola lee esto y quiere más información visite LovelyPackage.com

Loading mentions Retweet
Filed under  //   branding   coca cola   rediseño  

Comments [0]

¿Qué opinan del nuevo logo de Aol.?

Igual espero que sea una broma. Sin embargo, según cuentan:


AOL today previewed its new brand identity for its future as an independent company committed to creating the world’s most simple and stimulating content and online experiences.

Al igual que GigaOm creo que deberían pedir su dinero de vuelta. 

Loading mentions Retweet
Filed under  //   aol   logo   marca   rediseño  

Comments [0]

Al parecer Google estrenaría nueva interfaz

Según Search Engine Land un pequeño grupo de usuarios ya habría empezado a ver los cambios. Es un cambio para bien. Los espacios mejor distribuídos, botones más claros y filtros (esos que son un dolor de cabeza) correcta y claramente ubicados. 

Creo que era un cambio que ya se veía venir, no podían estar ajenos a las tendencias ni al código gráfico que cada vez más sitios y aplicaciones están usando.

Loading mentions Retweet
Filed under  //   google   rediseño   ui  

Comments [0]

Lo bueno, lo malo y lo feo de ABC.es

Lo bueno:

  • Me animo a decir que es uno de los pocos medios grandes que apuestan por intengrar Facebook Connect a su sistema (debes estar logueado para acceder).
  • Qué bueno que se hayan dado el trabajo de hacer un video tutorial (exageradamente amigable) para contarle al lector las bondades de su rediseño.
  • Ofrece varios elementos de interacción comunidad-redacción. Desde los comentarios y la opción de rectificar noticias, hasta la Comunidad ABC.
  • Me parece genial que dejen la automoderación a la comunidad (votar por los comentarios y alertar sobre los ofensivos).
  • Se esmeran en explicar cada artilugio añadido a su interfaz (desde la barra social hasta los íconos de compartir).
  • Tienen una serie de servicios interesantes como cámaras de tráfico, archivo desde 1996 y juegos.
Lo malo:
  • Creo que la cabecera maneja demasiados niveles de información (quizá es momento de decidir qué se puede obviar). Además necesitan afinar su conceptualización de navegación por tabs.
  • La barra social es una gran apuesta, ¿por qué no me dejan volver a abrirla una vez cerrada? Sobre todo si a veces me veo en la necesidad de pasar de ella para acceder a determinadas opciones del footer (abajo).
  • Muchas veces las explicaciones obstaculizan la visualización del contenido. La ventana flotante, por ejemplo (abajo).
  • El desorden. Los contenidos no se separan adecuadamente unos de otros. Esto produce confusión (abajo: difícil saber, a primera vista, a qué noticia pertenece la foto)
  • Si por un tema de espacio se tiene que cortar contenido arbitrariamente, es mejor no colocarlo, porque lejos de complementar va a confundir (abajo, la pieza que muestra un blog destacado abrevia el texto sin ningún criterio editorial). Una línea no es suficiente para tener una idea clara de lo que promocionan.
  • El contenido debería diferenciarse mejor de la publicidad.
  • Creo que hay que mejorar el manejo de las notas relacionadas en portada. ¿Existe alguna razón en especial para usar los íconos de esta forma? ¿La primera, segunda y tercera nota relacionada tienen algún vínculo en común mientras que la cuarta no? ¿Dónde empiezan y dónde terminan los titulares? (Abajo, quizá usando bullets simples se tendría un mejor efecto)
Lo feo. Si bien pareciera que este criterio es totalmente subjetivo, trataré de ser lo más preciso posible. Así que estos son los temas que, a nivel de gráfica, considero deberían mejorar:
  • Manejo de espacios en blanco.
  • Una grilla más solidad y flexible.
  • Delimitar mejor los espacios, calles más amplias.
  • Mejor manejo tipográfico (interlineados, ritmos y jerarquías)
  • Estilo y manejo de color.
  • El diseño como aliado de la simplificación de su barra de navegación.
No voy a debatir la importancia de este último grupo pero es bueno tener en cuenta que:
  • La mezcla de los conceptos antes mencionados es la pieza angular de un diseño basado en simetría.
  • La simetría genera aceptación.
  • Se dice que al usuario le toma tan solo 50 milisegundos formarse una primera impresión sobre un sitio web (la frase de mi abuela, todo entra por los ojos, viene a mi mente).
  • En un sitio de noticias un buen manejo tipográfico es crítico.
Ahora, de hecho que hay otros pequeños detalles como su video de ¿Qué es Twitter? que está en inglés o el manejo de tags, que dicho sea de paso, es un dolor de cabeza en todas las redacciones. Sin embargo, la reflexión final se la dejo a ustedes: ¿Qué opinan?

Loading mentions Retweet
Filed under  //   abc   análisis   rediseño  

Comments [0]