BorrowBits
Dalí gestáltico en el diseño web
Portada » Blog » Computación » Programación » La Gestalt y los framework front-end: los programadores que no sabían diseñar.

La Gestalt y los framework front-end: los programadores que no sabían diseñar.

dali gestaltico

Hay un dicho muy 2.0 que reza: «Diseñas peor que un programador«. ¿Es eso cierto? Me gustaría decir que no, pero se trata de una verdad como un templo: el 90% de los programadores no sabe diseñar interfaces de usuario originales y/o bonitas (Según un reciente estudio de la Universidad de Meloinvento Sobrelamarcha).

Entonces cabe preguntarse: ¿el diseñador nace o se hace?

 Esta pregunta es una extrapolación de aquel viejo dilema, sólo que hablamos de diseñadores en lugar de artistas. Así, la respuesta más amplia es que primero nace el artista y por último se hace diseñador.

Un diseñador que ha nacido artista no necesita conocer las leyes del diseño para lograr un resultado atractivo y original. Eso no quita que un programador no pueda estudiar esas leyes del diseño (que el diseñador nato desprecia) y «parchear» así sus carencias en el arte de diseñar webs e interfaces.

¿Y qué leyes son esas?

Es un tema demasiado extenso para unas cuantas líneas. Nos limitaremos a decir que hay muchos manuales escritos por y para programadores sobre «cosas» que hacen bonitas una interfaz digital.

Hay que decir, no obstante, que casi todos los postulados estéticos se basan en una conocida corriente de la psicología alemana del siglo XX: la Gestalt. No hay traducción exacta para la palabra Gestalt. Puede querer decir «forma» o «conjunto», aunque es más preciso entenderlo como una suma de conceptos que forman un todo: la «figura» y el «fondo». Su axioma principal lo resume a la perfección:

El todo es mayor que la suma de sus partes.

En efecto, la mente humana no interpreta la realidad que percibe como elementos aislados, sino como la totalidad de todos ellos. En base a esto, la Gestalt postuló una serie de leyes extremadamente útiles en el diseño web o de apps. Aquí podéis ver ejemplos muy claros.

Sin embargo, venimos observando últimamente que muchos programadores, que nunca han estudiado las leyes gestálticas ni han nacido artistas, están diseñando interfaces muy chulas.

¿Qué está ocurriendo? El boom de los frameworks front-end

Hace una década todo era mucho más sencillo. No había smartphones y uno diseñaba para un monitor que podía ir de los 800×640 hasta los 1024×768 píxeles. Lo que hubiera fuera de este rango nos importaba un pimiento. Como mucho, nos preocupaba la compatibilidad entre Internet Explorer, Netscape Navigator y hasta puede que Opera (los más pulcros).

Pero la cosa se ha puesto bastante fea durante los últimos años. Tablets, portátiles, videoconsolas… De todas las resoluciones y tamaños. Realizar un diseño que se viera bonito en todos los navegadores y en todos los dispositivos se ha ido convirtiendo paulatinamente en una tarea titánica. Abrumadora.

En este contexto empiezan a surgir los framework front-end, es decir, marcos de trabajo muy completos para diseñar interfaces gráficas de usuario cross-platform.  ¿Os suena Bootstrap de Twitter? Es el más claro ejemplo de un framework front-end. Hay decenas como éste, y cada vez mejores y más completos: Kendo UI, Rikulo, Wijmo

¿Y qué tiene que ver todo esto con la Gestalt?

Pues que casi todas estas librerías, framework (como lo queráis llamar) tienen una cosa en común: la configuración de sus layouts, sus grids, sus menús, carousels y cualquier componente visualizable están pensados para cumplir las principales leyes gestálticas. ¡Y de forma que se sigan cumpliendo incluso cuando cambia el tamaño u orientación de la pantalla!

Todo esto, en conjunción con las plantillas pre-existentes y unas nociones muy básicas de diseño (las puedes aprender en una tarde de procrastinación) hacen muy difícil que, aún siendo programador, realices un diseño feo.

Así que si eres programador y no has nacido con el don del artista, estás de suerte: el diseñador del 2013 se hace, y además de forma casi automática. Seguiremos hablando de esto…

Angel H.

Tecnófilo irreparable y lector insaciable. Emigrante e inmigrante. Además de eso, Ingeniero de Telecomunicaciones y Product Manager. +10 años de experiencia en proyectos de Software, Cloud e Ingeniería de Redes. Me apasiona el DIY, la tecnología Blockchain y las Finanzas.

3 comentarios

  • Creo que más allá de usar o no Bootstrap, he visto diseños espantosos usando dichos framework y creo que no es que uno nazca con la habilidad para diseñar sino que se forja a través de la observación y el análisis de los diseños que pueden ser considerados agradables, funcionales y fáciles de usar.

    Yo reconozco a un programador que es hábil con los framework que mencionas pero débil en el diseño cuando por ejemplo veo que imita algunos patrones de diseño pero que tiene muchos elementos que no cuadran: íconos grandes o desubicados, tipografía mediocre por decir poco y una combinación de colores para tiritar.

    Ojo que creo que un programador no tiene porque saber diseñar aunque creo que le puede sumar un poco poder hacer prototipos agradables para mostrar.

    Un saludo

Angel H.

Tecnófilo irreparable y lector insaciable. Emigrante e inmigrante. Además de eso, Ingeniero de Telecomunicaciones y Product Manager. +10 años de experiencia en proyectos de Software, Cloud e Ingeniería de Redes. Me apasiona el DIY, la tecnología Blockchain y las Finanzas.

Suscríbete

¡Sácale el máximo partido a BorrowBits!

Apúntate para seguir recibir por email las nuevas publicaciones, noticias sobre Blockchain pre-filtradas y material exclusivo para suscriptores. De momento es gratis:

Categorías

Bits del pasado

Sitio patrocinado por:

JitKey rentabilización apartamentos turísticos

JITKey.- Startup enfocada en la gestión de alojamientos turísticos.