SlideShare una empresa de Scribd logo
Interfaz de usuario
REALIZADO POR:
JOSÉ TABOR
INTERFAZ DE USUARIO
Una interfaz de usuario es un medio
a tráves del cual una persona puede
controlar un software o hardware
especifico.
En inglés UI:
User Interface
Una buena interfaz de usuario
debe ser sencilla de utilizar, fácil
de comprender y de aprender.
TIPOS DE INTERFAZ DE USUARIO
Según la forma de interactuar del usuario
O intérpretes de comandos,
permite a los usuarios dar
instrucciones a algún programa
informático por medio de una
línea de texto simple.
Interfaces numéricas
(GUI, graphic user interfaces),
permiten comunicarse con el
ordenador de una forma muy
rápida e intuitiva representando
gráficamente los elementos de
control y medida.
Interfaces graficas
de usuario (GUI)
Representan gráficamente un
"panel de control" en una pantalla
sensible que permite interactuar
con el dedo de forma similar a si se
accionara un control físico.
Interfaces táctiles
TIPOS DE INTERFAZ DE USUARIO
Según su construcción
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.
Interfaz de Software
Engloba todos aquellos elementos
que permiten ingresar, procesar y
entregar datos, como los famosos
teclados y “ratones”, así como las
pantallas.
Interfaz de Hardware
Establece un puente entre la máquina
y las personas, permite a la máquina
entender la instrucción y al hombre
entender el código binario traducido a
información legible.
Interfaz software-hardware
CARACTERISTICAS
Claridad
Una buena
interfaz
transmite la
información de
manera precisa
para evitar que
el usuario
cometa errores
durante la
interacción.
Concisión Coherencia Flexibilidad Atractivo visual
Se trata de darle
al usuario solo
la información
que necesita y
pide.
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.
Una buena
interfaz también
se caracteriza
por permitir que
el usuario
restaure
elementos y
deshaga
acciones.
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.
MODELOS DE INTERFAZ DE USUARIO
Modelo de
Información
Modelo de
Dominio
Modelo de usuario
Modelo de tareas
Modelo de
presentación
Define el dominio de la información sobre la que se va a
trabajar.
Es una representación de las clases conceptuales del mundo
real, no de componentes software.
Describe las características del usuario final de la aplicación.
Define todas las tareas específicas que los usuarios necesitan
realizar en la aplicación.
Determina los componentes que pueden aparecer en la
interfaz de usuario, sus características de diseño y las
dependencias visuales existentes entre ellas.
ESTRATEGIAS DE DISEÑO
Test A/B entre interfaces
Patrones de diseñoLas bases de un proyecto exitoso es el estudio de
las necesidades del usuario y objetivos de la web
o aplicación, pasando por el diseño de la interfaz,
el diseño de la navegación, la arquitectura de la
información, el diseño de la interacción, el
software entre otros.
Estrategias importantes
Existen distintas teorías de patrones de diseño,
que nos pueden orientar para saber dónde se
deben colocar los elementos que se quieren
destacar. Estos patrones se basan en el recorrido
que hace el ojo cuando lee u observa una interfaz.
Antes de lanzar una página web, es común
preparar distintos bocetos para organizar de
manera idónea los distintos elementos en la página
web (menú, banners, llamadas a la acción, etc.). A
medida que se va avanzando, estos bocetos se
convierten en prototipos para la versión definitiva
de la web.

Más contenido relacionado

La actualidad más candente

Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseñoBryan Muñoz
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfazJose Luis Dorao
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuarioManuel Mujica
 
Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseñoBryan Muñoz
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioSinea David
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuarioNorerod
 
Caracteristicas Generales de los programas integrados
Caracteristicas Generales de los programas integradosCaracteristicas Generales de los programas integrados
Caracteristicas Generales de los programas integradossagami
 
Tp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRATp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRAGladys Cachi
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuarioZaira Orobio
 
04 7n1is trabajo diseno-dialogos
04 7n1is trabajo diseno-dialogos04 7n1is trabajo diseno-dialogos
04 7n1is trabajo diseno-dialogosManuel Mujica
 
03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuario03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuarioManuel Mujica
 
Presentanción 20% 3er corte
Presentanción 20% 3er cortePresentanción 20% 3er corte
Presentanción 20% 3er corteEduardoRauseo1
 

La actualidad más candente (20)

Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseño
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseño
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
Caracteristicas Generales de los programas integrados
Caracteristicas Generales de los programas integradosCaracteristicas Generales de los programas integrados
Caracteristicas Generales de los programas integrados
 
Tp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRATp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRA
 
Glosario Equipo 9
Glosario Equipo 9Glosario Equipo 9
Glosario Equipo 9
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Interfaz gráfica de usuario
Interfaz gráfica de usuarioInterfaz gráfica de usuario
Interfaz gráfica de usuario
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
04 7n1is trabajo diseno-dialogos
04 7n1is trabajo diseno-dialogos04 7n1is trabajo diseno-dialogos
04 7n1is trabajo diseno-dialogos
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuario03 7n2is exposicion-interfaz usuario
03 7n2is exposicion-interfaz usuario
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 
Visual basic computacion
Visual basic computacionVisual basic computacion
Visual basic computacion
 
Presentanción 20% 3er corte
Presentanción 20% 3er cortePresentanción 20% 3er corte
Presentanción 20% 3er corte
 

Similar a Interfaz de 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.pptxRam Vazquez
 
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 usuarioJhoseannyOsuna
 
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 usuarioCristianJose15
 
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 usuarioCristianJose15
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioaaaj1908
 
Interfaz de usuario (IU)
Interfaz de usuario (IU)Interfaz de usuario (IU)
Interfaz de usuario (IU)KrisneidyFerrer
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebElsa Canto
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebElsa Canto
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxJoseBarazarte4
 
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.karlapatriciapms16
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráficoIsabel Yepes
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Tema 5 - T2: Diseño UI
Tema 5 - T2: Diseño UITema 5 - T2: Diseño UI
Tema 5 - T2: Diseño UIMagemyl Egana
 

Similar a Interfaz de usuario (20)

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 interfaces centradas en el usuario
Diseño de interfaces centradas en el usuarioDiseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuario
 
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
 
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
 
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
 
3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
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
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Interfaz de usuario (IU)
Interfaz de usuario (IU)Interfaz de usuario (IU)
Interfaz de usuario (IU)
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptx
 
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
Usabilidad y experiencia de usuario, UI,UX, Diseño grafico.
 
UX no es diseño gráfico
UX no es diseño gráficoUX no es diseño gráfico
UX no es diseño gráfico
 
Diseño hmiz
Diseño hmizDiseño hmiz
Diseño hmiz
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Hmi
HmiHmi
Hmi
 
Tema 5 - T2: Diseño UI
Tema 5 - T2: Diseño UITema 5 - T2: Diseño UI
Tema 5 - T2: Diseño UI
 

Último

Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialEducática
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfjjfch3110
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfprofmartinsuarez
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfMarianneBAyn
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareAndres Avila
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docxwerito139410
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdfIsabelHuairaGarma
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.sofiasonder
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfManuelCampos464987
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxLeidyfuentes19
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestrerafaelsalazar0615
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusraquelariza02
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaFernando Villares
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Luis Fernando Uribe Villamil
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf7adelosriosarangojua
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024DanielErazoMedina
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdffrank0071
 

Último (20)

Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicial
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdf
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdf
 
Licencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de SoftwareLicencias para el Uso y el Desarrollo de Software
Licencias para el Uso y el Desarrollo de Software
 
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
3°ð_¦_â_¾ï¸_S34 PLAN DARUKEL DIDÃ_CTICA 23-24.docx
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdfHIGADO  Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
HIGADO Y TRAUMA HEPATICO UDABOL 2024 (3).pdf
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
Sistemas distribuidos de redes de computadores en un entorno virtual de apren...
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
 

Interfaz de usuario

  • 1. Interfaz de usuario REALIZADO POR: JOSÉ TABOR
  • 2. INTERFAZ DE USUARIO Una interfaz de usuario es un medio a tráves del cual una persona puede controlar un software o hardware especifico. En inglés UI: User Interface Una buena interfaz de usuario debe ser sencilla de utilizar, fácil de comprender y de aprender.
  • 3. TIPOS DE INTERFAZ DE USUARIO Según la forma de interactuar del usuario O intérpretes de comandos, permite a los usuarios dar instrucciones a algún programa informático por medio de una línea de texto simple. Interfaces numéricas (GUI, graphic user interfaces), permiten comunicarse con el ordenador de una forma muy rápida e intuitiva representando gráficamente los elementos de control y medida. Interfaces graficas de usuario (GUI) Representan gráficamente un "panel de control" en una pantalla sensible que permite interactuar con el dedo de forma similar a si se accionara un control físico. Interfaces táctiles
  • 4. TIPOS DE INTERFAZ DE USUARIO Según su construcción 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. Interfaz de Software Engloba todos aquellos elementos que permiten ingresar, procesar y entregar datos, como los famosos teclados y “ratones”, así como las pantallas. Interfaz de Hardware Establece un puente entre la máquina y las personas, permite a la máquina entender la instrucción y al hombre entender el código binario traducido a información legible. Interfaz software-hardware
  • 5. CARACTERISTICAS Claridad Una buena interfaz transmite la información de manera precisa para evitar que el usuario cometa errores durante la interacción. Concisión Coherencia Flexibilidad Atractivo visual Se trata de darle al usuario solo la información que necesita y pide. 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. Una buena interfaz también se caracteriza por permitir que el usuario restaure elementos y deshaga acciones. 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.
  • 6. MODELOS DE INTERFAZ DE USUARIO Modelo de Información Modelo de Dominio Modelo de usuario Modelo de tareas Modelo de presentación Define el dominio de la información sobre la que se va a trabajar. Es una representación de las clases conceptuales del mundo real, no de componentes software. Describe las características del usuario final de la aplicación. Define todas las tareas específicas que los usuarios necesitan realizar en la aplicación. Determina los componentes que pueden aparecer en la interfaz de usuario, sus características de diseño y las dependencias visuales existentes entre ellas.
  • 7. ESTRATEGIAS DE DISEÑO Test A/B entre interfaces Patrones de diseñoLas bases de un proyecto exitoso es el estudio de las necesidades del usuario y objetivos de la web o aplicación, pasando por el diseño de la interfaz, el diseño de la navegación, la arquitectura de la información, el diseño de la interacción, el software entre otros. Estrategias importantes Existen distintas teorías de patrones de diseño, que nos pueden orientar para saber dónde se deben colocar los elementos que se quieren destacar. Estos patrones se basan en el recorrido que hace el ojo cuando lee u observa una interfaz. Antes de lanzar una página web, es común preparar distintos bocetos para organizar de manera idónea los distintos elementos en la página web (menú, banners, llamadas a la acción, etc.). A medida que se va avanzando, estos bocetos se convierten en prototipos para la versión definitiva de la web.