3 lecciones del diseño de interfaces al diseño tradicional

La experiencia en diseño de interfaz de usuario nos enseña a integrar tres buenas prácticas en el proceso de trabajo a proyectos de diseño gráfico tradicional.

Retrato de Juandiego Calero Juandiego Calero Barcelona Seguidores: 41

Ilustración principal del artículo 3 lecciones del diseño de interfaces al diseño tradicional

Llamo diseño gráfico tradicional a los productos que no están pensados para ser utilizados en dispositivos interactivos (teléfonos inteligentes, tabletas, ordenadores, televisores inteligentes, etc). Me refiero a productos como: carteles, revistas, volantes, envases e incluso las cortinillas y créditos que aparecen en programas de televisión y películas. En otras palabras, si un producto de comunicación gráfica es concebido para ser utilizado en un dispositivo interactivo, entonces no es parte del diseño gráfico tradicional.

Estudié diseño editorial, trabajé en la industria del libro impreso en tres estudios «tradicionales» y, por azares del destino, poco a poco me fui convirtiendo en un diseñador de interfaces gráficas digitales. Al pasar por estas dos experiencias, encontré diferencias muy importantes en el modo de trabajar. Se trata de tres buenas prácticas que descubrí en el diseño gráfico de interfaz y que ni siquiera aparecieron como posibilidad durante mi experiencia en el diseño gráfico tradicional:

  1. El testeo1 como parte fundamental del proceso de trabajo. En el diseño tradicional el objetivo es llegar un producto terminado, que nunca más volveremos a tocar. No lo ponemos a prueba ni sabemos cómo lo usaría el usuario final. En el diseño de interfaz mi trabajo consiste en testear el producto diseñado varias veces y por varias personas, antes de distribuirlo al público.
  2. La iteración2 como parte intrínseca del proceso de diseño. Los proyectos de diseño de interfaz salen de nuestras manos y vuelven con información útil de los usuarios finales. Muchas veces no entienden cómo hacer ciertas acciones con la herramienta, página o App, y tenemos que incorporar mejoras para que la herramienta se vuelva mejor.
  3. La copia como recurso para mejorar. En el diseño gráfico tradicional una de las cosas que más se sataniza es el copiar, pero el diseño de interfaz se basa en estándares, lo cual da lugar a que los productos finales muchas veces se parezcan entre sí. Buscamos crear interfaces robustas y fáciles de usar, por eso tienen que parecerse a otras que los usuarios ya estén acostumbrados a usar, y desde ahí desarrollamos las nuevas ideas.

¿Cómo aplicar estas buenas prácticas al diseño gráfico tradicional?

Entiendo que estas prácticas tan habituales del diseño gráfico de interfaces digitales, son grandes lecciones que bien podrían aplicarse al diseño gráfico de productos más tradicionales:

  • Testear: Podemos pedirle a alguien que use el producto diseñado y diga en voz alta qué es lo que entiende, qué es lo que ve y lo que no entiende. Aun más interesante sería grabarlo en video (con su consentimiento) y después analizarlo con el equipo de trabajo. Es preferible hacer el testeo con una persona de la edad del público que utilizará el producto y, obviamente, no debe estar involucrada con el equipo de producción.
  • Iterar: Es complicado iterar, pues muchas veces los proyectos no regresarán a nuestras manos, pero, para futuros proyectos, es una buena práctica conocer la opinión del público/usuario del producto que diseñamos.
  • Copiar: Es muy importante conocer los estándares y no intentar inventar la rueda en cada nuevo proyecto. Hay que dejar de satanizar la copia. Copiar no necesariamente implica plagiar. Se puede copiar con el único objetivo de ajustarse a los estándares más altos. Después de todo, son muy pocos los productos del diseño gráfico tradicional que realmente nos exigen ser creativos y salirnos del molde.

¿Qué te pareció? ¡Comparte tu opinión ahora!


Retrato de Juandiego Calero Juandiego Calero Barcelona Seguidores: 41

Opiniones:
21
Votos:
65

Este video podría interesarte👇👇👇

Colabora con la difusión de este artículo traduciéndolo

Traducir al inglés Traducir al italiano Traducir al portugués
  1. «Testear» es un anglicismo para referirse a las pruebas que permiten concluir si el diseño cumple con las funciones que debería cumplir.
  2. «Iterar» es la técnica de desarrollar proyectos de manera incremental, a partir de repetir el siguiente proceso: desarrollar, entregar, recibir retroalimentación, desarrollar, etc.
Código QR de acceso al artículo 3 lecciones del diseño de interfaces al diseño tradicional

Este artículo no expresa la opinión de los editores y responsables de FOROALFA, quienes no asumen responsabilidad alguna por su autoría y naturaleza. Para reproducirlo, salvo que estuviera expresamente indicado, por favor solicitar autorización al autor. Dada la gratuidad de este sitio y la condición hiper-textual del medio, agradeceremos evitar la reproducción total en otros sitios Web. Publicado el 13/09/2018

Descargar PDF

Debate

Logotipo de
Tu opinión

Ingresa con tu cuenta para opinar en este artículo. Si no la tienes, crea tu cuenta gratis ahora.

Retrato de Dennys Vera
0
Dic 2019

Yo soy estudiante de diseño gráfico y actualmente estoy cursando mi último año de la carrera y este artículo me hizo dar cuenta de las 3 lecciones. El diseñador por lo general trabaja solo pero siempre necesitará de otras personas que den sus opiniones o sus puntos de vista ya que así el diseñador se podrá dar a cuenta del diseño que se realizó.

0
Retrato de Marcelo Luis Acosta
0
Abr 2019

Buen día! para el puntos testear, me sucede, como diseñador gráfico tradicional o como intermediario entre un companer@ y diseñador o programador web, que al presentar las maquetas con imágenes inmóviles, jpg, y luego de aprobar las páginas principales del trabajo, al final cuando el sitio esta online, recién ahí descubrimos por la interacción las falencias reales, ¿Cómo se soluciona eso?. Muchas gracias.

0
Retrato de Juandiego Calero
41
Abr 2019

Hola Marcelo, en casos un poco extremos te recomiendo que imprimas tu diseño a escala real. Se lo muestres a alguien que no tenga información previa del proyecto, le pones una "tarea" y le pidas que te explique en voz alta cómo la resolvería y que te indique con el dedo sobre tu diseño impreso dónde daría click y cuál sería su recorrido. Por ejemplo, necesito que te registres en el sitio web, ¿Qué harías?. O necesito que busques este artículo en nuestro catalogo de productos. Espero que te sea de utilidad. Saludos!!

1
Retrato de Marcelo Luis Acosta
0
Abr 2019

Mil gracias, muy amable.

0
Responder
Retrato de Camila Mera
1
Nov 2018

Entre lo tradicional y lo digital hay un sin número de diferencias y como uno posee mayor ventaja que el otro. La manera en que lo divides en tres aspectos es una manera de generalizar la comparación entre las dos, demostrar las debilidades y las oportunidades. Sabiendo que en el diseño tradicional te envuelves en un procedimiento más pesado pero al fin al cabo posees respuestas más reales que las digitales.

0
Retrato de Camila Sottocorno
1
Nov 2018

Interesante

1
Retrato de Christian Benítez
1
Christian Benítez
Nov 2018

Considero que es muy común caer en el error de la autorreferencia, de pensar que porque nosotros lo entendemos todos lo harán, pero esto no puede estar más alejado de la realidad. Todos tenemos diferentes referentes y contenidos en la cabeza y siempre es necesario dar un paso atrás y dejar que otra mirada, preferentemente la de alguien que pertenezca al grupo al que le queremos hablar nos de su opinion y nos guie en el proceso. Otro punto muy importante de las lecciones de las que habla el autor es sobre la copia, en realidad no hay nada nuevo bajo el sol, todo ya fue inventado y por más que nos esforcemos por ser creativos y sacar cosas únicas y originales de nuestras cabezas todo se basan en modelos que ya conocemos, en innovación de referentes que ya tenemos. Eso no es plagiar, es utilizar estratégicamente la información, no con el afán de hacerlo exactamente igual sino de tomar los elementos que nos funcionan para hacerlo mejor.

0

Te podrían interesar

Ilustración principal del artículo Publicaciones institucionales de YPF
Autor:
Tholon Kunst Diseño
Título:
Publicaciones institucionales de YPF
Sinopsis:
Un sistema gráfico que abarca las diversas publicaciones institucionales, que sirve como referencia para los estudios de diseño que trabajan para la empresa petrolera.
Compartir:
Retrato de Dante Claudio Reynoso
Autor:
Dante Claudio Reynoso
Título:
¿Desaparecerán los diarios impresos?
Sinopsis:
Desde una inicial resistencia hasta la actual convergencia, la relación entre los medios de información impresos y digitales ha cambiado mucho. Una historia de amor y odio.
Compartir:
Retrato de Samuel Cortina
Autor:
Samuel Cortina
Título:
El futuro del libro en la era digital
Sinopsis:
Prácticamente todos los que disfrutamos de la lectura sentimos una especial atracción por los buenos libros, y no solamente por su contenido.
Compartir:
Ilustración principal del artículo Diario Público
Autor:
Fernando Rapa Carballo
Título:
Diario Público
Sinopsis:
Por segunda vez se consagra ganador del premio de la SND/ÑH como diario mejor diseñado de España y Portugal.
Compartir:
Ilustración principal del artículo Portadas para Radar
Autor:
Alejandro Ros
Título:
Portadas para Radar
Sinopsis:
Creatividad gráfica aplicada a la interpretación de temas culturales.
Compartir:
Retrato de Luciano Cassisi
Autor:
Luciano Cassisi
Título:
Redefiniendo el diseño editorial
Sinopsis:
Empujada por el desarrollo tecnológico, la especialidad más antigua y desarrollada del diseño gráfico necesita revisar sus límites.
Traducciones:
Compartir:

Próximos seminarios online

Seminarios de actualización para especializarte junto a los que más saben

Branding Corporativo

Branding Corporativo

Cómo planificar, construir y gestionar la marca de empresas e instituciones

20 horas (aprox.)
1 diciembre

Compartir:
Auditoría de Marca

Auditoría de Marca

Taller de práctica profesional: análisis, diagnóstico y programa de marca sobre casos reales

30 horas (aprox.)
1 diciembre

Compartir:
Rediseño Estratégico de Marca

Rediseño Estratégico de Marca

Guía analítica y método de trabajo para determinar estrategias de cambio de marca

15 horas (aprox.)
1 enero

Compartir:
Relecturas del Diseño

Relecturas del Diseño

Una inmersión en el discurso sobre el diseño para despejar sus nociones más controvertidas: creatividad, innovación, arte, tecnología...

20 horas (aprox.)
1 enero

Compartir:
Branding: Diseñador y Cliente

Branding: Diseñador y Cliente

Tratar con el cliente, hacer presupuestos y planificar las etapas de la creación de una marca

15 horas (aprox.)
1 enero

Compartir:
Estrategia de Marca

Estrategia de Marca

Claves para programar el diseño de símbolos y logotipos de alto rendimiento

20 horas (aprox.)
1 febrero

Compartir: