5 Diferencias entre Diseño UX, UI y Diseño Gráfico





Aquellos quienes habitamos el vasto y perso mundo del diseño ✏️ 🌎️ tenemos totalmente claro su enorme magnitud y su amplia persidad. Con tan solo empezar a recorrerlo y observar el panorama, en cierto modo, la palabra “mundo” comienza a verse pequeña, haciendo que “universo” 💫 sea una definición mucho más clara, acertada y cercana a la realidad de esta disciplina multifacética.





Las ramas del diseño son muchas 🌳📐✏️ y cada una tiene su propia idiosincrasia, propósito, técnicas, procesos, formas, metodologías y referentes, que la diferencian tajantemente del resto. Si entraste en este artículo, seguramente tengas la curiosidad de conocer sus diferencias y/o te encuentres empezando una inmersión incipiente en el fantástico “universo” del Diseño 💫 . En este nuevo Coder Blog vamos a hacer hincapié en tres de estas ramas y te vamos a contar cuáles son las diferencias entre Diseño UX, UI y Diseño Gráfico, a fin de que puedas diferenciar claramente a cada profesional.


Antes de empezar a diferenciar las distintas ramas es importante tener en claro qué es el Diseño en sí, cuál es el propósito principal que une sus diferentes áreas y por qué afirmamos que es tan vasto:








¿Qué es el Diseño?


Cuando hablamos de diseño, el imaginario popular tiende a simplificarlo y lo pide en disciplinas unidas por el amor a los colores, las formas o los dibujos. La realidad es muy diferente. El diseño es el arte de solucionar un problema💡. Un diseñador analiza a fondo una problemática y encuentra una solución práctica para responder a la misma 👍️. Yendo a un ejemplo simple, si el problema fuera la dificultad de poder sentarse cómodamente, la solución sería una silla con espaldar 💺.


La estética, la belleza, lo visual, forma parte de un segundo plano ya que en primer lugar se encuentra la funcionalidad. O sea, la capacidad de ese diseño de resolver el problema. Una vez resuelta la problemática, ese diseño puede “reinterpretarse” una y otra vez añadiendo comodidad, elegancia, belleza, estilo, colores, etc. Este es el significado de la famosa frase “La función antes que la forma”.


“El diseño no se trata de cómo se ven los objetos, el diseño se trata de cómo funcionan”. - Steve Jobs.


“La forma sigue a la función”. - Louis Sullivan.


Como primera conclusión en este artículo podemos decir que más allá de que la mayoría de la gente crea que el diseño se trata de cómo se ve el producto, la disciplina realmente se trata de la forma en la cual funcionan los elementos. El diseñador siempre definirá la función y en base a eso adaptará la forma.











Diferencias entre Diseño, Arte e Ilustración


Usualmente y debido a la mala interpretación que tiene una parte mayoritaria de la sociedad, se suele confundir al diseño con el arte y la ilustración. Si bien es importante aclarar que el Diseño toma elementos del arte y la ilustración para desarrollar sus procesos, no estamos hablando de conceptos análogos.


El Arte se diferencia del Diseño en su propósito. El arte reta al inpiduo, lo desafía, lo conmueve, busca mover sus emociones, invita a la persona a pensar cosas diferentes, pero de ninguna manera intenta solucionar un problema, lo cual es propósito exclusivo del Diseño.


Por otro lado, el propósito de la ilustración es acompañar, reforzar, complementar, recrear o narrar en conjunto con un texto escrito. Se trata más bien de una ponderada habilidad que podía tener un diseñador, más no un concepto similar.








Diferencias entre Diseño UX, Diseño UI y Diseño Gráfico


Una vez aclaradas las confusiones conceptuales más comunes, es turno de diferenciar claramente las tres ramas del diseño que vamos a analizar en profundidad: Diseño Gráfico ✏️ , Diseño UX 📏 y Diseño UI 📺️ . Estas diferencias estarán basadas en distintos criterios de comparación como: Función, Propósito, Protagonismo, Herramientas y Conocimiento Sobre Lenguajes De Programación.


1. Función:


La principal diferencia entre estas tres ramas del diseño radica en las funciones que cada una lleva a cabo.


✏️ El Diseño Gráfico consiste básicamente en comunicar mensajes a través de piezas visuales que incluyen imágenes y texto, normalmente producidos a través de medios digitales, dirigidos a determinados grupos sociales y con objetivos definidos. Las piezas visuales que genera esta disciplina pueden ir desde contenidos editoriales, identidades de marca, elementos corporativos y packaging, hasta cartelería, papelería, materiales promocionales y publicitarios, entre otros.


📺️ Por otro lado, El Diseño UI o “Diseño de Interfaz de Usuario” consiste en el desarrollo de elementos gráficos destinados a la interacción entre personas y dispositivos digitales. Los productos que genera esta disciplina permiten al usuario manipular un sistema de manera efectiva. Este tipo de diseño incluye una arquitectura de la información muy concreta, pero es importante aclarar que solo se trata de una herramienta, entre varias otras, que contribuyen a la experiencia de usuario (UX).


UI: Una de las herramientas más importantes del universo UX


📏 Aclarado el punto anterior, llegamos finalmente al Diseño UX o “Diseño de Experiencia de Usuario” que, lejos de ser solamente diseño visual, consiste en la creación de productos digitales (Webs, Productos Digitales y Aplicaciones) que satisfacen las necesidades determinadas de los usuarios finales, obteniendo un resultado más disfrutable y la mejor experiencia de uso posible, con el mínimo esfuerzo. Este tipo de diseño engloba el conocimiento de varias disciplinas como la psicología del usuario, la economía de comportamiento, la usabilidad, la neurociencia, entre otras.


2. Propósito:


La segunda diferencia entre estas tres ramas del diseño radica en el propósito fundamental que las motiva:


El propósito del diseño gráfico es encontrar la mejor forma de comunicar un mensaje a través de una pieza visual 💡 . No se trata necesariamente de generar materiales sumamente elaborados a nivel estético sino de que estos sean funcionales para transmitir el mensaje primordial.


Por su parte, el Diseño UI tiene como propósito generar los elementos gráficos que mejor contribuyan a una interacción fluida entre el usuario final y el dispositivo 📲 . Su fin es el de crear y diseñar pantallas que resulten atractivas, amigables y que logren la mejor organización posible de la información.


Finalmente, el Diseño UX tiene como propósito primordial optimizar al máximo posible la experiencia que un usuario final tiene con un producto 😃📲 . El diseño UX realiza investigaciones para crear un producto que sea lo más cercano posible a lo que los usuarios están buscando.


Te recordamos que si quieres aprender más en profundidad sobre el Diseño UX, no te puedes perder nuestro Coder Blog: ¿Qué es el Diseño UX? La Importancia Del User Experience


3. Protagonismo:


En este punto es importante hablar por un lado del Diseño UX/UI y por otro lado del Diseño Gráfico, ya que corren por carriles diferenciados.


Si bien aclaramos que el Diseño UI es solo una herramienta dentro del mundo del UX, este en ocasiones termina obteniendo un mayor protagonismo ya que es la parte visible y materializada de todo el trabajo previo de research, análisis, estudios y tests realizados por los profesionales del Diseño UX. En este punto quizás encontramos el principal motivo de confusión que tienen las personas entre estas dos clases de diseño. El Diseño UX es el “cerebro”, la investigación y la estrategia que dan una razón de ser al  Diseño UI y hacen que este se pueda lucir de la mejor manera.


Detrás del Diseño UI hay un trabajo sólido de investigación realizado por el Diseño UX. Fuente: EDTeam


En un carril diferenciado corre el Diseño Gráfico que también tiene un papel protagónico pero, en otros soportes, los cuales ya mencionamos cuando hablamos de su funcionalidad, sin tocarse con el mundo del UX/UI. En este caso el diseño gráfico solo comparte elementos en común con el Diseño UI como podrían ser las formas, tramas, paletas de colores, tipografías, composición, etc.


4. Herramientas:


Como mencionamos anteriormente, el Diseño UX no se circunscribe solamente al diseño visual por lo que las herramientas más populares de esta disciplina difieren de las utilizadas en Diseño UI o Diseño Gráfico. En esta área nos encontramos con herramientas como:


Hotjar: Consiste en una especie de Google Analytics Visual que es capaz de mostrar a través de mapas de calor los lugares donde los usuarios hacen click, las posiciones hasta donde estos hacen scroll, los rincones hacia donde las personas mueven el mouse, cuáles son los puntos de dolor por donde el usuario abandona y por qué.Invision: Es una de las herramientas preferidas por los Diseñadores UX la cual les permite hacer wireframes, mockups y dibujar pantallas en grupo.Balsamiq Mock Ups: Otra popular herramienta para hacer esqueletos, bocetos y wireframes de cómo se van a ver aproximadamente las pantallas en su etapa final.


Mientras tanto, en lo que respecta al Diseño UX, nos encontramos con herramientas como:


Adobe Xd: Un potente editor de elementos vectoriales capaz de diseñar y prototipar la experiencia del usuario en páginas webs y aplicaciones móviles.Figma: Otro popular editor de elementos vectoriales y herramienta de creación de prototipos basada en la nube, con funcionalidades extra sin conexión.Webflow: Es una herramienta muy popular que permite a sus usuarios la creación de código a través de un diseño.


Por otro lado, y hablando de Diseño gráfico, sus principales herramientas son:


Adobe Photoshop: La todopoderosa y popular herramienta de retoque digital y composición gráfica que funciona a través de elementos pixelares.Adobe Illustrator: El más completo editor de elementos vectoriales. Ideal para la ilustración y la composición final de los diseños.Adobe Indesign: Una aplicación pensada para el diseño editorial y la composición digital de páginas dirigidas a maquetadores profesionales. 


5. Conocimiento Sobre Lenguajes de Programación:


Como es de esperarse, al estar más en contacto con el correcto desarrollo de webs, productos digitales y aplicaciones, los profesionales de UX y UI cuentan con conocimientos básicos en lenguajes como HTML y CSS, lo que les permite hacer viables sus proyectos. Por otro lado, los Diseñadores Gráficos no suelen tener la necesidad de aprender sobre lenguajes de programación, aunque si estos pretenden dominar áreas como el Diseño Web y UI, necesitarán estas mismas nociones básicas para poder realizar su trabajo de una forma más asertiva.











Conclusión:


A esta altura del artículo seguramente ya tienes un conocimiento básico, pero mucho más amplio de las diferencias entre estas 3 ramas del Diseño. Si tu objetivo es formarte en una de ellas queremos decirte que, si te ves a futuro dando una visión más abarcativa y con pinceladas más artísticas, lo tuyo es el diseño gráfico. Si por el otro lado eres una persona a la que le apasiona las interacciones y deseas que tus proyectos lleguen a un usuario final, tu perfil es el de Diseñador UI, y finalmente, si tienes un perfil analítico, siempre dispuesto al research y a la mejora continua de la experiencia de usuario, ya estás listo para comenzar tu carrera como Diseñador UX.


¿Te ha resultado útil el contenido de este artículo? ¡Háznoslo saber en los comentarios!


¡Y te recordamos que si quieres convertirte en todo un experto, puedes darle un vistazo al Curso de Diseño UX UI que Coderhouse tiene preparado para ti!