SlideShare una empresa de Scribd logo
1 de 6
República Bolivariana de Venezuela
Ministerio del Poder Popúlar para la Educación Universitaria
Instituto Universitario Tecnológico “Juan Pablo Pérez Alfonzo”
Programa de Informática
El Computador desde
el punto de vista del
usuario
Realizado Por:
Cristian Fernández
C.I: 28.334.229
Profesor: Ángel Lugo.
1. ¿Qué Es Interfaz Del Usuario?
2. Funciones básicas
3. Características
4. Importancia
Esquema
Desarrollo
¿Qué es la interfaz?
La interfaz de usuario (UI) es el conjunto de controles y canales sensoriales en los que un
usuario puede comunicarse con una máquina. Por ejemplo, en una computadora, la
pantalla, el teclado y las bocinas son parte de la interfaz de usuario porque la utilidad de
todas ellas es hacer que entre o salga información del equipo.
Una buena interfaz de usuario se caracteriza por tener un alto grado de uso, y por ser
amigable e intuitiva. A lo que se refiere a diseño web es importante crear una interfaz de
usuario que facilite al máximo la transmisión de información, la navegabilidad y la
interacción.
Clasificación de las interfaces
Interfaz gráfica:
Contenido por el cual se visualiza
información del equipo en una
pantalla. Casi todos los programas
tienen alguna clase de interfaz visual,
que sirve al mismo tiempo para
mostrar información al usuario y
como un mapa de navegación entre
diferentes comandos.
Interfaz de usuario de un sitio web:
Se refiere a todos los gráficos, información y
herramientas que aparecen en la pantalla al
abrir una página web. Funcionan de manera
muy similar a otros programas de
computadora; sin embargo, son más
intuitivos y fáciles de usar.
Interfaz de voz (VUI):
Se trata de programas capaces de
identificar e interpretar el habla. El
ejemplo más claro que tenemos es el
reciente auge de las inteligencias
artificiales, como Siri, que se
controlan por medio de la voz.
Interfaz de texto:
Se utiliza principalmente en el
ámbito de la programación de
sistemas operativos y es la
evolución de la interfaz de línea
de comando primitiva que usaban
los primeros programas de
computadora.
Interfaz de texto:
Se utiliza principalmente en el ámbito
de la programación de sistemas
operativos y es la evolución de la
interfaz de línea de comando
primitiva que usaban los primeros
programas de computadora.
Interfaz natural:
Se le llama así al tipo de interfaz que
identifica e interpreta acciones
naturales del ser humano, como
movimientos y expresiones faciales.
Un ejemplo de ello son los
videojuegos con interfaz kinética.
Interfaz cerebro-ordenador:
Es el tipo de interfaz más innovadora
que existe hasta el momento, y
aunque aún no cuenta con muchas
aplicaciones cotidianas, se está
utilizando para controlar prótesis
biónicas y dar instrucciones sencillas a
un software por medio de las ondas
cerebrales.
Funciones
básicas
Comunicación con
otros sistemas
Configuración de
la propia interfaz
y entorno
Control de acceso
Manipulación de
archivos o
directorios
Para ser transmitido un
mensaje, se requiere de
un sistema de
comunicación que
permita que la
información sea
transferida, a través del
espacio y el tiempo,
desde un punto llamado
fuente hasta otro punto
de destino, mediante un
cable como en el caso de
un teléfono o por ondas
como en el caso de las
radios.
Combinado este
elemento con una
interfaz gráfica de
control y configuración
drag&drop (arrastrar y
soltar) se simplifica el
cambio de características
y funciones de un diseño
digital de alimentación
sin tener que escribir una
sola línea de código
Un control de acceso es
un sistema automatizado
que permite de forma
eficaz, aprobar o negar el
paso de personas o
grupo de personas a
zonas restringidas en
función de ciertos
parámetros de seguridad
establecidos por una
empresa, comercio,
institución o cualquier
otro ente.
Una de las principales
funciones de un Sistema
Operativo es la
administración del
almacenamiento de
información, para lo cual
es necesario contar con
un “Sistema de
Archivos”. Con este
término se hace
referencia, por un lado, a
los mecanismos y
estructuras que el
sistema operativo
Características
Simpleza:
La simplicidad de tu interfaz permite
que el usuario pueda usarla de forma
fluida. Si bien añadir características y
contenido adicionales a tu aplicación
puede ser tentador, debes
preguntarte si realmente dicha
función es necesaria para el usuario.
Asegúrate que cada una de esas
funciones tenga un propósito
específico y mejore la experiencia de
usuario.
Claridad:
Para mejorar la claridad de tu interfaz
debes colocar textos precisos a
botones. Nombrar apropiadamente
los elementos del menú y cualquier
otro contenido textual que posea la
interfaz. Los mensajes deben ser
concisos. Tu usuario espera poder
navegar rápidamente la página. Si no
eres conciso en tus mensajes, los
usuarios no los leerán y afectará de
forma negativa la experiencia de
usuario.
Coherencia:
Algunos factores que permiten la
coherencia en una interfaz es el
tratamiento de las imágenes, las
fuentes, el lenguaje y tono de
comunicación, el uso de los colores, la
ubicación del menú y el logo.
Familiaridad:
Para poder tener una interfaz que se
sienta familiar debes emplear iconos
universales como el hamburger menú
en aplicaciones móviles e incluso en
interfaces web de ser necesario.
También debes mantener ciertos
elementos en sitios específicos, por
ejemplo, el logo en un sitio web se
suele colocar en la parte superior
izquierda y se enlaza con la página de
inicio, a pesar que el botón de “Inicio”
sea uno de los elementos del menú.
Rapidez:
Todas las características mencionadas
previamente permiten que el usuario
pueda navegar y aprender a controlar
la interfaz más rápidamente. Si bien la
claridad y la simplicidad permiten que
el usuario pueda “leer” la interfaz
rápidamente, es importante que esa
velocidad también debe ser reflejada
cada vez que el usuario realiza alguna
acción. Es decir, la respuesta que debe
obtener debe ser prácticamente
inmediata.
La Interfaz Gráfica de Usuario (GUI por su nombre en inglés, Graphical User Interface) es parte
fundamental de cualquier aplicación; al comenzar a trabajar con una computadora el usuario comienza a
interactuar con la Interfaz, ya sea la del sistema operativo, la de un software en particular o la de
cualquier sitio web. Es donde comienza la interacción hombre computadora.
El diseño de la GUI no se lo debe considerar como una tarea secundaria y sin importancia; por el
contrario el equipo de desarrollo debe contar con integrantes especializados en el tema.
En ocasiones, a partir de la GUI se puede determinar si una aplicación será utilizada o no para resolver
los problemas para los cuales fue diseñada. En el actual mundo informatizado se debe ofrecer al usuario
una Interfaz que lo ayude a concretar las tareas de manera rápida, sencilla y satisfactoria. Es la Interfaz
la responsable de ofrecer una interacción fluida y agradable.
El objetivo del presente trabajo es mostrar la importancia del diseño de la GUI desde el punto de vista
del usuario; explicar qué es la Interacción Persona-Computadora, fundamentar la importancia del Diseño
Centrado en el Usuario y la Ingeniería de la Usabilidad y cómo lograr una interacción satisfactoria entre
el usuario y la computadora, contemplando los estados emocionales del usuario.

Más contenido relacionado

La actualidad más candente

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Clase invertida e interfaz de usuario JOHN TOALOMBO
Clase invertida e interfaz de usuario JOHN TOALOMBOClase invertida e interfaz de usuario JOHN TOALOMBO
Clase invertida e interfaz de usuario JOHN TOALOMBOITSFO
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioDNRstudios
 
Presentacion de software de las tic
Presentacion de software de las ticPresentacion de software de las tic
Presentacion de software de las ticemirangel
 
lenguaje de programación 8
lenguaje de programación 8lenguaje de programación 8
lenguaje de programación 8laurayclaudia
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioYesith Valencia
 
Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuariooswaldo bernal
 
Software y sus_componentes
Software y sus_componentesSoftware y sus_componentes
Software y sus_componentesmipapiyyo
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuarioManuel Mujica
 
Singaña vanessa analizar software educativo
Singaña vanessa analizar software educativoSingaña vanessa analizar software educativo
Singaña vanessa analizar software educativovane01si
 
El software del computador (informe)
El software del computador (informe)El software del computador (informe)
El software del computador (informe)moncayocris
 
Presentacion de software de las tic
Presentacion de software de las ticPresentacion de software de las tic
Presentacion de software de las ticemirangel
 

La actualidad más candente (19)

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Clase invertida e interfaz de usuario JOHN TOALOMBO
Clase invertida e interfaz de usuario JOHN TOALOMBOClase invertida e interfaz de usuario JOHN TOALOMBO
Clase invertida e interfaz de usuario JOHN TOALOMBO
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Expo ia
Expo iaExpo ia
Expo ia
 
Que es un software
Que es un softwareQue es un software
Que es un software
 
software
softwaresoftware
software
 
Presentacion de software de las tic
Presentacion de software de las ticPresentacion de software de las tic
Presentacion de software de las tic
 
lenguaje de programación 8
lenguaje de programación 8lenguaje de programación 8
lenguaje de programación 8
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Tics
TicsTics
Tics
 
Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuario
 
Software y sus_componentes
Software y sus_componentesSoftware y sus_componentes
Software y sus_componentes
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Los programas (1)
Los programas (1)Los programas (1)
Los programas (1)
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario
 
Singaña vanessa analizar software educativo
Singaña vanessa analizar software educativoSingaña vanessa analizar software educativo
Singaña vanessa analizar software educativo
 
El software del computador (informe)
El software del computador (informe)El software del computador (informe)
El software del computador (informe)
 
Presentacion de software de las tic
Presentacion de software de las ticPresentacion de software de las tic
Presentacion de software de las tic
 

Similar a Interfaz de usuario: clave para la experiencia del usuario

Similar a Interfaz de usuario: clave para la experiencia del usuario (20)

El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
 
Orgainterfaz del usuario
Orgainterfaz del usuarioOrgainterfaz del usuario
Orgainterfaz del usuario
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Orgainterfaz del usuario
Orgainterfaz del usuarioOrgainterfaz del usuario
Orgainterfaz del usuario
 
Orgainterfaz del usuario
Orgainterfaz del usuarioOrgainterfaz del usuario
Orgainterfaz del usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptx2.4 Creación de Interfaces.pptx
2.4 Creación de Interfaces.pptx
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 
Diseño del diálogo en línea
Diseño del diálogo en líneaDiseño del diálogo en línea
Diseño del diálogo en línea
 
Interfaz gráfica de usuario 2015-2016
Interfaz gráfica de usuario 2015-2016Interfaz gráfica de usuario 2015-2016
Interfaz gráfica de usuario 2015-2016
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Diseño del Dialogo en Línea
Diseño del Dialogo en LíneaDiseño del Dialogo en Línea
Diseño del Dialogo en Línea
 
Diseño del dialogo en línea
Diseño del dialogo en líneaDiseño del dialogo en línea
Diseño del dialogo en línea
 
1er Trabajo
1er Trabajo1er Trabajo
1er Trabajo
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Capitulo III
Capitulo IIICapitulo III
Capitulo III
 

Interfaz de usuario: clave para la experiencia del usuario

  • 1. República Bolivariana de Venezuela Ministerio del Poder Popúlar para la Educación Universitaria Instituto Universitario Tecnológico “Juan Pablo Pérez Alfonzo” Programa de Informática El Computador desde el punto de vista del usuario Realizado Por: Cristian Fernández C.I: 28.334.229 Profesor: Ángel Lugo.
  • 2. 1. ¿Qué Es Interfaz Del Usuario? 2. Funciones básicas 3. Características 4. Importancia Esquema
  • 3. Desarrollo ¿Qué es la interfaz? La interfaz de usuario (UI) es el conjunto de controles y canales sensoriales en los que un usuario puede comunicarse con una máquina. Por ejemplo, en una computadora, la pantalla, el teclado y las bocinas son parte de la interfaz de usuario porque la utilidad de todas ellas es hacer que entre o salga información del equipo. Una buena interfaz de usuario se caracteriza por tener un alto grado de uso, y por ser amigable e intuitiva. A lo que se refiere a diseño web es importante crear una interfaz de usuario que facilite al máximo la transmisión de información, la navegabilidad y la interacción. Clasificación de las interfaces Interfaz gráfica: Contenido por el cual se visualiza información del equipo en una pantalla. Casi todos los programas tienen alguna clase de interfaz visual, que sirve al mismo tiempo para mostrar información al usuario y como un mapa de navegación entre diferentes comandos. Interfaz de usuario de un sitio web: Se refiere a todos los gráficos, información y herramientas que aparecen en la pantalla al abrir una página web. Funcionan de manera muy similar a otros programas de computadora; sin embargo, son más intuitivos y fáciles de usar. Interfaz de voz (VUI): Se trata de programas capaces de identificar e interpretar el habla. El ejemplo más claro que tenemos es el reciente auge de las inteligencias artificiales, como Siri, que se controlan por medio de la voz. Interfaz de texto: Se utiliza principalmente en el ámbito de la programación de sistemas operativos y es la evolución de la interfaz de línea de comando primitiva que usaban los primeros programas de computadora. Interfaz de texto: Se utiliza principalmente en el ámbito de la programación de sistemas operativos y es la evolución de la interfaz de línea de comando primitiva que usaban los primeros programas de computadora. Interfaz natural: Se le llama así al tipo de interfaz que identifica e interpreta acciones naturales del ser humano, como movimientos y expresiones faciales. Un ejemplo de ello son los videojuegos con interfaz kinética. Interfaz cerebro-ordenador: Es el tipo de interfaz más innovadora que existe hasta el momento, y aunque aún no cuenta con muchas aplicaciones cotidianas, se está utilizando para controlar prótesis biónicas y dar instrucciones sencillas a un software por medio de las ondas cerebrales.
  • 4. Funciones básicas Comunicación con otros sistemas Configuración de la propia interfaz y entorno Control de acceso Manipulación de archivos o directorios Para ser transmitido un mensaje, se requiere de un sistema de comunicación que permita que la información sea transferida, a través del espacio y el tiempo, desde un punto llamado fuente hasta otro punto de destino, mediante un cable como en el caso de un teléfono o por ondas como en el caso de las radios. Combinado este elemento con una interfaz gráfica de control y configuración drag&drop (arrastrar y soltar) se simplifica el cambio de características y funciones de un diseño digital de alimentación sin tener que escribir una sola línea de código Un control de acceso es un sistema automatizado que permite de forma eficaz, aprobar o negar el paso de personas o grupo de personas a zonas restringidas en función de ciertos parámetros de seguridad establecidos por una empresa, comercio, institución o cualquier otro ente. Una de las principales funciones de un Sistema Operativo es la administración del almacenamiento de información, para lo cual es necesario contar con un “Sistema de Archivos”. Con este término se hace referencia, por un lado, a los mecanismos y estructuras que el sistema operativo
  • 5. Características Simpleza: La simplicidad de tu interfaz permite que el usuario pueda usarla de forma fluida. Si bien añadir características y contenido adicionales a tu aplicación puede ser tentador, debes preguntarte si realmente dicha función es necesaria para el usuario. Asegúrate que cada una de esas funciones tenga un propósito específico y mejore la experiencia de usuario. Claridad: Para mejorar la claridad de tu interfaz debes colocar textos precisos a botones. Nombrar apropiadamente los elementos del menú y cualquier otro contenido textual que posea la interfaz. Los mensajes deben ser concisos. Tu usuario espera poder navegar rápidamente la página. Si no eres conciso en tus mensajes, los usuarios no los leerán y afectará de forma negativa la experiencia de usuario. Coherencia: Algunos factores que permiten la coherencia en una interfaz es el tratamiento de las imágenes, las fuentes, el lenguaje y tono de comunicación, el uso de los colores, la ubicación del menú y el logo. Familiaridad: Para poder tener una interfaz que se sienta familiar debes emplear iconos universales como el hamburger menú en aplicaciones móviles e incluso en interfaces web de ser necesario. También debes mantener ciertos elementos en sitios específicos, por ejemplo, el logo en un sitio web se suele colocar en la parte superior izquierda y se enlaza con la página de inicio, a pesar que el botón de “Inicio” sea uno de los elementos del menú. Rapidez: Todas las características mencionadas previamente permiten que el usuario pueda navegar y aprender a controlar la interfaz más rápidamente. Si bien la claridad y la simplicidad permiten que el usuario pueda “leer” la interfaz rápidamente, es importante que esa velocidad también debe ser reflejada cada vez que el usuario realiza alguna acción. Es decir, la respuesta que debe obtener debe ser prácticamente inmediata.
  • 6. La Interfaz Gráfica de Usuario (GUI por su nombre en inglés, Graphical User Interface) es parte fundamental de cualquier aplicación; al comenzar a trabajar con una computadora el usuario comienza a interactuar con la Interfaz, ya sea la del sistema operativo, la de un software en particular o la de cualquier sitio web. Es donde comienza la interacción hombre computadora. El diseño de la GUI no se lo debe considerar como una tarea secundaria y sin importancia; por el contrario el equipo de desarrollo debe contar con integrantes especializados en el tema. En ocasiones, a partir de la GUI se puede determinar si una aplicación será utilizada o no para resolver los problemas para los cuales fue diseñada. En el actual mundo informatizado se debe ofrecer al usuario una Interfaz que lo ayude a concretar las tareas de manera rápida, sencilla y satisfactoria. Es la Interfaz la responsable de ofrecer una interacción fluida y agradable. El objetivo del presente trabajo es mostrar la importancia del diseño de la GUI desde el punto de vista del usuario; explicar qué es la Interacción Persona-Computadora, fundamentar la importancia del Diseño Centrado en el Usuario y la Ingeniería de la Usabilidad y cómo lograr una interacción satisfactoria entre el usuario y la computadora, contemplando los estados emocionales del usuario.