Archivos para Febrero 2008

Lectura recomendada: Boxes and Arrows

Boxes and Arrows

Muchos ya estáis al tanto de que mi vida profesional ha dado un vuelco importante las últimas semanas. Esto ha afectado inevitablemente al blog: menos actualización y contenidos un poco más cortos (y tal vez, menos profundos). Os pido disculpas y un poco de paciencia ya que en las próximas semanas también andaré muy liado adaptándome a mi nueva vida laboral y personal (¡adiós a las mañanas alcalainas!).

En todo caso, quiero despedir la semana con un poco de “lectura recomendada“. Se trata de la revista sobre diseño “Boxes and Arrows”. En ella podréis encontrar artículos muy interesantes relacionados con el diseño web en sentido amplio: diseño gráfico, arquitectura de la información, usabilidad… ¡Todo sobre lo que un buen diseñador web debe saber!

Los contenidos suelen ser de bastante calidad y amenos. Pueden servir para aprender cosas nuevas, refrescar conocimientos o descubrir bibliografía interesante. Un ejemplo, puede ser el artículo de Stephen Turbek sobre la “Búsquedas avanzadas”, en el que se aportan datos muy interesantes utilizando ejemplos muy actuales (algo que suelo echar de menos de los manuales en papel).

Daos un paseo y veréis que hay ¡información para todos!

Youtube como archivo histórico

Algunos de vosotros sabéis que empecé a trabajar con Internet en el Laboratorio de Humanidades de la Universidad de Alcalá y que soy un internetero licenciado en Historia. Cuando trabajábamos en el Laboratorio ni si quiera podíamos soñar con herramientas como YouTube, DailyMotion, etc… que nos permitieran contar con un auténtico archivo audiovisual de tipo histórico.

Un archivo que además nos permitiese ver distintas caras de una misma época: A finales de los 60 y principios de los 70, mientras en Vietnam el ser humano solo era capaz de generar dolor:

A miles de kilómetros, solo se hablaba de paz y música:

Os animo a daros un paseo por la historia.

Análisis del sistema “Bicing” de Barcelona

Siempre he pensado que un diseñador web debe buscar ejemplos “físicos” de algunos de los conceptos que manejamos. A la hora de plantear como expresar un mensaje podemos echar un vistazo a los ejemplos del mundo real o podemos fijarnos como interactúa la gente con determinadas herramientas o sistemas. Esto nos permite seguir llamando a los individuos “personas” y no solo “usuarios”.

Precisamente esto ha hecho Miquel Nieto en un nuevo artículo publicado en Alzado esta semana. Analiza el sistema de alquiler de bicicletas de Barcelona (”Bicing”) teniendo en cuenta factores como la eficiencia o la accesibilidad del sistema. El análisis es ágil y está muy bien estructurado y además nos revela algunos detalles sobre los que, a primera vista, tal vez no caeríamos (fijaos en el punto sobre “Prevención de errores”).

Una buena lectura para este fin de semana.

Joomla!Day en España

Joomla Day 2008 en España

Parece que el proyecto Joomla! se va a pasear por España en Abril. El día 19 vendrán a visitarnos Alex Kempkens y Chris Davenport dos de las figuras más destacadas del proyecto en el apartado de desarrollo.

El programa es muy interesante e incluye algunas de las cuestiones que más nos preocupan desde la aparición de Joomla 1.5 como son la migración desde 1.0 o la creación óptima de plantillas para la nueva versión.

En todo caso, lo más recomendable es que visitéis la web del evento y ¡os inscribáis en cuanto el formulario de registro esté disponible!

¿De verdad sabes usar Photoshop?

Hay veces que piensas que ya sabes manejar un programa, que te crees habilidosillo, y entonces llega un personaje como Nico Di Mattia y hace esto:

¿Me pongo a buscar tutoriales o me rindo directamente?

11870: Un ejemplo de trato personalizado

Logotipo de 11870

Para quien no lo conozca, 11870 es un sitio web en el que podemos dar de alta tiendas, restaurantes o cualquier otro negocio para compartirlos (y comentarlos) con el resto de usuarios de la comunidad. Una de las novedades de este sitio es que podemos añadir fotos y vídeos a nuestras entradas. Esto último, junto con el estilo de diseño y de interacción da al sitio un olorcillo 2.0 bastante interesante. En todo caso… todo esto no es lo más importante.

Una de las cosas por las que me vengo interesando mucho en los últimos meses es la forma en que los sitios se relacionan y comunican con sus usuarios. Dentro de esto hay un montón de áreas a tratar que van desde el marketing puro y duro hasta el diseño emocional, pasando por el enfoque de los contenidos. En este sentido, al empezar a curiosear por las secciones de contenido del sitio nos encontramos un enfoque desenfadado y hasta divertido del contenido muy en la línea de sitios como meneame (atentos a la pregunta 24 de su FAQ).

Durante el registro en 11870 me encontré con un mecanismo de alta sencillo, un lenguaje agradable y nada técnico… pero lo mejor vino unas horas después de registrarme y dar de alta mi primera tienda. Se puso en contacto conmigo una chica muy maja del equipo dándome la bienvenida, agradeciendo el comentario de la entrada y ofreciéndose para ayudarme en cualquier cuestión relativa al sitio. Y todo ello con un tono desenfadado y con la sensación de que el mensaje era de verdad y no fruto de una máquina (de lo que ahora puedo dar fe). Resultado: un alto grado de satisfacción por parte del usuario. La verdad es que en la era de Internet todavía apreciamos el trato directo, personalizado y humano. Puede ser que incluso lo apreciemos más después de pasarnos el día recibiendo correos automáticos o diciendo “1″ ó “2″ al 1000noseque de una operadora de telefonía.

Lo cierto es que podemos aplicar mil enfoques de contenidos, rompernos la cabeza generando correos automáticos eficientes, estudiar mil casos de diseño emocional pero el contacto directo y cercano es un éxito seguro.

Conclusión: siempre nos gusta saber que hay alguien (vivo) al otro lado.

Accesibilidad: no descuides los contrastes

Ejemplo de imagen sin contraste

Una de las cosas que mas placer dan de crear un buen prototipo en HTML es pasarlo por el TAW y ver que nos da un nivel de accesibilidad de AA o AAA. La verdad es que, en muchos casos, no vamos más allá y preferimos pasar por alto algunas de las pautas que hay que comprobar “a mano”. Una de las más importantes es la del contraste de colores entre las fuentes y el fondo.Para mi ha llegado a ser importante por dos razones. La primera es que fue la primera pauta por la que me dieron un “cate” en una verificación de accesibilidad por parte de una consultoría externa. La segunda es que es algo que puedes estar tentado de descuidar hasta que ves a personas con grandes problemas de visión como los enfermos de glaucoma pasándolo mal por la dichosa falta de contraste.

Como diseñador, he de decir que es una de las pautas que más daño hacen a la libertad creativa o al menos al seguimiento de tendencias. En muchos diseños el uso, por ejemplo, de un gris claro sobre un fondo blanco queda perfecto, elegante, ayuda a jerarquizar… pero no llega a unos niveles mínimos de contraste. Es una de las razones por las que, en contra de lo que algunos defienden, creo que mucho o poco la accesibilidad nos limita a la hora de diseñar. Eso sí, creo que esa limitación merece la pena y puede superarse con un poco de imaginación y creatividad.

La otra dificultad para un diseñador es… ¿cómo mido el contraste?. En las pautas del WAI no aparecen (o yo no las he encontrado) unos valores “absolutos” que nos permitan medir el contraste. Para ello, lo mejor es recurrir a los mismos programas que utilizan las empresas que se dedican a la consultoría en accesibilidad. Esto nos asegura que no nos den un “cate” como el que me dieron a mi y además debemos pensar que esos son los valores estudiados para asegurar unos correctos niveles de accesibilidad.

En mi caso, utilizo principalmente Contrast Analyser (versión ejecutable para Windows) y ayer mismo me recomendaron una extensión para Firefox que aún no he tenido tiempo de probar.

En resumen… sed buenos y contrastad.

¿Qué pasaría si Microsoft rediseñara el “packaging” del Ipod?

Un ejercicio de diseño divertido y un tanto irónico:

¡A formar(se)!

Tal vez, uno de los aspectos más descuidados de muchos de los profesionales de nuestro sector es la formación continua. Todavía me encuentro con diseñadores o desarrolladores que no acaban de interiorizar algunos conceptos claves como usabilidad o accesibilidad.

La verdad es que tampoco es muy común encontrar buenas ofertas formativas y por eso comporto una que parece interesante y está organizada por la gente de Alzado y Evolucy. Aquí tenéis el “menú”:

  • Día 10 de marzo. Contenidos y posicionamiento en buscadores
  • Día 11 de marzo. Análisis de experto
  • Día 11 de marzo. Diseño visual
  • Día 12 de marzo. Test de usuarios y agrupación de tarjetas
  • Día 13 de marzo. Prototipado I: Metodología de personajes y escenarios
  • Día 14 de marzo. Prototipado II: Ejercicios prácticos de prototipado

Tiene buena pinta ¿verdad?

La analogía del Iceberg

Analog�a del Iceberg

Siempre hablamos de lo difícil que es transmitir a nuestros clientes la complejidad de nuestro trabajo. Recuerdo que en el I Congreso de Webmasters fue una de las conversaciones de pasillo más típicas.

Hoy he visto en Disacido una representación gráfica perfecta de los niveles de percepción de nuestro trabajo por parte de muchos clientes y usuarios. Por otro lado, no es más que un recordatorio de todo aquello que un sitio web debe tener en cuenta en su planificación.

Por una razón u otras se podría convertir en algo así como un lema o un símbolo de la profesión, o al menos en una imagen de obligado “pegado” en nuestro escritorio:

Es genial… ¿verdad?


Perfil de Facebook de Luis Miguel Del Cerro
Add to Technorati Favorites

Add to netvibes

Subscribe in Bloglines

Powered by FeedBurner

COLOURLovers | Fight for love in the color revolution