SlideShare una empresa de Scribd logo
1 de 11
ANALISIS Y DISEÑO DE SISTEMAS IIINTERFAZ  DE  USUARIOPROF.  TANINO  FERRI
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: ,[object Object],	Es decir un sistema que reaccione a las necesidades del usuario y que le ayude a hacer las cosas.  
Reducir la carga en la memorí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.
Ventanas: Ventanas múltiples permiten que se despliegue simultáneamente información diversa en la pantalla del usuario. Iconos: Representan diferentes tipos de información, por ejemplo archivos, procesos ,etc. Menús: Los comandos se seleccionan de un menú en lugar de teclearse en un lenguaje de ordenes. Características de las Interfaces gráficas de usuario (GUIs)
Apuntador: Para seleccionar opciones de un menú o para indicar elementos de interés en una ventana , se utiliza un dispositivo apuntador , como el ratón. Gráficos: Los elementos gráficos se pueden mezclar con texto en el mismo despliegue.
Ventajas de las GUIs Fáciles de aprender y utilizar. Para interactuar con el sistema , los usuarios cuentan con pantallas múltiples. 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.
Proceso de Diseño de la GUI Analizar y comprender las actividades del usuario Producir un prototipo de diseño en papel Evaluar el diseño con los usuarios finales Diseñar el prototipo Producir el prototipo del diseño dinámico Evaluar el diseño con los usuarios finales Prototipo ejecutable Implementar la interfaz del usuario final
Interfaz Usuario

Más contenido relacionado

La actualidad más candente

Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
Sinea David
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
Joel lorenzo
 
Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausu
elmer1612
 
Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en linea
Diosile Camargo
 

La actualidad más candente (18)

Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Proceso de diseño multimedia presentacion
Proceso de diseño multimedia   presentacionProceso de diseño multimedia   presentacion
Proceso de diseño multimedia presentacion
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuario03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuario
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuario
 
Expo ia
Expo iaExpo ia
Expo ia
 
03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
Unidad 2 Tema 2
Unidad 2 Tema 2Unidad 2 Tema 2
Unidad 2 Tema 2
 
03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario
 
Trabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTNTrabajo Práctico - Metodología de Sistemas I - UTN
Trabajo Práctico - Metodología de Sistemas I - UTN
 
Interfaz graficausu
Interfaz graficausuInterfaz graficausu
Interfaz graficausu
 
04 7n2is taller diseno dialogos
04 7n2is taller diseno dialogos04 7n2is taller diseno dialogos
04 7n2is taller diseno dialogos
 
Exposicion eje tematico cuatro dialogo en linea
Exposicion eje tematico cuatro   dialogo en lineaExposicion eje tematico cuatro   dialogo en linea
Exposicion eje tematico cuatro dialogo en linea
 

Similar a Interfaz Usuario

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
adrianazamora
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
Eleny30
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
Eleny30
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
UVM
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
UTPL
 
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
cataca24
 

Similar a Interfaz Usuario (20)

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
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 DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptxDISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
 
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
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuario
 
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
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
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
 
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
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptx
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
 
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
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuy
 

Más de taninof

Proyecto Sociotecnologico I
Proyecto Sociotecnologico IProyecto Sociotecnologico I
Proyecto Sociotecnologico I
taninof
 
Metodologia orientada a objeto - libro
Metodologia orientada a objeto -  libroMetodologia orientada a objeto -  libro
Metodologia orientada a objeto - libro
taninof
 
Ponencia tanino ferri
Ponencia tanino ferriPonencia tanino ferri
Ponencia tanino ferri
taninof
 
Curso de programacion desde cero
Curso  de  programacion  desde  ceroCurso  de  programacion  desde  cero
Curso de programacion desde cero
taninof
 
Software y hardware.doc
Software y hardware.docSoftware y hardware.doc
Software y hardware.doc
taninof
 
Tabla dinamicas
Tabla dinamicasTabla dinamicas
Tabla dinamicas
taninof
 
Manual visual paradigm
Manual visual paradigmManual visual paradigm
Manual visual paradigm
taninof
 
Notas Politecnico -San Jose
Notas Politecnico -San JoseNotas Politecnico -San Jose
Notas Politecnico -San Jose
taninof
 
Arbol De Problemas
Arbol De ProblemasArbol De Problemas
Arbol De Problemas
taninof
 
Proyecto I - Arbol De Problemas
Proyecto I - Arbol De ProblemasProyecto I - Arbol De Problemas
Proyecto I - Arbol De Problemas
taninof
 
Subir Archivos En Blog
Subir Archivos En BlogSubir Archivos En Blog
Subir Archivos En Blog
taninof
 
Una Buena Leccion De Vida 2443
Una Buena Leccion De Vida 2443Una Buena Leccion De Vida 2443
Una Buena Leccion De Vida 2443
taninof
 
Pasos Para Crear Un Blog
Pasos Para Crear Un BlogPasos Para Crear Un Blog
Pasos Para Crear Un Blog
taninof
 
Tic En Educacion
Tic En EducacionTic En Educacion
Tic En Educacion
taninof
 
Buscadores
BuscadoresBuscadores
Buscadores
taninof
 
Estructura Interna Computador
Estructura Interna ComputadorEstructura Interna Computador
Estructura Interna Computador
taninof
 

Más de taninof (20)

Proyecto Sociotecnologico I
Proyecto Sociotecnologico IProyecto Sociotecnologico I
Proyecto Sociotecnologico I
 
Abordaje a la comunidad
Abordaje a la comunidadAbordaje a la comunidad
Abordaje a la comunidad
 
Metodologia orientada a objeto - libro
Metodologia orientada a objeto -  libroMetodologia orientada a objeto -  libro
Metodologia orientada a objeto - libro
 
Ponencia tanino ferri
Ponencia tanino ferriPonencia tanino ferri
Ponencia tanino ferri
 
Curso de programacion desde cero
Curso  de  programacion  desde  ceroCurso  de  programacion  desde  cero
Curso de programacion desde cero
 
Software y hardware.doc
Software y hardware.docSoftware y hardware.doc
Software y hardware.doc
 
Tabla dinamicas
Tabla dinamicasTabla dinamicas
Tabla dinamicas
 
Manual visual paradigm
Manual visual paradigmManual visual paradigm
Manual visual paradigm
 
Notas Politecnico -San Jose
Notas Politecnico -San JoseNotas Politecnico -San Jose
Notas Politecnico -San Jose
 
Arbol De Problemas
Arbol De ProblemasArbol De Problemas
Arbol De Problemas
 
Proyecto I - Arbol De Problemas
Proyecto I - Arbol De ProblemasProyecto I - Arbol De Problemas
Proyecto I - Arbol De Problemas
 
Subir Archivos En Blog
Subir Archivos En BlogSubir Archivos En Blog
Subir Archivos En Blog
 
Una Buena Leccion De Vida 2443
Una Buena Leccion De Vida 2443Una Buena Leccion De Vida 2443
Una Buena Leccion De Vida 2443
 
Pasos Para Crear Un Blog
Pasos Para Crear Un BlogPasos Para Crear Un Blog
Pasos Para Crear Un Blog
 
Tic En Educacion
Tic En EducacionTic En Educacion
Tic En Educacion
 
Satelite Exposicion 2003
Satelite Exposicion 2003Satelite Exposicion 2003
Satelite Exposicion 2003
 
Buscadores
BuscadoresBuscadores
Buscadores
 
Blog
BlogBlog
Blog
 
E Mail
E MailE Mail
E Mail
 
Estructura Interna Computador
Estructura Interna ComputadorEstructura Interna Computador
Estructura Interna Computador
 

Último

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 

Último (20)

activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

Interfaz Usuario

  • 1. ANALISIS Y DISEÑO DE SISTEMAS IIINTERFAZ DE USUARIOPROF. TANINO FERRI
  • 2. El diseño de la interfaz de usuario requiere el estudio de las personas y el conocimiento tecnológico adecuado.
  • 3. 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?
  • 4.
  • 5. Reducir la carga en la memorí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.
  • 6. 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.
  • 7. Ventanas: Ventanas múltiples permiten que se despliegue simultáneamente información diversa en la pantalla del usuario. Iconos: Representan diferentes tipos de información, por ejemplo archivos, procesos ,etc. Menús: Los comandos se seleccionan de un menú en lugar de teclearse en un lenguaje de ordenes. Características de las Interfaces gráficas de usuario (GUIs)
  • 8. Apuntador: Para seleccionar opciones de un menú o para indicar elementos de interés en una ventana , se utiliza un dispositivo apuntador , como el ratón. Gráficos: Los elementos gráficos se pueden mezclar con texto en el mismo despliegue.
  • 9. Ventajas de las GUIs Fáciles de aprender y utilizar. Para interactuar con el sistema , los usuarios cuentan con pantallas múltiples. 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.
  • 10. Proceso de Diseño de la GUI Analizar y comprender las actividades del usuario Producir un prototipo de diseño en papel Evaluar el diseño con los usuarios finales Diseñar el prototipo Producir el prototipo del diseño dinámico Evaluar el diseño con los usuarios finales Prototipo ejecutable Implementar la interfaz del usuario final