Distill

Cuándo usarlo

/impeccable distill elimina lo que no debería estar ahí. Botones compitiendo entre sí, información redundante, bordes decorativos, tres fuentes donde funciona una, seis elementos de navegación donde corresponden tres. Úsalo cuando una interfaz se siente saturada, ocupada, o como si estuviera intentando hacer demasiado a la vez.

Recurre a él después de que /impeccable critique señale “carga cognitiva” o “ruido visual”, o en cualquier momento en que una página haya crecido por acumulación y nadie haya hecho la edición.

Cómo funciona

La habilidad parte de una pregunta: ¿cuál es la única tarea que esta interfaz está intentando realizar? Todo lo que no ayuda a esa tarea está en el bloque de los descartes.

Funciona en dos pasadas:

1. Evaluar las fuentes de complejidad. Demasiados elementos, variación excesiva, sobrecarga de información, ruido visual, jerarquía confusa, expansión 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 variación en un único tratamiento. Comprometerse con un único lenguaje visual.

El principio: cada elemento en la página tiene que justificar su existencia. Menos obstáculos, no menos funciones.

Pruébalo

/impeccable distill this dashboard

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

Después de una pasada de /distill, cambios típicos:

• Colapsar los cuatro estilos de tarjetas en uno
• Elegir una variante de botón, degradar las demás a enlaces de texto
• Unificar los encabezados
• Agrupar la barra lateral en 3 secciones, no en 5
• Ocultar las opciones avanzadas detrás de un desplegable

Menos cosas. Cada una más clara.

Errores comunes

• Confundir destilar con eliminar. Distill elimina obstáculos. No elimina funciones que los usuarios necesitan. Si un usuario confía en algo a diario, encuentra la forma de mantenerlo discretamente, no la forma de cortarlo.
• Ejecutarlo demasiado pronto. Si la funcionalidad sigue creciendo, destilarla ahora significa destilar lo mismo otra vez la próxima semana. Espera hasta que la forma sea estable.
• Esperar que reemplace el trabajo de jerarquía. A veces la solución correcta no es eliminar cosas, es organizarlas. Recurre a /impeccable layout cuando el problema es el diseño, no la cantidad.