Distill

Cuando usarlo

/impeccable distill elimina lo que no deberia estar. Botones compitiendo, informacion redundante, bordes decorativos, tres fuentes donde funciona una, seis elementos de navegacion donde pertenecen tres. Usalo cuando una interfaz se siente desordenada, ocupada, o como si estuviera intentando hacer demasiado a la vez.

Usalo despues de que /impeccable critique senale “carga cognitiva” o “ruido visual”, o en cualquier momento en que una pagina haya crecido por acumulacion y nadie haya hecho la edicion.

Como funciona

La habilidad parte de una pregunta: cual es el unico trabajo que esta interfaz esta intentando hacer? Todo lo que no ayuda a ese trabajo esta en la picota.

Trabaja en dos pasadas:

1. Evaluar las fuentes de complejidad. Demasiados elementos, variacion excesiva, sobrecarga de informacion, ruido visual, jerarquia confusa,(extension de funcionalidades). Nombrar cada una.
2. Editar despiadadamente. Eliminar lo que no es esencial. Combinar lo que se puede combinar. Ocultar lo que puede esperar. Consolidar la variacion en un unico tratamiento. Comprometerse con un unico lenguaje visual.

El principio: cada elemento en la pagina tiene que justificar su existencia. Menos obstaculos, no menos funcionalidades.

Probalo

/impeccable distill this dashboard

Antes: cuatro estilos de tarjetas, tres variantes de boton, dos tratamientos de encabezado, una barra lateral con 14 elementos agrupados en 5 secciones.

Despues de una pasada /distill, cambios tipicos:

• Colapsar los cuatro estilos de tarjetas en uno
• Elegir una variante de boton, degradar las demas a enlaces de texto
• Unificar los encabezados
• Agrupar la barra lateral en 3 secciones, no 5
• Ocultar opciones avanzadas detras de un desplegable

Menos cosas. Cada una mas clara.

Errores comunes

• Confundir distill con eliminar. Distill elimina obstaculos. No elimina funcionalidades que los usuarios necesitan. Si un usuario depende de algo diariamente, encuentra una manera de mantenerlo discretamente, no una manera de cortarlo.
• Ejecutarlo demasiado temprano. Si la funcionalidad todavia esta creciendo, destilarla ahora significa destilar lo mismo otra vez la proxima semana. Espera hasta que la forma sea estable.
• Esperar que reemplace el trabajo de jerarquia. A veces la correccion correcta no es eliminar cosas, es organizarlas. Recurre a /impeccable layout cuando el problema es layout, no cantidad.