SlideShare una empresa de Scribd logo
1 de 10
Materia: Metodología de Sistemas I
Curso: 4B
Profesora: Gabriela Flores
Alumno: Cristian Popp
Fecha de Presentación: 13/11/2013
Diseño de
INTERFAZ
Física

Virtual

 Punto de interacción entre los componentes.
 Medios de comunicación entre computadora y

usuario.
Ventajas
 Fáciles de aprender y utilizar.
 Pantallas múltiples para interactuar con el sistema (se puede pasar de una

tarea a otra sin perder de vista la información de la anterior).

 Interacción rápida y acceso inmediato a cualquier punto de la pantalla.
Principios
 Familiaridad del usuario






Utilizar términos y conceptos propios de las personas que más utilizan el sistema.
Consistencia
Debe ser consistente en el sentido de que las operaciones comparables se activan de
la misma forma.
Mínima sorpresa
El comportamiento del sistema no debe provocar sorpresa a los usuarios.
Recuperabilidad
Cuando los errores ocurren , la interfaz debe proveer características de ayuda.
Diversidad de usuarios
La interfaz debe proveer características de interacción apropiada para los diferentes
tipos de usuarios.
Interacción del usuario
Una interfaz coherente debe integrar la interacción del usuario y la presentación de la información.
 Manipulación directa

Interacción directa con los objetos de la pantalla.
Rápida e intuitiva.
 Lenguaje de comandos

Los usuarios emiten un comando especial y los parámetros asociados para indicar al sistema qué
hacer.

 Selección de menú

El usuario selecciona un comando de una lista de posibilidades.
Evita errores del usuario.
Puede llegar a ser complejo si existen muchas opciones en el menú.
 Llenado de formularios

Introducción de datos sencilla en los campos de un formulario.
Ocupa mucho espacio en la pantalla.
Presentación de la Información
 De entrada o presentación gráfica.
 Es necesario conocer a los usuarios y la forma en que utilizarán el sistema.

Color en el diseño de la interfaz
 El color ayuda y mejora la presentación.
 Limitar el número de colores utilizados .
 Utilizar un cambio de color para mostrar un cambio en el estado del sistema.
 Ser cuidadoso al utilizar pares de colores.
 Si se utilizan muchos colores, el despliegue puede ser confuso.
Factores de diseño:
Redacción del mensaje de error
 Contexto

El sistema guía del usuario debe estar pendiente de lo que hace el usuario y ajustar el mensaje
de salida al contexto actual.
 Experiencia

El usuario principiante no comprende los mensajes precisos.
El sistema debe proveer de ambos tipos de mensajes.
 Nivel de habilidad

Conocer al usuario y sus habilidades implica adecuar los mensajes a la terminología que él
utiliza.
 Estilo

Los mensajes deben ser positivos en lugar de negativos.
 Cultura

Reconocer la cultura del país evita malas interpretaciones del contexto del mensaje.
Ejemplo de interfaz gráfica

Ingresar el nombre del Socio a buscar:

Nombre del Socio:
Popp, C

Aceptar

Cancelar
Mensaje de error orientado al Sistema

?

Error # 14
Entrada inválida de la
identificación del socio.
Aceptar

Cancelar

Mensaje orientado al usuario
El socio Popp, C no está registrado
Haga clic en Socios para visualizar la lista de
socios activos.
Haga clic en Reintentar para introducir
nuevamente un nombre del socio.
Haga clic en Ayuda para más información.
Socios

Ayuda

Reintentar
Reintentar

Cancelar
Bibliografía
WIKIPEDIA, www.wikipedia.com (Consulta: 08/11/2013)
MONOGRAFIAS, www.monografias.com (Consulta: 08/11/2013)
SLIDESHARE, www.slideshare.net (Consulta: 08/11/2013)
HIPERTEXTO, www.hipertexto.info (Consulta: 08/11/2013)

Más contenido relacionado

La actualidad más candente

Presentación2grisell new
Presentación2grisell newPresentación2grisell new
Presentación2grisell new
chuo001
 
Metodología de Desarrollo De Multimedia
Metodología de Desarrollo De MultimediaMetodología de Desarrollo De Multimedia
Metodología de Desarrollo De Multimedia
crys28
 
Programacion
ProgramacionProgramacion
Programacion
edwinmaya
 
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas IActividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
damian_87_3
 
Por que usar software libre en la educación
Por que usar software libre en la educaciónPor que usar software libre en la educación
Por que usar software libre en la educación
Roman Gelbort
 

La actualidad más candente (17)

Evaluación de software educativo
Evaluación de software educativoEvaluación de software educativo
Evaluación de software educativo
 
Presentación2grisell new
Presentación2grisell newPresentación2grisell new
Presentación2grisell new
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 
software
software software
software
 
Metodología de Desarrollo De Multimedia
Metodología de Desarrollo De MultimediaMetodología de Desarrollo De Multimedia
Metodología de Desarrollo De Multimedia
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
04 7n1is taller diseno-dialogos
04 7n1is taller diseno-dialogos04 7n1is taller diseno-dialogos
04 7n1is taller diseno-dialogos
 
Programacion
ProgramacionProgramacion
Programacion
 
Vuad 2017-1-ambientes virtuales-estrategia 2-software libre
Vuad 2017-1-ambientes virtuales-estrategia 2-software libreVuad 2017-1-ambientes virtuales-estrategia 2-software libre
Vuad 2017-1-ambientes virtuales-estrategia 2-software libre
 
Herramientas de presentacion
Herramientas de presentacionHerramientas de presentacion
Herramientas de presentacion
 
Software Educativo
Software  EducativoSoftware  Educativo
Software Educativo
 
software
softwaresoftware
software
 
Modelo de Implantación del Usuario | interfaz Gráfica de usuario
Modelo de Implantación del Usuario |  interfaz Gráfica de usuarioModelo de Implantación del Usuario |  interfaz Gráfica de usuario
Modelo de Implantación del Usuario | interfaz Gráfica de usuario
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas IActividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
 
Por que usar software libre en la educación
Por que usar software libre en la educaciónPor que usar software libre en la educación
Por que usar software libre en la educación
 
Datos curriculares
Datos curricularesDatos curriculares
Datos curriculares
 

Destacado (6)

Interfaz Presentación
Interfaz PresentaciónInterfaz Presentación
Interfaz Presentación
 
Presentacion interfaces d usuario
Presentacion interfaces d usuarioPresentacion interfaces d usuario
Presentacion interfaces d usuario
 
Historia de-la-interfaz-grfica cv
Historia de-la-interfaz-grfica cvHistoria de-la-interfaz-grfica cv
Historia de-la-interfaz-grfica cv
 
Presentacion proyectos informaticos
Presentacion proyectos informaticosPresentacion proyectos informaticos
Presentacion proyectos informaticos
 
Requerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionalesRequerimientos funcionales y no funcionales
Requerimientos funcionales y no funcionales
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 

Similar a Interfaz gráfica de usuario

Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausu
elmer1612
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidad
Karla Arosemena
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
stefani0915
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
stefani0915
 

Similar a Interfaz gráfica de usuario (20)

Capitulo 2.1
Capitulo 2.1Capitulo 2.1
Capitulo 2.1
 
Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuario
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausu
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidad
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuario
 
Sesión checklist usabilidad
Sesión checklist usabilidadSesión checklist usabilidad
Sesión checklist usabilidad
 
Sesión checklist usabilidad
Sesión checklist usabilidadSesión checklist usabilidad
Sesión checklist usabilidad
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Guia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuarioGuia para realizar una correcta interfaz gráfica de usuario
Guia para realizar una correcta interfaz gráfica de usuario
 
estio.pdf
estio.pdfestio.pdf
estio.pdf
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
Principios heurísticos de Nielsen (Trabajo)
Principios heurísticos de Nielsen (Trabajo)Principios heurísticos de Nielsen (Trabajo)
Principios heurísticos de Nielsen (Trabajo)
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Loja usabilidad3
Loja usabilidad3Loja usabilidad3
Loja usabilidad3
 
Proyecto del curso IHC.pdf
Proyecto del curso IHC.pdfProyecto del curso IHC.pdf
Proyecto del curso IHC.pdf
 

Último

Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Noe Castillo
 
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
juancmendez1405
 

Último (20)

📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
 
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresResumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
 
Evaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la OrganizaciónEvaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la Organización
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 
Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)Como construir los vínculos afectivos (Grupal)
Como construir los vínculos afectivos (Grupal)
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
 
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
5º PARTE 3 SOY LECTOR -MD EDUCATIVO_240418_155445 (1).pdf
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
 
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLAACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
 
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
 
Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024Tema 8 Estructura y composición de la Tierra 2024
Tema 8 Estructura y composición de la Tierra 2024
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 
mapa mental sobre el sistema político...
mapa mental sobre el sistema político...mapa mental sobre el sistema político...
mapa mental sobre el sistema político...
 
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocxCONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
CONCLUSIONES DESCRIPTIVAS TIC que ayudaran a tus registrosdocx
 
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
 
ESTEREOTIPOS Y ROLES DE GÉNERO (labor de grupo)
ESTEREOTIPOS  Y ROLES DE GÉNERO (labor de grupo)ESTEREOTIPOS  Y ROLES DE GÉNERO (labor de grupo)
ESTEREOTIPOS Y ROLES DE GÉNERO (labor de grupo)
 
Proceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu RemodelaciónProceso de gestión de obras - Aquí tu Remodelación
Proceso de gestión de obras - Aquí tu Remodelación
 

Interfaz gráfica de usuario

  • 1. Materia: Metodología de Sistemas I Curso: 4B Profesora: Gabriela Flores Alumno: Cristian Popp Fecha de Presentación: 13/11/2013
  • 2. Diseño de INTERFAZ Física Virtual  Punto de interacción entre los componentes.  Medios de comunicación entre computadora y usuario.
  • 3. Ventajas  Fáciles de aprender y utilizar.  Pantallas múltiples para interactuar con el sistema (se puede pasar de una tarea a otra sin perder de vista la información de la anterior).  Interacción rápida y acceso inmediato a cualquier punto de la pantalla.
  • 4. Principios  Familiaridad del usuario     Utilizar términos y conceptos propios de las personas que más utilizan el sistema. Consistencia Debe ser consistente en el sentido de que las operaciones comparables se activan de la misma forma. Mínima sorpresa El comportamiento del sistema no debe provocar sorpresa a los usuarios. Recuperabilidad Cuando los errores ocurren , la interfaz debe proveer características de ayuda. Diversidad de usuarios La interfaz debe proveer características de interacción apropiada para los diferentes tipos de usuarios.
  • 5. Interacción del usuario Una interfaz coherente debe integrar la interacción del usuario y la presentación de la información.  Manipulación directa Interacción directa con los objetos de la pantalla. Rápida e intuitiva.  Lenguaje de comandos Los usuarios emiten un comando especial y los parámetros asociados para indicar al sistema qué hacer.  Selección de menú El usuario selecciona un comando de una lista de posibilidades. Evita errores del usuario. Puede llegar a ser complejo si existen muchas opciones en el menú.  Llenado de formularios Introducción de datos sencilla en los campos de un formulario. Ocupa mucho espacio en la pantalla.
  • 6. Presentación de la Información  De entrada o presentación gráfica.  Es necesario conocer a los usuarios y la forma en que utilizarán el sistema. Color en el diseño de la interfaz  El color ayuda y mejora la presentación.  Limitar el número de colores utilizados .  Utilizar un cambio de color para mostrar un cambio en el estado del sistema.  Ser cuidadoso al utilizar pares de colores.  Si se utilizan muchos colores, el despliegue puede ser confuso.
  • 7. Factores de diseño: Redacción del mensaje de error  Contexto El sistema guía del usuario debe estar pendiente de lo que hace el usuario y ajustar el mensaje de salida al contexto actual.  Experiencia El usuario principiante no comprende los mensajes precisos. El sistema debe proveer de ambos tipos de mensajes.  Nivel de habilidad Conocer al usuario y sus habilidades implica adecuar los mensajes a la terminología que él utiliza.  Estilo Los mensajes deben ser positivos en lugar de negativos.  Cultura Reconocer la cultura del país evita malas interpretaciones del contexto del mensaje.
  • 8. Ejemplo de interfaz gráfica Ingresar el nombre del Socio a buscar: Nombre del Socio: Popp, C Aceptar Cancelar
  • 9. Mensaje de error orientado al Sistema ? Error # 14 Entrada inválida de la identificación del socio. Aceptar Cancelar Mensaje orientado al usuario El socio Popp, C no está registrado Haga clic en Socios para visualizar la lista de socios activos. Haga clic en Reintentar para introducir nuevamente un nombre del socio. Haga clic en Ayuda para más información. Socios Ayuda Reintentar Reintentar Cancelar
  • 10. Bibliografía WIKIPEDIA, www.wikipedia.com (Consulta: 08/11/2013) MONOGRAFIAS, www.monografias.com (Consulta: 08/11/2013) SLIDESHARE, www.slideshare.net (Consulta: 08/11/2013) HIPERTEXTO, www.hipertexto.info (Consulta: 08/11/2013)