Seleccione su idioma

Interfaces gráficas, diseño para usuarios

Estética, funcionalidad y atención especial al usuario, son los aspectos que debe tener en cuenta el diseñador de una unidad de interfaz para la automatización de sistemas.

Juan Tamayo*


Mi experiencia en el desarrollo de proyectos audio visuales o afines es de casi ocho años, en los cuales mi primer trabajo fue diseñar juegos interactivos para un museo de ciencia y tecnología. En esta labor, las evaluaciones de desarrollo son muy estrictas porque los niños expresan lo que sienten de una forma natural, sin ocultar y no esperan herir sentimiento al diseñador.

Durante este tiempo como profesional AV he observado diseños muy complejos, en donde se ven técnicas de ingeniera asombrosa pero generalmente al diseñador se le olvida algo: quien opera el sistema de control audio visual no es un ingeniero, y posiblemente conoce poco sobre avances tecnológicos.

- Publicidad -

El diseño de interfaces gráficas, conocidas como GUI (de sus siglas en inglés Graphic Unit Interface) requiere tener algunos conceptos claros, recuerde, los sistemas audio visuales no se evalúan de acuerdo a la calidad o importancia de la marca, se evalúa de acuerdo a la solución de respuestas en necesidades puntuales.

Para poder desarrollar una buena GUI, el diseñador debe olvidarse que es un experto en temas AV, sí es complejo, pero es la mejor forma de poder tener una empatía con la persona o grupo de personas que van a operar la GUI. Evalue qué tipo de personas son. No es lo mismo diseñar para un grupo de personas con edades entre 50 - 60 años, que diseñar una GUI para un sistema en un colegio o escuela en donde los alumnos están entre los 12 - 17 años. El nivel de aprendizaje de la tecnología es más rápido a cortas edades.

Diseñé un sistema para un apartamento en donde existían todo tipo de elementos AV. Cuando entrevisté al propietario en una charla muy sencilla con él, descubrí que la persona que más interactúa con la GUI es la empleada del servicio, pues ella necesita subir y bajar las cortinas eléctricas para realizar el aseo. Así que nuestro equipo de diseño realizó un menú especial para ella. Es importante entrevistar o conocer quiénes interactuarán con los sistemas.

Uno de los grandes errores es tratar de almacenar todos los pulsadores o botones del control remoto en una interfaz gráfica, por ejemplo, se automatiza una sala de juntas para video conferencia, y el monitor de proyección es un televisor. No incluya todas las teclas del control remoto en la GUI, programe las necesarias, prender/apagar, input, volumen. No programe las teclas de número porque no las va a necesitar. Un sistema de control entre más sencillo y fácil de manejar va a dejar una satisfacción mayor a su cliente final.

Evite el uso de plantillas, o si las va a utilizar traten de que se puedan ajustar a la necesidad de la solución. Hace poco visité a un amigo que estrenó su apartamento y me pidió el favor que le revisara el sistema de automatización porque él no sabía del tema. Cuando le dí clic al primer botón, no hizo nada; al segundo, tampoco. Entonces le pregunté al programador ¿qué pasa con esto? y me respondió, están deshabilitados. Si no requiere esos botones, por favor bórrelos ya que generan confusión.



¿Qué es mejor, que sea estético o que sea funcional? Esa es la gran pregunta que todo diseñador de GUI se debe hacer o se ha hecho. Pues bien, como ingenieros nunca estudiamos teorías de color, o teorías de forma, la gran respuesta es un sistema debe ser estético y funcional.

La falta de alguna de estas dos cualidades puede hacer que éste fracase. Por ejemplo, una empresa invierte cuatro mil dólares en sus sistema de automatización, pero la GUI es fea, sin colores, los pulsadores cuadrados. En fin, es fea. La reacción del cliente es “compre algo costoso para que fuera feo”.

- Publicidad -

O el caso contrario, la GUI es extremadamente estética, muy linda, pero los pulsadores no funcionan, el nivel de volumen actúa en forma inversa. Un tip de diseño interesante tiene que ver con la simetría, el ser humano dentro de su sicología ve los objetos simétricos más “bonitos” que los objetos asimétricos, así que, cuando esté realizando el bosquejo de diseño para su próxima GUI, trate de ubicar los elementos simétricamente en el espacio, así podrá generar una percepción de belleza de su GUI y lograr un nivel de satisfacción superior del cliente final.

Los colores llamativos, o una mala selección de color, puede generar efectos negativos en la percepción de la programación, el color juega un gran papel en la sicología del ser humano. Diseñar un pulsador de color rojo para realizar una acción implica que la persona si lo va a presionar se va a detener por unos segundos para evaluar esta opción, si es un sistema de emergencia o apagado no hay problema, pero si es el pulsador para ver una película en casa va a generar confusión. Las imágenes corporativas son muy importante para las empresas, es la presentación de cada una de ellas. Diseñe sus GUI utilizando estos manuales, les garantizo que su cliente va a quedar satisfecho.

El tamaño sí importa en el diseño de una GUI, éste es un error que se puede observar muy fácil en el desarrollo de paneles gráficos para aplicaciones de teléfonos móviles y tabletas, una aplicación diseñada para una tableta y llevada a un teléfono móvil con una simple reestructuración de tamaño de imagen hace que un pulsador de tamaño normal para la tableta se convierta en un diminuto pulsador para un teléfono móvil.

Al tener pulsadores pequeños (muy pequeños) hace que la persona cometa errores en la activación de secuencias o comandos simples, generando como efecto una frustración con el sistema AV, en donde el usuario termina desechando este y mandándolo al cajón del olvido.

Espero que estos consejos sean prácticos para diseñar interfaces gráficas GUI. Recuerde, diseñe de acuerdo al usuario y sus necesidades, realice diseños que sean estéticos y funcionales, seleccione muy bien los colores, trate de utilizar la imagen corporativa de la empresa y tenga en cuenta el tamaño de los objetos que va a implementar. Y, lo más importante, la marca no es la que hace que un sistema sea bien programado, el que hace el trabajo es el programador.


Juan Tamayo es ejecutivo comercial de nuevas tecnologias y Ventas Internacionales de  Ambientes Inteligentes S.A.S./ Almacenes La Cita AV.


No hay comentarios

Deje su comentario

En respuesta a Some User
Volvieron los demos de audio a Caper Show con DAS Audio

Volvieron los demos de audio a Caper Show con DAS Audio

Argentina. En la pasada versión de Caper Show, se realizaron nuevamente los demos de audio profesional, actividad que estaba suspendida desde la pandemia. 

Relacart incluye IA en sus soluciones de microfonía

Relacart incluye IA en sus soluciones de microfonía

Argentina. Relacart participó en Caper Show 2025, feria que se realizó en Buenos Aires y le sirvió de escenario a la compañía para dar a conocer sus soluciones para audio instalado. 

Yamaki representa a Absen para Colombia

Yamaki representa a Absen para Colombia

Colombia. El distribuidor colombiano Yamaki acaba de sumar al fabricante de pantallas LED Absen al portafolio de marcas que representan para el mercado colombiano.

Curso ConsorcioTec: Convergencia en diseño audiovisual y IT

Curso ConsorcioTec: Convergencia en diseño audiovisual y IT

Latinoamérica. Descubre cómo la convergencia entre diseño, tecnología audiovisual y sistemas IT está transformando la industria, en el curso virtual que ofrecerá ConsorcioTec los próximos 29 y 30 de...

StudioLED celebra a sus clientes y socios 

StudioLED celebra a sus clientes y socios 

México. En StudioLED consideran que el éxito se construye de la mano de quienes confían en la compañía. Por eso, el próximo jueves 23 de octubre a las 7:30 p.m. celebrará un evento especial en...

Qbic y Deneva se unen para soluciones DS sostenibles

Qbic y Deneva se unen para soluciones DS sostenibles

Latinoamérica. Qbic Technology y Deneva han anunciado una alianza estratégica para abordar los mayores desafíos de la industria de la señalización digital: escalabilidad, integración fluida y...

twoloox compra dos líneas de producto de Christie

twoloox compra dos líneas de producto de Christie

Latinoamérica. twoloox anuncia que ha firmado un acuerdo de compra con Christie Digital Systems para adquirir las líneas de producto Pandoras Box y Widget Designer, una operación previamente...

Steren acerca la tecnología al talento estudiantil mexicano

Steren acerca la tecnología al talento estudiantil mexicano

México. Steren dio un nuevo paso en su compromiso por impulsar el talento estudiantil mexicano y fomentar el aprendizaje tecnológico en las nuevas generaciones con la presentación de sus kits...

L-Acoustics crea división de bienes raíces para sus oficinas

L-Acoustics crea división de bienes raíces para sus oficinas

Latinoamérica. L-Acoustics ha creado una nueva división global de bienes raíces bajo la dirección de Gérald Yven como Director Global de Bienes Raíces. Esta iniciativa estratégica garantiza que las...

Instalan Unica de Powersoft en el Teatro Liz Bastos

Instalan Unica de Powersoft en el Teatro Liz Bastos

Brasil. Unica, la plataforma de amplificación de instalación de tercera generación de Powersoft, ofrece audio inteligente e inteligible en el recientemente renovado Cine Teatro Liz Bastos, en el...

Suscribase Gratis
Recuérdeme
SUSCRÍBASE AL INFO-BOLETIN
¿REQUIERE UNA COTIZACIÓN?
ENTREVISTAS DESTACADAS
PATROCINADORES










ULTIMO BOLETIN
Ultimo Info-Boletin