El proyecto más ambicioso de cualquier diseñador es, sin duda, diseñar para uno mismo. Los verdaderos retos son ser su propio cliente, saber distanciarse y encontrar el equilibrio exacto entre imagen y estrategia. Estas limitaciones explican por qué los resultados son casi siempre sorprendentes.

Todos pasamos por este momento alguna vez en nuestra carrera profesional. Resulta complicado trabajar de una forma tan libre: tú marcas los límites y tú mismo los amplías. Es, a la vez, más fácil y complicado que trabajar con un cliente por la libertad que te permite en cuanto a criterios y tiempos. Por ello es imprescindible ser más estrictos si cabe que con el cliente en cuanto a los objetivos marcados y tiempos establecidos.

Al principio, una vez asentada Internet como una red seria en la que confiar parte del negocio (que acabó desembocando en el estallido del a burbuja punto com), las páginas debían representar la modernidad y el acabado perfecto y pulido. Asocio esta etapa al Futurismo debido a esas ansias de velocidad y modernidad; conceptos tan plásticos como “superautopistas de la información” lo resumen todo, incluido el toque kitsch que adornaba a muchas páginas.

Tras el estadillo punto com, surgió una nueva tendencia liderada de redondeces, brillos y pulidos, según algunos, por Apple. Dicha tendencia acabó degenerando en la mal llamada –por confundir conceptos: lo gráfico con las consecuencias relacionales–  Web2.0. Aquel look, que podríamos comparar en este caso al Styling (vender como nuevo un mismo producto pero con un nuevo aspecto) se puso de moda, y estuvo bien visto durante un tiempo hasta que, como toda moda, acabó dejando de estar vigente y empezó a ser demonizada como, por ejemplo, el siempre interesante Elliot J. Stocks (Destroy the 2.0 look).

Como consecuencia o contrapunto a aquellos brillos y acabados imposibles en chapas que anunciaban que el producto o página visitada era “2.0″ o que estaba en fase “beta” (¿alguien compraría en su sano juicio un coche sin comprobar o una casa a medio hacer?), empezó a destacar una nueva tendencia. El trazo manual, la textura, las acuarelas, el trazo imperfecto, etc. son sus características. Web Designer Wall (otra referencia del sector y de lectura recomendable) adopta dicho aspecto a la perfección.

La última tendencia que hemos venido a descubrir es la de analogizar los elementos puramente digitales. Las interfaces gráficas digitales pasan a ser interfaces gráficas analógicas. El mejor ejemplo que logro recordar es de Yahoo! Searchpad. ¡Ey! ¡Eso mola! Y es cierto, tiene su gracia la primera vez que lo ves. Es algo así como las transiciones del PowerPoint, el uso de GIF animados o el abuso de Flash o esa música no deseada que suena de fondo en una página. Sin embargo, no es una estética que pueda triunfar en el gran mercado. Tiene su gracia en un formato muy determinado, el vídeo, y el guiño lo entiende principalmente el sector más avanzado que, finalmente, acaba prefiriendo un aspecto más común y usable.

Los grandes ciclos artísticos, y los pequeños, tienen siempre en común un hecho: son ciclos, se turnan, se contraponen y alternan. ¿Cuál será la siguiente tendencia?

¿Qué no haríamos todos por amor? Locuras se han hecho y se harán por y para él. Pero, pensándolo bien, resulta más cómodo ir y comprarle algo a nuestra pareja. Cómodo y menos arriesgado. Los chicos del marketing lo saben: el ser humano es apasionado, pero también –cada vez más– comodón.

Ahora bien, ¿cuánto me gasto? No quiero parecer cutre gastándome “poco”, ni derrochar a espuertas y que piense que no sé gestionar adecuadamente el dinero.

Apple tuvo a bien solucionarme el quebradero de cabeza y me ofreció una sencilla solución –como sus diseños– para San Valentín: tanto gastas, tanto quieres a la otra persona. ¡Qué pillos!

Recordad: no seáis cutres, no regaléis un iPod Shuffle.

Dear Apple, don’t get mad at me

Existen algunas etapas más o menos mecánicas que pueden optimizarse en tiempo, pero la gran parte del proyecto, donde se crearán los conceptos que le harán destacar del resto, requiere siempre del tiempo y esfuerzo creativo.

¿150€ por su web? ¿Cuántas horas se dedican a cada etapa? ¿A cuánto se cobra la hora? ¿Cuántos profesionales están envueltos en el proyecto?¿Qué garantías me ofrecen?

Una página web es una inversión. Habla a sus clientes de la empresa, de los productos que ofrece y le infunde en mayor o menor medida seguridad y confianza en la empresa/página.

Citando a Jakob Nielsen en factores para comunicar confianza online:

“Design quality: professional appearance feels solid; clear navigation conveys respect for customers and an implied promise of good service. Typos or difficult navigation communicate disregard for the users.”

“Calidad del diseño: el aspecto profesional aparenta solidez; la navegación clara transmite respeto a los clientes y una promesa implícita de buen servicio. Las faltas de ortografía o la navegación complicada comunica desconfianza a los usuarios.”

Al contrario que un libro, una web debe también juzgarse por su cubierta.

Cabe aclarar que la realidad no nos permite aplicar la teoría siempre, puesto que un rediseño de una web no suele limitarse a un cambio de aspecto, también acarrean cambios internos en el código.

Hace unos meses, llegó un proyecto en el que se nos pedía “duplicar” una página que ya tenían maquetada y aplicarle ciertos cambios para adaptarla a los tiempos que corren (un ancho mayor, etc.). Con cierto escepticismo ya que hacía escaso tiempo que me habían encargado un proyecto similar –sin los originales esta vez, y casi que mejor puesto que la original estaba basada en tablas– abrí los archivos y, ¡dichosos los ojos!, estaba maquetada muy correctamente en CSS con un HTML bastante aseado (no todo es maquetar en CSS, ¡la estructura del HTML también debe ser lo más sencilla posible!).

Tras un repaso en mayor profundidad al código, tardé muy poco en aplicar los cambios y realizar algunas optimizaciones. Un código inicial aseado y eficiente ayudó a que el proyecto saliera adelante rápidamente, con las ventajas que ello conlleva a empresa y cliente.

Lo que me motiva ahora a hablar de un libro del que se ha escrito tanto -y hace ya mucho tiempo- es que en un mundo como Internet, en el que todo sucede tan rápido y pronto acaba obsoleto, sus palabras son tan vigentes que preocupa (la segunda edición data de 2006).

El motivo de su vigencia reside en que la mayoría de los consejos descritos son de sentido común y, pese a ello, todavía siguen sin aplicarse a gran escala -especialmente en España.

Para describir el contenido y los consejos, nada mejor que el índice del propio libro:

1. Don’t make me think
   (primera ley de la usabilidad de Krug)
2. Cómo usamos la web realmente
   (escaneado, satisficiencia…)
3. Diseño básico de carteles
   (diseño para escaneado, no lectura)
4. ¿Animal, vegetal o mineral?
   (por qué a los usuarios les gusta hacer elecciones sin pensar)
5. Omite palabras innecesarias
   (el arte de no-escribir para la web)
6. Señalética y miguitas
   (diseñando la navegación)
7. El primer paso para curarse es admitir que la Home está fuera de tu control
   (diseñando la Home)
8. El granjero y el vaquero deberían ser amigos
   (por qué las discusiones sobre usabilidad son una pérdida de tiempo y cómo evitarlas)
9. Test de usabilidad baratos
   (por qué el testeo con usuarios es la cura para todos los males de tu página)
10. Usabilidad como cortesía
    (por qué tu sitio debería ser todo un caballero)
11. Accesibildad, CSS y tú.
12. Ayuda, mi jefe quiere que haga _____ .

Una lectura muy recomendada, ya que el sentido común nunca pasa de moda.

En Arstechnica, John Siracusa, nos recuerda los de OS X. Con notas sobre su origen (basado en NeXTSTEP) hasta Mac OS X 10.0.

Noticia original: http://bit.ly/7gcz7R

Como podréis comprobar, hay elementos que todavía fallan (aunque en local me funcione correctamente). Estaré unos días tratando de corregir dichos fallos. Disculpad las molestias.

También empezaré a escribir en este blog sobre asuntos relativos al diseño web. Mi objetivo es escribir un post mensual de contenido original de calidad. También iré publicando entradas de contenido referido cuando así lo crea conveniente.

Espero que os guste, animaos a contadme vuestras impresiones.

Muchas gracias.

La página está estructurada en XHTML y maquetada con hojas de estilo CSS.

Visitar: APIV

Querían crear un catálogo de productos atractivo y rápido, pensando en la compra online.

El diseño emplea código XHTML y CSS para una maquetación ligera y accesible.

Visitar: Montesa