SlideShare una empresa de Scribd logo
1 de 32
UNIVERSIDAD TÉCNICA PARTICULAR DE
LOJA
SISTEMAS INFORMÁTICOS Y COMPUTACIÓN
INGENIERÍA DE SOFTWARE
DISEÑO DE LA INTERFAZ DE USUARIO
El diseño de la interfaz de usuario
requiere el estudio de las personas y el
conocimiento tecnológico adecuado.
Preguntas que deben plantearse y
responderse para el diseño de la interfaz
de usuario
●¿Quien es el usuario?
●¿Como aprende a interactuar con el nuevo
sistema de computo?
●¿Cómo interpreta la información que produce el
sistema?
●¿Qué espera del sistema?
REGLAS DE ORO
Existen tres reglas de oro para el
diseño de la interfaz:
●Dar el control al usuario
Es decir un sistema que
reaccione a las necesidades del
usuario y que le ayude a hacer las
cosas.
●Reducir la carga en la menoría
del usuario
Una interfaz de usuario bien
diseñada no dependerá de la
memoria del usuario. Siempre que
sea posible, el sistema debe
“recordar” la información pertinente y
ayudar al usuario con un escenario
de interacción que le facilite el uso
de la memoria.
●Lograr que la interfaz sea
consistente
Implica:
●Toda la información visual este
organizada de acuerdo con un
estándar de diseño que se
mantenga en todas la presentaciones
de pantalla.
●Los mecanismos de entrada se
restrinjan a un conjunto limitado que
se utilicé de manera consistente en
toda la aplicación.
●Los mecanismos para ir de una tarea
a otra se hayan definido e
implementado de manera consistente.
ANALISIS Y DISEÑO DE LA
INTERFAZ DE USUARIO
El proceso general para analizar y
diseñar una interfaz de usuario empieza
con la creación de diferentes modelos de
función del sistema.
Luego se delinean las tareas
orientadas al ser humano y al equipo
que se requieren para lograr el
funcionamiento del sistema.
ANALISIS Y DISEÑO DE LA
INTERFAZ DE USUARIO (Cont.)
Modelos del análisis y diseño de la interfaz
Un ingeniero humano establece un
modelo del usuario; el ingeniero del
software crea un modelo del diseño; el
usuario final desarrolla una imagen
mental que suele denominarse modelo
mental del usuario o percepción del
sistema, y quienes implementan el
sistema crean un modelo de la
implementación.
El modelo del usuario
Establece el perfil de los usuarios
finales del sistema.
Para construir una interfaz de
usuario efectiva, “todo diseño debe
empezar por la comprensión de quienes
son los usuarios de destino, incluidos
sus perfiles de edad, sexo, habilidades
físicas, educación, antecedentes
culturales o étnicos, motivaciones,
objetivos y personalidad”.
Los usuarios están distribuidos en las
siguientes categorías:
●Principiantes. No tienen
conocimientos de la sintaxis del
sistema y cuentan con escasos
conocimientos de la semántica de la
aplicación o del uso de la
computadora en general.
●Usuarios esporádicos y con
conocimientos. Tienen conocimientos
razonables de la semántica, pero
muestran una retención relativamente
baja de la información sobre sintaxis
necesaria para utilizar la interfaz.
●Usuarios frecuentes y con
conocimientos. Cuentan con
conocimientos de sintaxis y semántica
suficientes para llegar al “síndrome del
usuario avanzado”.
El modelo del diseño
Incorpora datos, arquitectura interfaz y
representaciones procedimentales del
software.
La especificación de requisitos
establece ciertas restricciones que
ayudan a definir el usuario del sistema.
El modelo mental moldea la manera
en que el usuario percibe la interfaz y
esta satisface sus necesidades.
El modelo de la implementación
Combina la manifestación externa
del sistema de computo y toda la
información de ayuda que describe la
sintaxis y semántica del sistema.
Cuando coinciden el modelo de la
implementación y el modelo mental del
usuario, los usuarios suelen sentirse a
gusto con el software y lo usan con
efectividad.
El Proceso
El proceso de análisis y diseño de
la interfaz de usuario abarca cuatro
actividades distintas de marco de
trabajo
1. Análisis y modelado de usuarios,
tarea y entornos.
1. Diseño de la interfaz
1. Construcción (implementación) de
la interfaz
1. Validación de la interfaz
El análisis de la interfaz se concentra en
el perfil de los usuarios que interactuaran
con el sistema
Proceso de diseño de la interfaz de usuario
PASOS DEL DISEÑO DE LA INTERFAZ
Se han propuesto muchos
modelos diferentes para el diseño de
la interfaz de usuario, todos sugieren
una combinación de los siguientes
pasos:
1. Con base en la información
desarrollada durante el análisis de la
información, definir los objetos y las
acciones de la interfaz (operaciones).
1. Definir eventos (acciones del
usuario) que cambiarán el estado de
la interfaz. Modelar este
comportamiento.
3. Representar cada estado de la
interfaz tal como lo verá el usuario
final.
3. Indicar como interpreta el usuario el
estado del sistema a partir de la
interfaz proporcionada mediante la
interfaz.
TEMAS DE DISEÑO
TIEMPO DE RESPUESTA
El tiempo de respuesta del
sistema es la primera queja sobre
muchas aplicaciones interactivas. En
general, se mide desde el punto en
que el usuario realiza alguna acción
de control.
El tiempo de respuesta del
sistema tiene dos características
importantes:
Duración y variabilidad.
Duración. Si la respuesta del
sistema se demora mucho, la
frustración y el estrés del usuario son
inevitables.
Variabilidad. Es la desviación
del tiempo de respuesta promedio.
Una baja variabilidad permite que el
usuario establezca un ritmo de
interacción, aunque el tiempo de
respuesta sea relativamente largo.
EVALUACIÓN DEL DISEÑO
Una vez que se ha creado un
prototipo de interfaz de usuario
operacional, debe evaluarse y
determinar si satisface las
necesidades del usuario.
Ciclo de evaluación del diseño de la interfaz de usuario

Más contenido relacionado

Similar a DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx

Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemasvanliria
 
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 procesoadrianazamora
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuariodjyami
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleJuan Pablo Bustos Thames
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 

Similar a DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx (20)

Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Capitulo ii ihc_2020_buap_a
Capitulo ii ihc_2020_buap_aCapitulo ii ihc_2020_buap_a
Capitulo ii ihc_2020_buap_a
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
Diseño de sistemas
Diseño de sistemasDiseño de sistemas
Diseño de sistemas
 
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
 
conceptos de redes
conceptos de redesconceptos de redes
conceptos de redes
 
Hci
HciHci
Hci
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuario
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 

Último

Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaSesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaXimenaFallaLecca1
 
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAIPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAJAMESDIAZ55
 
estadisticasII Metodo-de-la-gran-M.pdf
estadisticasII   Metodo-de-la-gran-M.pdfestadisticasII   Metodo-de-la-gran-M.pdf
estadisticasII Metodo-de-la-gran-M.pdfFlorenciopeaortiz
 
Curso intensivo de soldadura electrónica en pdf
Curso intensivo de soldadura electrónica  en pdfCurso intensivo de soldadura electrónica  en pdf
Curso intensivo de soldadura electrónica en pdfFernandaGarca788912
 
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kV
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kVEl proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kV
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kVSebastianPaez47
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Francisco Javier Mora Serrano
 
Unidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxUnidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxEverardoRuiz8
 
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptxguillermosantana15
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxEduardoSnchezHernnde5
 
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaProyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaXjoseantonio01jossed
 
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptxGARCIARAMIREZCESAR
 
clases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfclases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfDanielaVelasquez553560
 
CICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaCICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaSHERELYNSAMANTHAPALO1
 
Seleccion de Fusibles en media tension fusibles
Seleccion de Fusibles en media tension fusiblesSeleccion de Fusibles en media tension fusibles
Seleccion de Fusibles en media tension fusiblesSaulSantiago25
 
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALCHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALKATHIAMILAGRITOSSANC
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfedsonzav8
 
Introducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptIntroducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptEduardoCorado
 
Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.ALEJANDROLEONGALICIA
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdffredyflores58
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfMikkaelNicolae
 

Último (20)

Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO CersaSesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
Sesión 02 TIPOS DE VALORIZACIONES CURSO Cersa
 
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESAIPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
IPERC Y ATS - SEGURIDAD INDUSTRIAL PARA TODA EMPRESA
 
estadisticasII Metodo-de-la-gran-M.pdf
estadisticasII   Metodo-de-la-gran-M.pdfestadisticasII   Metodo-de-la-gran-M.pdf
estadisticasII Metodo-de-la-gran-M.pdf
 
Curso intensivo de soldadura electrónica en pdf
Curso intensivo de soldadura electrónica  en pdfCurso intensivo de soldadura electrónica  en pdf
Curso intensivo de soldadura electrónica en pdf
 
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kV
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kVEl proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kV
El proyecto “ITC SE Lambayeque Norte 220 kV con seccionamiento de la LT 220 kV
 
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
Hanns Recabarren Diaz (2024), Implementación de una herramienta de realidad v...
 
Unidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptxUnidad 3 Administracion de inventarios.pptx
Unidad 3 Administracion de inventarios.pptx
 
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx
¿QUE SON LOS AGENTES FISICOS Y QUE CUIDADOS TENER.pptx
 
Flujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptxFlujo multifásico en tuberias de ex.pptx
Flujo multifásico en tuberias de ex.pptx
 
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctricaProyecto de iluminación "guia" para proyectos de ingeniería eléctrica
Proyecto de iluminación "guia" para proyectos de ingeniería eléctrica
 
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx
4.6 DEFINICION DEL PROBLEMA DE ASIGNACION.pptx
 
clases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdfclases de dinamica ejercicios preuniversitarios.pdf
clases de dinamica ejercicios preuniversitarios.pdf
 
CICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresaCICLO DE DEMING que se encarga en como mejorar una empresa
CICLO DE DEMING que se encarga en como mejorar una empresa
 
Seleccion de Fusibles en media tension fusibles
Seleccion de Fusibles en media tension fusiblesSeleccion de Fusibles en media tension fusibles
Seleccion de Fusibles en media tension fusibles
 
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONALCHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
CHARLA DE INDUCCIÓN SEGURIDAD Y SALUD OCUPACIONAL
 
Manual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdfManual_Identificación_Geoformas_140627.pdf
Manual_Identificación_Geoformas_140627.pdf
 
Introducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.pptIntroducción a los sistemas neumaticos.ppt
Introducción a los sistemas neumaticos.ppt
 
Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.Flujo potencial, conceptos básicos y ejemplos resueltos.
Flujo potencial, conceptos básicos y ejemplos resueltos.
 
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdfECONOMIA APLICADA SEMANA 555555555555555555.pdf
ECONOMIA APLICADA SEMANA 555555555555555555.pdf
 
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdfReporte de simulación de flujo del agua en un volumen de control MNVA.pdf
Reporte de simulación de flujo del agua en un volumen de control MNVA.pdf
 

DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx

  • 1. UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA SISTEMAS INFORMÁTICOS Y COMPUTACIÓN INGENIERÍA DE SOFTWARE
  • 2. DISEÑO DE LA INTERFAZ DE USUARIO
  • 3. El diseño de la interfaz de usuario requiere el estudio de las personas y el conocimiento tecnológico adecuado.
  • 4. Preguntas que deben plantearse y responderse para el diseño de la interfaz de usuario ●¿Quien es el usuario? ●¿Como aprende a interactuar con el nuevo sistema de computo? ●¿Cómo interpreta la información que produce el sistema? ●¿Qué espera del sistema?
  • 5. REGLAS DE ORO Existen tres reglas de oro para el diseño de la interfaz: ●Dar el control al usuario Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas.
  • 6. ●Reducir la carga en la menoría del usuario Una interfaz de usuario bien diseñada no dependerá de la memoria del usuario. Siempre que sea posible, el sistema debe “recordar” la información pertinente y ayudar al usuario con un escenario de interacción que le facilite el uso de la memoria.
  • 7. ●Lograr que la interfaz sea consistente Implica: ●Toda la información visual este organizada de acuerdo con un estándar de diseño que se mantenga en todas la presentaciones de pantalla.
  • 8. ●Los mecanismos de entrada se restrinjan a un conjunto limitado que se utilicé de manera consistente en toda la aplicación. ●Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente.
  • 9. ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO El proceso general para analizar y diseñar una interfaz de usuario empieza con la creación de diferentes modelos de función del sistema.
  • 10. Luego se delinean las tareas orientadas al ser humano y al equipo que se requieren para lograr el funcionamiento del sistema. ANALISIS Y DISEÑO DE LA INTERFAZ DE USUARIO (Cont.)
  • 11. Modelos del análisis y diseño de la interfaz Un ingeniero humano establece un modelo del usuario; el ingeniero del software crea un modelo del diseño; el usuario final desarrolla una imagen mental que suele denominarse modelo mental del usuario o percepción del sistema, y quienes implementan el sistema crean un modelo de la implementación.
  • 12. El modelo del usuario
  • 13. Establece el perfil de los usuarios finales del sistema. Para construir una interfaz de usuario efectiva, “todo diseño debe empezar por la comprensión de quienes son los usuarios de destino, incluidos sus perfiles de edad, sexo, habilidades físicas, educación, antecedentes culturales o étnicos, motivaciones, objetivos y personalidad”.
  • 14. Los usuarios están distribuidos en las siguientes categorías: ●Principiantes. No tienen conocimientos de la sintaxis del sistema y cuentan con escasos conocimientos de la semántica de la aplicación o del uso de la computadora en general.
  • 15. ●Usuarios esporádicos y con conocimientos. Tienen conocimientos razonables de la semántica, pero muestran una retención relativamente baja de la información sobre sintaxis necesaria para utilizar la interfaz. ●Usuarios frecuentes y con conocimientos. Cuentan con conocimientos de sintaxis y semántica suficientes para llegar al “síndrome del usuario avanzado”.
  • 16. El modelo del diseño
  • 17. Incorpora datos, arquitectura interfaz y representaciones procedimentales del software. La especificación de requisitos establece ciertas restricciones que ayudan a definir el usuario del sistema. El modelo mental moldea la manera en que el usuario percibe la interfaz y esta satisface sus necesidades.
  • 18. El modelo de la implementación
  • 19. Combina la manifestación externa del sistema de computo y toda la información de ayuda que describe la sintaxis y semántica del sistema. Cuando coinciden el modelo de la implementación y el modelo mental del usuario, los usuarios suelen sentirse a gusto con el software y lo usan con efectividad.
  • 20. El Proceso El proceso de análisis y diseño de la interfaz de usuario abarca cuatro actividades distintas de marco de trabajo
  • 21. 1. Análisis y modelado de usuarios, tarea y entornos. 1. Diseño de la interfaz 1. Construcción (implementación) de la interfaz 1. Validación de la interfaz
  • 22. El análisis de la interfaz se concentra en el perfil de los usuarios que interactuaran con el sistema Proceso de diseño de la interfaz de usuario
  • 23. PASOS DEL DISEÑO DE LA INTERFAZ
  • 24. Se han propuesto muchos modelos diferentes para el diseño de la interfaz de usuario, todos sugieren una combinación de los siguientes pasos:
  • 25. 1. Con base en la información desarrollada durante el análisis de la información, definir los objetos y las acciones de la interfaz (operaciones). 1. Definir eventos (acciones del usuario) que cambiarán el estado de la interfaz. Modelar este comportamiento.
  • 26. 3. Representar cada estado de la interfaz tal como lo verá el usuario final. 3. Indicar como interpreta el usuario el estado del sistema a partir de la interfaz proporcionada mediante la interfaz.
  • 28. TIEMPO DE RESPUESTA El tiempo de respuesta del sistema es la primera queja sobre muchas aplicaciones interactivas. En general, se mide desde el punto en que el usuario realiza alguna acción de control.
  • 29. El tiempo de respuesta del sistema tiene dos características importantes: Duración y variabilidad. Duración. Si la respuesta del sistema se demora mucho, la frustración y el estrés del usuario son inevitables.
  • 30. Variabilidad. Es la desviación del tiempo de respuesta promedio. Una baja variabilidad permite que el usuario establezca un ritmo de interacción, aunque el tiempo de respuesta sea relativamente largo.
  • 31. EVALUACIÓN DEL DISEÑO Una vez que se ha creado un prototipo de interfaz de usuario operacional, debe evaluarse y determinar si satisface las necesidades del usuario.
  • 32. Ciclo de evaluación del diseño de la interfaz de usuario