Interfaces de Usuario

A menudo cuando alguien menciona el tema de interfaz lo primero que nos viene a la
mente son las pantallitas de nuestros celulares cargadas de opciones, dibujitos y botones.
En efecto es correcto tener esa visión sobre lo que es una interfaz, pero solo es una de los
tantos tipos de interfaces que existen. De hecho antes de conocer las interfaces gráficas (las
que tienen figuritas) existieron muchas otras, y para algunas aplicaciones de índole más
puntual existen otros tipos.
Por ejemplo: cuando conducimos un automóvil
usamos varios dispositivos, los principales son el
volante, la palanca de cambios, el cerrojo de la
llave y los secundarios son los controladores de
los parabrisas, retrovisores, indicadores de
combustible, aceite, velocímetro, etc. Todos ellos forman parte de la interfaz por medio de
la cual se opera el vehículo.
Otro ejemplo es un aire acondicionado, por medio del panel de
botones del mismo o mediante un control remoto podemos regular la
temperatura y programar el termostato del mismo. Una interfaz
simple e incluso sin necesidad de alguna pantalla es necesaria para
que una persona pueda operar un equipo.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

 “Una interfaz de usuario es el medio por el cual el usuario interactúa
con un sistema”

No necesariamente una interfaz es exclusiva de las computadoras o teléfonos, desde la

palanca de una tostadora de pan, el panel de control de un microondas, la rueda de control
de una lavadora de ropa hasta un sistema operativo de una laptop o de un teléfono
inteligente. Mientras un medio permita a una persona operar un sistema determinado
entonces este será considerado como la interfaz de ese sistema.

Las interfaces de usuario existen en todas partes, y no son exclusivas de las computadoras

Tipos de Interfaz de Usuario

La clasificación mas conocida consta de 6 categorías:

1. Interfaces de Lenguaje Natural

2. Interfaces de Pregunta y Respuesta
3. Menús
4. Interfaces de Formulario (E/S)
5. Interfaces de Lenguaje de Comandos
6. Interfaces Gráficas de Usuario.

Interfaces de Lenguaje Natural

Permiten a usuarios interactuar con la computadora en su lenguaje cotidiano o natural,
Imagínate decir: “Computadora: haz el cierre anual de la empresa y dame las ganancias de
los últimos 5 periodos.”

Este tipo de interfaces son una utopía que solo vemos hechas realidad en las películas de
ciencia ficción, un ejemplo un poco rudimentario lo podemos encontrar en la siguiente
página: http://www.cleverbot.com/

Este es un proyecto de una interface en lenguaje natural, podemos platicar con Cleverbot y
él nos contestará como si platicásemos con una persona real. Tiene su par de fallos pero es
un avance en este campo de investigación.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

 Cleverbot es un ejemplo de interfaz en lenguaje natural, a pesar de estar en inglés la
página si le platicas en español te contestará en dio idioma.

Interfaces de Pregunta y Respuesta

En ellas la computadora despliega en pantalla una pregunta para el usuario para la cual el
usuario da una respuesta (mediante pulsaciones del teclado o un clic del ratón) y la
computadora después actúa en esa información de entrada de acuerdo con su programa,
normalmente pasando a la siguiente pregunta.

Los asistentes de instalación son un ejemplo de este tipo de interfaces

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)
Interfaces de Menú
Es muy popular, esta proporciona al usuario una lista en pantalla de las selecciones
disponibles. Por ejemplo los menús de los teléfonos inteligentes o los menús de los Smart-
TV, también cuentan las interfaces de Windows con los típicos menús: Archivo, Edición,
Ver, etc.

Este tipo de interfaz se ha venido popularizando desde la época en que la computación era
en pantallas de texto, de hecho los menús de opciones son tan conocidos por todo el
mundo que es muy fácil e intuitivo para un usuario entenderlos.

Hay una serie de lineamientos para crear menús, no son obligatorios pero son un buen
punto de partida:

1. Siempre se despliega una barra de menú principal. (Menú Inicial)

2. El menú principal usa palabras simples
3. El menú principal debe tener opciones secundarias agrupadas en grupos similares de
características.
4. Los menús desplegables que se presentan cuando se hace clic en un artículo de menú
principal con frecuencia consisten en más de una palabra. (Submenú)
5. Estas opciones secundarias desempeñan acciones o despliegan artículos de menú
adicionales.
6. Los artículos de menú en gris no están disponibles para la actividad actual. (menús
deshabilitados)
En el tema de los menús y con aparición del Mouse de computadora apareció un nuevo
concepto que es el menú de objeto.

Un menú de objeto es aquel que se despliega cuando el usuario hace

clic en un objeto de la interface con el botón derecho del ratón.

También se le conoce como menú contextual y ha venido a facilitar la vida a los usuarios de
computadora, estos menús contienen artículos específicos para la actividad actual y la
mayoría son funciones duplicadas de artículos de menú principales.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

En los teléfonos inteligentes con pantalla táctil este menú suele obtenerse al mantener
presionado el dedo sobre la pantalla.

Interfaces de Formulario (E/S)

Se basan en representaciones en pantalla de los clásicos formularios impresos para
capturar información. Los formularios despliegan campos que contienen datos o
parámetros que necesitan ser comunicados al usuario ya sea para captura o presentación.

Estas interfaces se popularizaron desde los 70s, antes eran pantallas de captura en texto
pero con la llegada de los sistemas operativos gráficos tomó mayor fuerza a tal grado que la

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

mayoría de aplicaciones del mundo capturan la información para alimentarlos mediante
pantallas a las cuales les han denominado Formularios, Microsoft les llama a estas pantallas
Ventanas (de ahí el nombre de sus sistema operativo Windows).

Lenguajes de programación como Visual Basic .Net, C# .Net, o entornos de desarrollo como
NetBeans y Eclipse incluyen herramientas para el diseño de este tipo de interfaces. Este
tipo de interfaces también se pueden encontrar en frameworks de desarrollo WEB tales
como Sencha, Google Web Toolkit, Smartclient por mencionar algunos.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

 www.califik.com es un ejemplo de una aplicación basada en interface basada en formularios WEB

Interfaces de Lenguaje de Comandos

Permite al usuario controlar la aplicación con una serie de pulsaciones del teclado,
comandos, frases o alguna secuencia de palabras.

Un ejemplo claro de este tipo de interfaces son los manejadores de bases de datos donde
por medio de instrucciones podemos hacer solicitudes de información.

Una consulta hecha en SQL Server Management Studio es un ejemplo de este tipo de inferfaces

Otros ejemplos de aplicaciones que utilizan estas interfaces son paquetes como AutoCad y
MiniTab que cuentan con la opción de trabajar con comandos.
Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)
Interfaces Gráficas de Usuario
Son una fusión de todas las interfaces vistas, con la diferencia que agregan figuritas y
elementos gráficos.

Permiten la manipulación directa de la representación gráfica en

pantalla, la cual se puede realizar con la entrada del teclado, una
palanca de juego o el ratón.

A este tipo de interfaces se les puede abreviar como GUI (Graphic User Interface), y gracias
a ellas la curva de aprendizaje de los usuarios de los paquetes de software ha bajado
considerablemente haciendo más fácil aprender a trabajar en una computadora.

MacOS (basado en tecnología de Xerox PARC) fue el primer sistema operativo de uso
comercial con una interfaz gráfica de usuario.

¿Cuál es la clave de una GUI?

La clave es la retroalimentación sobre el objeto manipulado la cual permite que se puedan

hacer rápidamente los cambios o incluso cancelar operaciones sin incurrir en mensajes de
error.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)

Otras Interfaces de Usuario
Además de las categorías estudiadas anteriormente, una interfaz de usuario también puede
ser la interacción con un sistema mediante un dispositivo o medio de comunicación, otros
tipos de interfaces son:

1. Lápiz óptico

2. Pantallas Sensibles al Tacto

3. Reconocimiento de Voz

4. Reconocimiento de Movimiento

El reconocimiento de movimiento y de voz se ha vuelto muy popular hoy en día, a tal grado que hasta en los videojuegos se ha
adoptado interfaces de este tipo

Normas para elegir una interfaz de Usuario

1. El periodo de entrenamiento necesario para los usuarios debe ser aceptablemente
corto.

2. Mantener consistentes las interfaces en las

aplicaciones, o sea que todas las pantallas sigan
un modelo uniforme y se parezcan entre sí.

3. La interfaz debe ser perfecta para que haya

pocos errores y los que ocurran no sea por un
mal diseño, por ejemplo, aprovechando las
validaciones y controles de lo que el usuario
ingresa.

4. El tiempo que los usuarios y el sistema necesitan

para recuperarse de los errores debe ser corto, Las interfaces de usuario permiten interactuar
incluso con el mundo real, describirlo y mejorarlo
por ejemplo no sacar al usuario del programa al virtualmente, a este concepto se le conoce como
ocurrir un error. realidad aumentada.

Material facilitado por Ing. Gerardo Josué Portillo (gerardo.portillo@uth.hn)