Please enable JavaScript.
Coggle requires JavaScript to display documents.
Elementos de una interfaz - Coggle Diagram
Elementos de una interfaz
¿Qué es?
Una interfaz de usuario es el medio por el cual una persona controla una aplicación de software o dispositivo de hardware. Esto significa que el programa incluye controles gráficos que optimizan la experiencia de usuario usando un mouse o teclado.
¿Qué tipos de interfaz de usuario existen?
Hardware: Es aquella que brinda información sobre los procesos y herramientas de control, la cual puede ser observada fácilmente por el usuario en la pantalla de su dispositivo.
Software-Hardware: Dentro de la interfaz del usuario, esta es la que sirve de puente entre la máquina y las personas.
Software: Engloba todos aquellos elementos que permiten ingresar, procesar y entregar datos, como los famosos teclados y “ratones”, así como las pantallas.
¿Cuáles son las características de la interfaz de usuario?
Coherencia:
Esta característica es la que hace intuitiva una interfaz, permitiéndole a la persona crear patrones de uso de manera sencilla y práctica.
Flexibilidad
Una buena interfaz también se caracteriza por permitir que el usuario restaure elementos y deshaga acciones.
Concisión:
Se trata de darle al usuario solo la información que necesita y pide.
Atractivo visual:
Cuando se trata de experiencia del usuario, nunca puede subestimarse la importancia del atractivo visual. Además de tener grandes funcionalidades, una buena interfaz es agradable a la vista.
Claridad:
Una buena interfaz transmite la información de manera precisa para evitar que el usuario cometa errores durante la interacción.
Elementos de la interfaz gráfica de usuario
Componentes de navegación: ayudan a los usuarios a moverse.
Componentes informativos: brindan información a los usuarios.
Controles de entrada: permiten introducir información en el sistema por parte de los usuarios.
Contenedores: mantienen el contenido organizado, como paneles, ventanas, marcos, etc.
Ejemplos:
Reproductor de música
Que hace uso de las teclas de dirección ó movimientos del mouse para avanzar y retrocer una canción ó subir y bajar el volumen.
Árbol gráfico animado
Que muestra los avatars de usuarios que comentan en tiempo real. Hace uso de processing.js.