SlideShare uma empresa Scribd logo
1 de 18
Interfaz Gráfica de Usuario
Concepto de interfaz: ,[object Object]
Clasificación ,[object Object],[object Object],[object Object]
Tipos de interfaces : ,[object Object],[object Object]
El usuario no suele recibir mucha información por parte del sistema (ejemplo: indicador del DOS), y debe conocer como funciona el ordenador y donde están los programas (nada esta oculto al usuario). El modelo de la interfaz es el programador, no el usuario. Ejemplo del DIR-DEL-DIR, por falta de información del DOS.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Existen distintos tipos de menús. Los primeros fueron los menús de pantalla completa, estructurados jerárquicamente. ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Interfaces orientadas a la aplicación Interfaces orientadas a objetos La aplicación consiste en un icono, una ventana principal y varias secundarias. El producto consiste en una colección de objetos que cooperan y vistas de dichos objetos. Los iconos representan aplicaciones o ventanas abiertas. Los iconos representan objetos se pueden manipular directamente. Los usuarios deben abrir una aplicación  antes de trabajar con objetos. Los usuarios abren objetos como vistas en el escritorio. Proporciona al usuario las funciones necesarias para realizar las tareas. Proporciona al usuario los materiales necesarios para realizar las tareas. Se centra en la tarea principal determinada por la aplicación. Se centra en las entradas y salidas de los objetos y tareas. Las tareas relacionadas son soportadas por otras aplicaciones. Las tareas relacionadas son soportadas por el uso de otros objetos. Estructura rígida: función. Estructura flexible: objeto. Los usuarios pueden quedarse atrapados en una tarea. Los usuarios  no deben quedarse atrapados en una tarea. Los usuarios deben seguir la estructura de la aplicación. Los usuarios pueden realizar tareas a su propio gusto. Se requieren muchas aplicaciones: una por tarea. Se requieren pocos objetos, que se reutilizan en muchas tareas.
Pasos para el diseño de una interfaz: ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Técnicas avanzadas para el diseño de una interfaces de usuario: ,[object Object],[object Object],[object Object],[object Object]
Funciones de las interfaces: ,[object Object],[object Object],[object Object],[object Object],[object Object]
Recomendaciones: El conocimiento de estos puntos clave, nos permitirán enfocarnos mejor al estudio de la materia. Las interfaces de usuarios, como vínculo de inmersión del hombre en torno de trabajo tecnológica actual, realzan su importancia en el desarrollo de nuevos productos, más eficaces, eficientes e interactivos, que es lo que  el mercado demanda .

Mais conteúdo relacionado

Mais procurados

Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioUTPL
 
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
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioaaaj1908
 
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
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuarioManuel Mujica
 
Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosJuan Manuel Gonzalez Calleros
 
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
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con usuarioNorerod
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioSinea David
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioAntonio Albanés
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfacesLuis Carlos Aceves
 
Interfaces de usuario tema2
Interfaces de usuario tema2Interfaces de usuario tema2
Interfaces de usuario tema2Enrique Puertas
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 

Mais procurados (20)

Pressman y sommerville, GUI
Pressman y sommerville, GUIPressman y sommerville, GUI
Pressman y sommerville, GUI
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
 
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
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
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
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en Modelos
 
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
 
Interfaz con usuario
Interfaz con usuarioInterfaz con usuario
Interfaz con 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 interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
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
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 
Interfaz gráfica del usuario
Interfaz gráfica del usuarioInterfaz gráfica del usuario
Interfaz gráfica del usuario
 
Interfaces de usuario tema2
Interfaces de usuario tema2Interfaces de usuario tema2
Interfaces de usuario tema2
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 

Destaque

Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...
Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...
Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...Majorick
 
eGovernment by TWT: Im Dialog mit Ihren Bürgern
eGovernment by TWT: Im Dialog mit Ihren BürgerneGovernment by TWT: Im Dialog mit Ihren Bürgern
eGovernment by TWT: Im Dialog mit Ihren BürgernTWT
 
Lista provisional cd s los origenes 3.
Lista provisional cd s los origenes 3.Lista provisional cd s los origenes 3.
Lista provisional cd s los origenes 3.Ariadna de la Calle
 
Social Media Aktivitäten von Direktvertriebsunternehmen
Social Media Aktivitäten von DirektvertriebsunternehmenSocial Media Aktivitäten von Direktvertriebsunternehmen
Social Media Aktivitäten von DirektvertriebsunternehmenTWT
 
Psicologia tarea miercoles
Psicologia tarea miercolesPsicologia tarea miercoles
Psicologia tarea miercolesJunior Rodriguez
 
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...TWT
 
Manual de seguridad-impresión
Manual de seguridad-impresiónManual de seguridad-impresión
Manual de seguridad-impresiónsetelsectorseis
 
Resumen de trabajo
Resumen de trabajoResumen de trabajo
Resumen de trabajoaftnsdc
 
Online Video interviews powered by livejobs.ch
Online Video interviews powered by livejobs.chOnline Video interviews powered by livejobs.ch
Online Video interviews powered by livejobs.chlivejobs
 
Fundamentos negociación
Fundamentos negociaciónFundamentos negociación
Fundamentos negociaciónLuis Carvajal
 
Presentación1
Presentación1Presentación1
Presentación1AntoFansTA
 

Destaque (20)

Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...
Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...
Pub78883 gaceta sindical_(edicion_especial_n_122)__se_constituye_la_comision_...
 
Arbeiten bei logicline
Arbeiten bei logiclineArbeiten bei logicline
Arbeiten bei logicline
 
Noticias de espeleología 20120221
Noticias de espeleología 20120221Noticias de espeleología 20120221
Noticias de espeleología 20120221
 
eGovernment by TWT: Im Dialog mit Ihren Bürgern
eGovernment by TWT: Im Dialog mit Ihren BürgerneGovernment by TWT: Im Dialog mit Ihren Bürgern
eGovernment by TWT: Im Dialog mit Ihren Bürgern
 
Lista provisional cd s los origenes 3.
Lista provisional cd s los origenes 3.Lista provisional cd s los origenes 3.
Lista provisional cd s los origenes 3.
 
Social Media Aktivitäten von Direktvertriebsunternehmen
Social Media Aktivitäten von DirektvertriebsunternehmenSocial Media Aktivitäten von Direktvertriebsunternehmen
Social Media Aktivitäten von Direktvertriebsunternehmen
 
Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemas
 
Sistema Operativo Windows
Sistema Operativo WindowsSistema Operativo Windows
Sistema Operativo Windows
 
Psicologia tarea miercoles
Psicologia tarea miercolesPsicologia tarea miercoles
Psicologia tarea miercoles
 
P R O Y E C T O
P R O Y E C T OP R O Y E C T O
P R O Y E C T O
 
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...
Die digitale Republik: Wie deutsche Subscriber, Fans und Follower Ihre Marke ...
 
Manual de seguridad-impresión
Manual de seguridad-impresiónManual de seguridad-impresión
Manual de seguridad-impresión
 
Landhotel Eibl, Bayerischer Wald
Landhotel Eibl, Bayerischer WaldLandhotel Eibl, Bayerischer Wald
Landhotel Eibl, Bayerischer Wald
 
Resumen de trabajo
Resumen de trabajoResumen de trabajo
Resumen de trabajo
 
El mundo andino
El mundo andinoEl mundo andino
El mundo andino
 
Espeleología urbana
Espeleología urbanaEspeleología urbana
Espeleología urbana
 
Presentación1
Presentación1Presentación1
Presentación1
 
Online Video interviews powered by livejobs.ch
Online Video interviews powered by livejobs.chOnline Video interviews powered by livejobs.ch
Online Video interviews powered by livejobs.ch
 
Fundamentos negociación
Fundamentos negociaciónFundamentos negociación
Fundamentos negociación
 
Presentación1
Presentación1Presentación1
Presentación1
 

Semelhante a Interfaz Gráfica Usuario GUI

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
 
TrAbAjO dE iNvEtIsGaCiOn
TrAbAjO dE iNvEtIsGaCiOnTrAbAjO dE iNvEtIsGaCiOn
TrAbAjO dE iNvEtIsGaCiOnpableus232323
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxJoseBarazarte4
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
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
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634ManuelBarrios56
 
Paradigmas de interacción
Paradigmas de interacciónParadigmas de interacción
Paradigmas de interacciónTensor
 
Clase 1
Clase 1Clase 1
Clase 1UPTM
 

Semelhante a Interfaz Gráfica Usuario GUI (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
 
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
 
TrAbAjO dE iNvEtIsGaCiOn
TrAbAjO dE iNvEtIsGaCiOnTrAbAjO dE iNvEtIsGaCiOn
TrAbAjO dE iNvEtIsGaCiOn
 
TISG
TISGTISG
TISG
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptx
 
Tópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUITópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUI
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Interfaces de usuario inteligente
Interfaces de usuario inteligenteInterfaces de usuario inteligente
Interfaces de usuario inteligente
 
Interfases gui
Interfases guiInterfases gui
Interfases gui
 
Trabajo grupo numero 3
Trabajo grupo numero 3Trabajo grupo numero 3
Trabajo grupo numero 3
 
PRESENTACIÓN "MICROSOFT OFFICE"
PRESENTACIÓN "MICROSOFT OFFICE"PRESENTACIÓN "MICROSOFT OFFICE"
PRESENTACIÓN "MICROSOFT OFFICE"
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
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
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634
 
Paradigmas de interacción
Paradigmas de interacciónParadigmas de interacción
Paradigmas de interacción
 
Clase 1
Clase 1Clase 1
Clase 1
 
Capitulo III
Capitulo IIICapitulo III
Capitulo III
 
N4 lección11
N4 lección11N4 lección11
N4 lección11
 

Mais de Colegio Agropecuario de San Carlos (20)

Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios web
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
C sharp intro1
C sharp intro1C sharp intro1
C sharp intro1
 
C sharp intro0
C sharp intro0C sharp intro0
C sharp intro0
 
Examensinrespuesta
ExamensinrespuestaExamensinrespuesta
Examensinrespuesta
 
Tipos de certificaciones profesionales en informática
Tipos de certificaciones profesionales en informáticaTipos de certificaciones profesionales en informática
Tipos de certificaciones profesionales en informática
 
Visual basic 2
Visual basic 2Visual basic 2
Visual basic 2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Introducción a net
Introducción a netIntroducción a net
Introducción a net
 
C sharp intro0
C sharp intro0C sharp intro0
C sharp intro0
 
C sharp intro1
C sharp intro1C sharp intro1
C sharp intro1
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1
 
Planificador del procesador
Planificador del procesadorPlanificador del procesador
Planificador del procesador
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativos
 
Ms
MsMs
Ms
 
Practica ms dos 2
Practica ms dos 2Practica ms dos 2
Practica ms dos 2
 
Drop database bd
Drop database bdDrop database bd
Drop database bd
 
Igu
IguIgu
Igu
 
Igu
IguIgu
Igu
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 

Interfaz Gráfica Usuario GUI

  • 2.
  • 3.
  • 4.
  • 5. El usuario no suele recibir mucha información por parte del sistema (ejemplo: indicador del DOS), y debe conocer como funciona el ordenador y donde están los programas (nada esta oculto al usuario). El modelo de la interfaz es el programador, no el usuario. Ejemplo del DIR-DEL-DIR, por falta de información del DOS.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Interfaces orientadas a la aplicación Interfaces orientadas a objetos La aplicación consiste en un icono, una ventana principal y varias secundarias. El producto consiste en una colección de objetos que cooperan y vistas de dichos objetos. Los iconos representan aplicaciones o ventanas abiertas. Los iconos representan objetos se pueden manipular directamente. Los usuarios deben abrir una aplicación antes de trabajar con objetos. Los usuarios abren objetos como vistas en el escritorio. Proporciona al usuario las funciones necesarias para realizar las tareas. Proporciona al usuario los materiales necesarios para realizar las tareas. Se centra en la tarea principal determinada por la aplicación. Se centra en las entradas y salidas de los objetos y tareas. Las tareas relacionadas son soportadas por otras aplicaciones. Las tareas relacionadas son soportadas por el uso de otros objetos. Estructura rígida: función. Estructura flexible: objeto. Los usuarios pueden quedarse atrapados en una tarea. Los usuarios no deben quedarse atrapados en una tarea. Los usuarios deben seguir la estructura de la aplicación. Los usuarios pueden realizar tareas a su propio gusto. Se requieren muchas aplicaciones: una por tarea. Se requieren pocos objetos, que se reutilizan en muchas tareas.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Recomendaciones: El conocimiento de estos puntos clave, nos permitirán enfocarnos mejor al estudio de la materia. Las interfaces de usuarios, como vínculo de inmersión del hombre en torno de trabajo tecnológica actual, realzan su importancia en el desarrollo de nuevos productos, más eficaces, eficientes e interactivos, que es lo que el mercado demanda .