Lecciones Aparte y 12 tips para los diseñadores web

Jeffrey Zeldman y Jeremy Keith en el SxSW 2007 en Austin

Jeffrey Zeldman (izq) y Jeremy Keith. Fotografía de Tantek

Jeremy Keith estuvo en el reciente Un Evento Aparte San Francisco y anotó en su blog, como hace siempre que va a este tipo de cosas, una serie de excelentes resúmenes y observaciones que, la verdad, son documentos indispensables para cualquier diseñador o desarrollador web.

Me quiero concentrar en el primero, Entender el Diseño Web, que trata de la exposición de Jeffrey Zeldman y comienza con la pregunta-respuesta ¿Qué es el diseño web? Empatía. Empatía con el usuario para ser más específicos. Jeffrey habla de la dificultad a la que se enfrentan los diseñadores web para hacer su trabajo más respetable, la inutilidad de los concursos y premios de la industria y lo que necesitamos hacer para mejorar nuestro oficio: no hacer diseño para impresionar a los demás (Como dice Dan Cederholm: Existe la posibilidad que un diseño web *realmente bueno* no reciba ni loas ni críticas. Funciona y ya.); el buen diseño es invisible, trata sobre la personalidad del contenido, no del diseñador, pone al usuario por delante.

Termina la exposición con 12 consejos para lograr un diseño web empático:

  1. Comenzar por el usuario.
  2. Conoce tus debilidades.
  3. Busca el trabajo o proyecto que te guste hacer.
  4. Vende las ideas, no los pixeles.
  5. Decirle al cliente “no sé” debe ser aceptable.
  6. Cultiva la confianza del cliente, que sepan que sabes lo que haces.
  7. Apoya tus ideas. No tengas miedo de respaldarlas con investigación.
  8. Documenta lo que estás haciendo. Deja un camino de papeles.
  9. Nunca cobres de menos.
  10. No hagas muestras gratuitas. No hagas una prueba gratis para conseguir un trabajo.
  11. No aceptes contratos que piden resultados apresurados. Nunca funcionan.
  12. Termina con el usuario. Y si tienes alguna duda, regresa al usuario.

Los consejos me parecen excelentes para todo aquel que se dedique al diseño web, y además hacen mucho eco con lo que apuntaba Cybergus en su blog sobre Lo que todo diseñador debería saber.

Espero que estas recomendaciones no caigan en oídos sordos, u ojos ciegos.

Too old or too modern, but the site is just not very smart

Thanks to the magic of Twitter @Malarkey sent a very curious message about this error message:

Error Displayed: The current browser is either too old or too modern
“The current browser is either too old or too modern”

So, the calendar can’t be used because the javascript that’s supposed to handle it was made for the Netscape Navigator browser which I imagine no one thought would ever ever go away. Unfortunately it went away in March 2008, after years of almost nil market share. Someone must have thought that people actually bothered to install the gazillions CDs that AOL polluted the world with for about a decade.

Unfortunately that was not the case and hardly anyone has used Navigator since 2002, and so what could have been seen as a bold move by the developers betting their all on the success of one single browser now survives solely as a curious error message that I think could also be a haiku.

On the other hand it could be that the error message should be “The developers of this site are either too stupid or too lazy.”

So, kids, let this be a lesson to you: don’t develop for a single browser, make sure your code degrades gracefully and, if you are the website owner, check your websites more often than once every five years, preferably with what people would most likely be using to see it.

Pantalla esférica multitoques de Microsoft

Microsoft presentó en fechas recientes, durante su Cumbre de Facultades de Investigación 2008, lo que podría ser un método novedoso para manipular información. Se trata de una bola multi-toques que puede ser utilizada por varias personas colocadas alrededor y pasarse fotografías, documentos, ver mapas o jugar pong. Antes de que alguien se me adelante la voy a bautizar con el nombre de toquibola, he dicho.

Misfortune Teller

Veo tu futuro muy borroso… ¡ah, pérame! es que tengo que actualizar los controladores. Fotografía de MisfitGirl

La toquibola está basada en un producto ya existente para mostrar la imagen y en la toquimesa y es una muestra de concepto de lo podrían ser las interfaces del futuro.

Parece muy interesante excepto por una cosa ¡yo quiero estar adentro de la esfera! Claro, debería se una esfera algo más grande de la presentada y tener mucha mayor resolución, pero ¿a poco estaría de peluches estar rodeado de la imagen generada por la computadora y poder moverte y manipular los objetos a tu alrededor? Igual y deberá venir con su cubeta para vomitadas pero los simuladores de vuelo, juegos de aventura y de primera persona serían otra cosa. Estoy seguro que también se podrían usar para algo útil.

Así como la veo, la toquibola es algo exótica, me la imagino en un cuarto oscuro como esfera mágica con un grupo de jugadores de rol alrededor. También se puede usar en quioscos de información, ferias y demostraciones de productos; pero no uso común, que entiendo que tampoco es el caso de la demostración.

Vamos a ver que más se presenta a lo largo del año pero esto es apenas la punta del desarrollo en la tecnología multi-toques, sin duda durante los siguientes meses vamos a ver nuevos conceptos en interfaces y aplicaciones.

iPhone and gated communities

Recently some guy pocking around the innards of his new iPhone 3G found a little piece of code that seemed to do something like stop the phone from running whatever piece of software Apple didn’t want it to run. It was quickly named a “Kill Switch” although no one knew for sure what it would do.

Turns out that it actually is a Kill Switch. The bad news is that it’s not something useful, for example it won’t allow you to kill the people in front of you in a line, like that lady who is paying her weekly grocery shopping with pennies, but what it actually does is stop the iPhone from running whatever software Apple doesn’t want it to run. Steve Jobs says that it would be irresponsible not to have one, the reason why is easy to see, after all only those developers who have paid for the privilege to develop for the iPhone are able to upload their wares to the iTunes store, which is the only place from where you can get software for the iPhone, and it’s not like the Apple people spend weeks reviewing the submitted software before posting it on the site. Oh! wait, they actually spend weeks reviewing the submitted software.

Apparently this is not enough and Steve needs more control over your iPhone, making sure you are only running safe and preapproved software; after all, you were naïve enough to buy an iPhone, God only knows what dangerous crap you can be suckered into downloading by giving it a bit of a shine and putting a vowel in front of its name. It also gives Jobs the option to outsource the software review process to underpaid 10-year olds in Vietnam in the future and if one of those kids misses something crucial, maybe he didn’t have breakfast that day… or month, then it’s no problem because Apple can still deactivate it remotely after firing the kid.

You see, by getting an iPhone you have also become part of a very exclusive community, one that is kept isolated from the outside world, one in which not anyone can make changes or improvements without prior approval, where there are people making sure you stay within the predetermined limits for your protection, and where you can be reasonably sure that all the other neighbours will be of a similar stature and position in life. Of course, you have plenty of freedom, you can change the colour of the screen and have different ringtones, so your iPhone will be completely unique… but not too much, otherwise it’d be just weird.

Oh, did I mention that thanks to the GPS the iPhone now knows where you are?

El diseñador web empleable, parte 2. Respuesta a CyberGus

Time Breakdown of modern Web Design

Hace poco más de un mes escribí El diseñador web empleable a manera de comentario al original de Andy Rutledge con el mismo título. El buen Cybergus me dejó un comentario también a raíz del que yo hice en el sitio de Isopixel sobre otros comentarios de una propuesta de trabajo para un diseñador. ¿No es fantástico esto del internet? Sale un post en un sitio, después en otro donde hay comentarios y los comentarios de los comentarios acaban en el otro donde alguien más puede comentar de otra cosa. Es una gran carne asada con cervezas, sólo que sin la carne asada ni las cervezas.

En fin, reproduzco aquí el comentario de CyberGus:

Mmmm no estoy de acuerdo en todo, supongo es bueno, sino no habría discusión.

Yo no se de todo lo que comentas ahí, me sorprendo a mi mismo instalando un blog y metiéndome a mover php o etiquetas de Textpattern.

Creo que alguien que, más allá de diseñador gráfico, puede jactarse de simplemente entender “diseño” a nivel general y tener una idea básica de hacer interfaces usables y saber separar bloques como pensando en componentes de imagen, puede hacer sitios aceptables.

Es importante sin duda comprender las tecnologías… pero habría que delimitar que es saber “lo básico” y qué es ser un Guru… porque lo que he visto en algunas agencias es que a veces requieren que seas “Guru” de todo.

Yo había escrito una contestación como comentario dentro del mismo post, pero salió demasiado largo a mi gusto como para ser comentario, así que lo pasé a esta nueva entrada en el blog. Para seguir comentando sugiero que los comentarios hacia el artículo de Andy vayan en aquel post y los que sean sobre las diferencias entre diseño gráfico contra diseño web y la educación en ambas vayan en éste. O hagan lo que quieran, da igual.

Mi respuesta:

Claro, si estuviéramos todos de acuerdo no valdría la pena tener blogs.

¡Y es exacto! Tú ya tienes una idea de que lo que hay en un sitio web va más allá de la fachada y que el diseñador le puede tener que meter mano al php o a las etiquetas de textpattern de vez en cuando.

Mi preocupación no va por aquellos que hemos aprendido la web por nuestra cuenta casi desde sus inicios, algunos desde el lado visual y otros desde el lado programático, pero finalmente dándonos cuenta de las diferentes áreas que confluyen para hacer un buen sitio y que bien o mal nos hemos tenido que fajar para aprender cosas que no estaban en nuestros planes.

Por ejemplo, yo aprendí el diseño web desde el lado de la programación pero nunca he sido muy bueno con la comunicación visual. En los primeros días de la web eso no importaba tanto, pero conforme fue avanzando la tecnología y la sofisticación de los sitios tuve que aprender ese lenguaje visual, cosas como la importancia del espacio negativo, la tipografía y la ilustración. Pero nunca he sido, ni voy a ser, capaz de crear un sitio que se pueda llamar “bello” aunque por lo menos no van a estar tan feos. Y eso se lo explico a mis clientes y jefes.

Lo que me preocupa son las escuelas de diseño gráfico y sus egresados que no tienen idea de lo que es un sitio web; o quienes consideran que diseñar un sitio es una extensión del diseño gráfico. Y creo que es parte de la razón por la que una agencia quiere que seas gurú en todo (además de querer ahorrar).

Cuando alguien se presenta como “diseñador web” lo que un cliente, agencia, etc. entiende es que puedes diseñar todo el sitio. Es decir, te pedirán “que los visitantes se registren, manden correo y levanten pedidos en el sitio y que los pedidos se manden automáticamente al sistema de ventas”.

Si el “diseñador web” acaba de salir de la escuela de diseño gráfico con apenas una embarrada de Flash y Photoshop, pues lo que va a pensar es “la pucha, pues ni idea”. Y lo que pasa es que diseño web no es nada más la interfaz con el usuario, sino además la funcionalidad y la interacción con el servidor, bases de datos y otras aplicaciones.

Igualmente, un programador que sepa programar en PHP, Perl, Ruby, C++ y lenguaje máquina del Zilog Z-80 no necesariamente va a poder hacer una interfaz atractiva y fácil de usar. Y tal vez ninguno de los dos sepa hacer un sitio que se ajuste a estándares y esté optimizado para buscadores. O teléfonos celulares.

Mi punto es que en las universidades, o los autodidactas, se debe considerar el diseño web como una disciplina en sí misma que combina elementos del diseño gráfico, de la programación de sistemas y de arquitectura de información. Claro, uno puede especializarse en el diseño de interfaces o en el desarrollo de las aplicaciones, pero sin ignorar las otras partes.

Esto es algo que deben entender también las agencias cuando formen un equipo de trabajo y los diseñadores mismos, que reconozcan su especialidad y admitan lo que no pueden hacer.

Creo que salió más larga esta contestación al comentario que el mismo post original; a decir verdad cuando escribí el post sentí que le faltaba algo pero no supe en ese momento como encuadrar todo lo demás.

¡Gracias por tu comentario!