Make everything as simple as possible, but not simpler. — Albert Einstein
December 3rd, 2009
La simplicidad está sobrevalorada
November 19th, 2009
Detalles…
Un diseño funcional, bonito y simple está bien.
Pero un diseño funcional, bonito, simple y fácil de maquetar está mucho mejor.
O como dijo Charles Eames:
Los detalles no son los detalles. Los detalles son el diseño.
Habla con tu equipo de maquetación. Seguro que te enseñan cómo mejorar como diseñador.
November 16th, 2009
La filosofía UNIX y el diseño
Preparando un documento de análisis para un cliente, me he encontrado en mi fondo de armario un enlace a las bases de la filosofía UNIX y no puedo dejar de pensar en lo bien que aplican estas reglas al mundo del diseño de interacción.
Las 17 reglas en versión resumida vienen a decir (perdón por la traducción al vuelo):
Regla de Modularidad: Escribe partes simples, conectadas por interfaces simples.
Regla de Claridad: ser Claro es mejor que ser ingenioso.
Regla de Composición: Diseña programas para que se conecten a otros programas.
Regla de Separación: Separa las reglas del funcionamiento; separa los interfaces de los mecanismos.
Regla de Simplicidad: Diseña para la simplicidad; añade complejidad sólo donde sea estrictamente necesario.
Regla de Parsimonia: Escribe un programa complejo sólo cuando sea evidente que no existe otra solución posible.
Regla de Transparencia: Diseña para la visibilidad, para hacer más fácil la inspección y la corrección de fallos.
Regla de Robustez: la Robustez es hija de la transparencia y la simplicidad.
Regla de Representación: Convierte el conocimiento en datos, para que la lógica de los programas pueda ser estúpida y robusta.
Regla de Mínima Sorpresa: En diseño de interfaces, haz siempre lo menos sorprendente.
Regla de Silencio: Cuando un programa no tenga nada sorprendente que decir, no debería decir nada.
Regla de Reparación: Cuando tengas que mostrar un error, falla estridentemente y lo antes posible.
Regla de Economía: el tiempo del programador es caro; consérvalo sobre el tiempo de la máquina.
Regla de Generación: Evita hacer cosas a mano; escribe programas que escriban programas siempre que puedas.
Regla de Optimización: Prototipa antes de pulir. Haz que funcione antes de optimizarlo.
Regla de Diversidad: Desconfía de todo lo que diga “esta es la única forma correcta”.
Regla de Extensibilidad: Diseña para el futuro, porque estará aquí antes de lo que piensas.
El único cambio que creo necesario para añadirlo a mi arsenal de Fundamentos de Diseño es reescribir la regla 13 como “el tiempo del usuario es caro; consérvalo sobre el tiempo del diseñador” (pensando en la Ley de Tesler).
November 12th, 2009
Creativity is Not Design
Gracias a webposible por enlazar este artículo de Andy Rutledge en Twitter.
Ahora que se habla tanto de “Design Thinking”, el concepto creatividad está más bastardizado que nunca, y no viene mal un recordatorio de que creatividad y diseño no son lo mismo (ni se parecen).
En el artículo se plantea un pequeño test de fundamentos de diseño, y una de las frases de cierre me ha conquistado:
I want those who have considered themselves to be designers but find this test impenetrable to clearly understand their lack of design competence.
El artículo va de cabeza a la lista de “referencias esenciales para presentaciones de diseño” : )
November 10th, 2009
La ley de la conservación de la complejidad de Tesler
…every application must have an inherent amount of irreducible complexity. The only question is who will have to deal with it.
(Una cita de la que siempre me acuerdo, pero nunca consigo ubicar al autor. Ahora sólo tendré que buscar en mi blog en vez de en toda la internet mundial).
October 28th, 2009
Orange Commands v1.4.0
Anuncio rápido: ya tienes disponible la nueva y mejorada versión de Orange Commands.
Novedades de esta versión respecto a la anterior (v1.3.0):
- Fallos corregidos:
- El comando ‘Set Size’ ya no peta cuando le das a ‘Esc’ para cerrarlo sin cambiar el tamaño de un objeto.
- Corregido un bug con los comandos de redimensionado que hacía que Fireworks se volviera loco después de redimensionar un grupo de objetos.
- Nuevos comandos
- Export » All Pages as PNG 24, que exporta todas las páginas del documento en PNG 24
- Set Page Name, para cambiar los nombres de las páginas sin usar la interfaz demencial de Fireworks
- Dos comandos de texto: Join y Join With… para fusionar cajas de texto
- Dos comandos de páginas: Vertical Trim y Vertical Trim All Pages, que recortan las páginas verticalmente al tamaño de los elementos que haya en la página.
Postdata: estoy en proceso de actualizar el sistema que genera la documentación, y de momento la versión en castellano está un poco por detrás de la versión en inglés. Si quieres ver la documentación más reciente, la tienes disponible (en inglés) en http://github.com/bomberstudios/fireworks/blob/master/README.markdown
August 3rd, 2009
Presentando OrangeCommands
Orange Commands es una colección de comandos para Fireworks CS3 y CS4 que sirven, esencialmente, para hacer más fácil la vida del diseñador web.
Si eres lector habitual de este blog, ya sabrás cual es, en mi opinión, uno de los pilares de la productividad y la innovación.
En la línea habitual de “haz más haciendo menos”, Orange Commands surge de la imperiosa necesidad de perder menos tiempo haciendo cosas aburridas en Fireworks, para poder dedicarlo a menesteres mucho más interesantes.
La segunda motivación para Orange Commands es que me gusta trabajar a pantalla completa sin ninguna paleta abierta. ¿Las razones?:
- Porque uno es así de raro.
- Porque la interfaz de Fireworks es tan lenta que cuando ocultas las paletas va mucho más rápido.
- Porque la interfaz de Fireworks es fea.
Vale, suena bien… ¿qué hace Orange Commands exactamente?
Pues empezó haciendo retículas (y llamándose Reticulator), y a día de hoy (que vamos por la versión 1.3) hace todas estas cosas (y alguna más, abajo tienes la lista completa):
Redimensionar objetos con el teclado. El por qué Adobe no ha puesto esto de serie en Fireworks continúa siendo un misterio…
Si piensas que no necesitas redimensionar objetos con el teclado (que es lo mismo que pensé yo cuando Keko me pidió que le programara estos comandos) es porque todavía no lo has hecho. Si sólo me tuviera que quedar con una cosa de Orange Commands, sería esto…
Cambiar la transparencia de objetos con el teclado, que es algo que Photoshop tiene (mas o menos) pero Fireworks no tenía. Otra cosa que piensas que no vas a necesitar hasta que un día te sorprendes no pudiendo vivir sin ella.
Cambiar el color de relleno, de línea y de fondo de documento con el teclado, que es algo esencial si no quieres tener abiertas mil paletas (¿he dicho ya que Fireworks funciona mucho más rápido con las paletas ocultas?)
Exportar la página actual como un PNG a 24 bits con un sólo atajo de teclado, sin abrir la ventana de previsualización (¿adivinas por qué? porque es lenta de cojones) y sin tener que cambiar opciones en ninguna parte. Con este comando puedes tardar entre 1 y 5 segundos en mandarle a alguien por email un pantallazo de lo que estés haciendo :)
Reticulator, nuestro viejo conocido, ahora tiene un atajo de teclado para la retícula más habitual (la 960-16-9).
Rodear de guías una selección con el teclado. Selecciona lo-que-sea, dale a
, y tendrás cuatro guías enmarcando tu selección. Esto debo usarlo unas 400 veces al día, y la inspiración (y el atajo de teclado :) vienen directamente de TextMate.Posicionar elementos con el teclado. ¿He dicho que Fireworks es lento?
Y más cosillas…
¡Cáspita!, ¡Zapateta!, ¡Repámpanos!… ¡Lo quiero!
Estás de suerte, porque Orange Commands es gratis total. No sólo es Software Por La Patilla™, sino que es código abierto (a modo de homenaje a todas esas almas caritativas que han sembrado el mundo de software libre molón del que nos aprovechamos todos los días y que incluso nos da de comer)
Si eres de esa gente rara que quiere ver el código fuente, lo tienes disponible en http://github.com/bomberstudios/fireworks (por si quieres asegurarte de que los comandos no ejecutan nada raro, ni se beben tu cerveza, ni te levantan a la novia por la espalda sin avisar)
Si eres gente normal, tienes los comandos para descargar, y toda su documentación, en la página de Orange Commands
¡Feliz semana!
April 24th, 2009
GTD con papel
Después de probar Things.app, OmniFocus, The Hit List, Actiontastic, y casi todas las combinaciones posibles de wikis, clientes de mail, blocs de notas y tinglados absurdos de sincronización y gestión, me vuelvo al método que mejor me ha funcionado: el papel.
Aquí, el kit GTD definitivo:
- Tarjetas de cartulina, disponibles en varios tamaños. 1 euro el paquete de 100.
- Clips de papel de Muji. Los más pequeños que encontré. No recuerdo exactamente el precio, pero también rondan el euro.
- Un boli Pilot C4 de 0.2mm. Mi boli fetiche. En mi opinión, lo más parecido a la perfección para escribir por menos de 3 euros.
Los distintos tamaños de tarjetas me permiten usarlas para varias cosas:
- las más pequeñas, de 65 x 95 mm, van siempre en un bolsillo o en la mochila.
- las más grandes, de 100 x 150 mm son perfectas para bocetillos, dibujines, prototipos…
- las medianas, de 75 x 125 mm, las uso como bloc de notas en mi mesa de trabajo y como mini-atril con un pequeño hack:
Se acabaron los problemas de baterías, cobertura, sincronización, brillos en la pantalla y peso innecesario.
Y de regalo me llevo un sistema personalizable, ordenable infinitamente por el criterio que quiera, que no necesita updates, y que nunca dejará de funcionar aunque cambie de sistema operativo :)
April 21st, 2009
What is innovation
“R+D is transforming money to knowledge. Innovation is transforming knowledge to money”
— Esko Aho, former Finland Prime Minister, at Innovae 2009
April 8th, 2009
cambiando de servidor
Si puedes leer esto es que Sofá Naranja está funcionando en un nuevo y flamante servidor.
Y si no puedes, es que algo ha ido terriblemente mal en la mudanza. Pero será como un árbol que cae en el bosque sin que nadie lo escuche :P