What I meant to call “Object Oriented UI Design” (OOUID)

Ferkennedy
Feb 23, 2017 · 3 min read

Lo que pienso que es el Diseño Orientado a Objetos (OOUID), es una técnica de administración de tus capas, objetos, vectores, estilos, que permiten al diseñador propagar consistentemente los estilos a un gran número de pantallas, útil para el diseño de sistemas, aplicaciones o sitios web, donde el diseño necesita mantener coherencia y una capacidad de sincronización alta.

Esto viene evolucionando desde lo que en Photoshop conocemos como “Objetos Inteligentes” o en Illustrator “Clips”, ahora en SketchApp el nombre es “Symbols”. El uso de estas funcionalidades permiten al diseñador el anidar elementos, capas, imágenes, textos en un objeto que contiene sus propiedades y no afectan al entorno donde se coloca. Pero el diseño orientado a objetos debe poder ir más allá, como el anidar propiedades que se pueda pre establecer, como una paleta de color definida y limitada que permita una consistencia en cualquier momento de su aplicación. Es decir, una vez que un objeto de diseño es colocado dentro de una pantalla, este debe portar todos los estilos, propiedades y cualidades pre establecidas a conciencia y permitir al diseñador mantener una consistencia en base a ello, cada vez que el objeto sea transportado a otras pantallas.

Ahora SketchApp dio un paso más en funcionalidades de los programas de diseño para enriquecer esta técnica, permitiendo al diseñador no sólo anidar propiedades dentro de sus archivos, sino que además te permite elegir un repositorio (Google Drive o Dropbox) donde se anidan los “símbolos” que contienen todos los parámetros estéticos que has definido y que serán importados dentro de tus pantallas cada vez que los llamas. Pero no sólo tus archivos, sino que estos estilos son una “librería” de propiedades que puede estar a disposición de otros diseñadores, en computadoras diferentes, con archivos diferentes, pero que tienen acceso a la misma librería y a los mismos símbolos.

Esto permite consistencia y sincronicidad a una escala que antes no era posible sin una cantidad de tiempo y atención a los detalles que se mantenían siempre en riesgo de sufrir variaciones. Un estilo demás, un color ligeramente fuera de la paleta definida, son un ejemplo de lo que suele pasar al compartir archivos o realizar nuevas pantallas, en UIs de sistemas grandes, sitios con gran cantidad de funcionalidades o aplicaciones móviles de diseños complejos.

No es un concepto de diseño, es una técnica de administración de objetos de diseño. No es un concepto de programación, pero lo beneficia al poder equiparar su lógica en el uso de “clases”, “métodos”, o “estilos”, de manera sólida y separada en objetos portables, no en capas fijas dentro del programa de edición y condicionado a uno u otro archivo.

Ferkennedy

Written by

UI/UX Designer & lllustrator