¿Por qué lo hecho para el impreso no funciona igual en el online?

Khoi Vinh responde la pregunta con un rotundo: ¡Porque se trata de otro medio! Pero quisiera usar esta genial entrevista para tocar el tema más a profundidad. Sé que algunos podrán pensar que es un artículo para dummies pero hay que empezar por el inicio, a veces.

Tuve mucha suerte. Cuando empecé a dedicarme al diseño en papel (como oficio), conocí a un diseñador (de profesión) que me ayudó con un concepto que serviría para forjar mi carrera incluso ahora después de poco más de una década.

La importancia del medio
Desde que conocí a Alejandro Wong Soria empezamos a hablar de estos temas pero fue a raíz de un libro que yo tenía que diseñar que las charlas se pusieron más interesantes. Cuando empezó a hablarme de papeles, tipos, tintas, calidades y cómo impactaban en el producto final, la cosa me quedó clara. El medio es el mensaje.

En la actualidad muchos diseñadores de papel olvidan la importancia que tiene el soporte y prefieren llamarlo tarea de técnicos. ¿Cómo impacta un papel rugoso a un texto en serif hasta el punto de volverlo ilegible? ¿Por qué usar una pantonera cuando las tintas que se usan en la mayoría de imprentas locales no son Pantone?

Esos pequeños detalles importan en el papel, también importan en el online.
Cuando alguien diseña para impreso tiene en cuenta una serie de detalles, cuando eliges una tipografía, cuando decides usar un color y cuando optas por una determinada composición lo haces porque el soporte con el que cuentas servirá de contenedor y potenciador de esa solución.

¿Por qué el afán de llevar la identidad gráfica de la misma forma a otro soporte?
Los colores, la tipografía y la composición de un logo, los colores de la identidad, su tamaño y peso dentro de una composición en el papel (si se trabaja seriamente) se hace pensando en el impacto que tendrá en el lector cuando este interactúe con el soporte, en este caso el impreso.

Y las malas noticias continúan si te quieres dedicar al diseño web. No puedes dejar de lado el código. Un diseñador web ya no puede divorciarse de la maquetación. Tampoco del soporte. Debe conocer de resoluciones, velocidades de carga, optimización de imágenes, uso de transparencias, compatibilidades con navegadores, CMSs por mencionar algunas perlas.

En síntesis, si queremos dedicarnos al tema, como dijo Vallejo: "Hay hermanos, muchísimo por hacer"
Loading mentions Retweet
Posted 3 months ago

3 Comments

¿Qué es arquitectura de información?

Lo explicaré con un ejemplo.

Digamos que trabajas en una tienda de discos y te encargan ordenar todo un escaparate enorme lleno de discos, todos ellos distintos ya sea por el género o bien por el autor. Además encuentras que algunos se repiten y que otros casi no se venden. 

Lamentablemente, en esta tienda la gente no espera a que rediseñes el escaparate para empezar a tomar los discos. Esto lejos de representar un problema se convierte en una oportunidad. Empiezas a estudiar a la gente, sus hábitos, sus gustos y hasta sus manías.

Poco a poco descubres patrones. Estos te guían y así, por ejemplo, colocas los más vendidos de forma que sean de fácil acceso al comprador. Pero tu trabajo no queda ahí, porque además te das cuenta de que si agrupas por géneros los discos más populares la gente no solo comprará aquellos que les gustan sino que también descubrirá músicos geniales que quizá no sabía que existían.

Finalmente, te das cuenta de que si tu vitrina es más ancha y menos alta (es decir, por ejemplo, pocas filas más largas) mejorará la experiencia del comprador. Así podrá cómodamente ver todo el panorama de tu oferta, no se tendrá que estirar tanto para ver otros discos y además podrá saltar fácilmente de vitrina a vitrina y comprar discos que jamás penso que compraría.

Ahora imaginen que las vitrinas son sitios web, los compradores usuarios y los-encargados-de-reordenar-las-vitrinas: arquitectos de información.

Tadá!

Lecturas recomendadas:

P.D: Si quieres saber más de mí, visita http://jose.kusunoki.pe y puedes hacerme preguntas relacionadas a arquitectura de información, diseño, periodismo y medios digitales en mi cuenta de Formspring

Nota importante: @amnesico me hizo una muy buena pregunta vía Twitter, y la respuesta es no, arquitectura de información no es solo aplicable a web. Sin embargo, me tomé la libertad de encasillarla en vista de que es el campo en el que considero tengo más experiencia.
Loading mentions Retweet
Posted 4 months ago

4 Comments

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
Posted 1 year ago

0 Comments