SlideShare una empresa de Scribd logo
1 de 34
[object Object],GUI Pics2Phones 1.31 Enviar fotos al movil  Internet - Tools & Utilities Bvrp Software De   DivXNetworks DivX Player 5.2
[object Object],GUI Cuando la acción es delicada se solicita confirmación Descripción del tipo de error producido Evitar los mensajes ambiguos y códigos numéricos.
[object Object],GUI Calculadora, software intuitivo, no requiere para su manejo el uso de la ayuda, y hay dos versiones según necesidad.
[object Object],GUI Blackberry Teléfono de disco
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],GUI  - Disciplinas que intervienen
Semántico:  la información que nos aporta el significado de las palabras. GUI - El proceso del habla Definición de cancelar según RAE
Sintáctico:  la información gramatical que nos aporta la estructura de la frase. GUI - El proceso del habla Diferentes significados según contexto
Pragmático:  la información proveniente del contexto donde nos encontramos (lugar, tiempo, cultura, entorno, interlocutor, etc.). Prosódico:  la información proporcionada por la inflexión de la voz, el acento, el tono, el  tempo , el humor y en general cualquier aspecto del proceso de articulación. GUI - El proceso del habla Los preload y los emoticons del Messenger, tratan de expresar en modo gráfico el elemento prosódico del habla. Selección de ayudante, elegimos aspecto y personalidad.
GUI - El proceso del habla La  norma estadística  establece que lo correcto es la frecuencia más alta de uso de una forma o costumbre expresiva. Opción cerrar en distintas aplicaciones y entornos.
GUI - El proceso del habla la  norma social  indica que el lenguaje correcto deriva del modo de expresarse de determinada capa social, considerada digna de imitar  Opción cerrar en distintas versiones del SO de Mac
GUI - El proceso del habla la  norma geográfica  afirma que lo correcto es la forma de expresión de la zona donde nos encontramos. Opción cerrar en Ferrovial y en Sony-Ericson
GUI - El proceso del habla la  norma académica  estima que lo correcto es lo establecido por una academia de sabios expertos en el tema.
GUI - El proceso del habla la  norma cultural , por otra parte, estatuye que el modelo de lengua viene dado por un texto considerado clásico por una cultura. Iconos de Office, Messenger y Windows XP
GUI - Características (Aspectos humanos)   1.- Metáforas 2.- Manipulación directa 3.- Órdenes universales 4.- Consistencia 5.- Modos 6.- Visibilidad 7.- Tolerancia
1.- Metáforas I Metáforas son abstracciones de elementos familiares para ayudar a la creación de modelos conceptuales al usuario. Se usan conceptos conocidos para hacerle entender un concepto menos familiar o más complejo. Reproductores de vídeo. GUI - Características (Aspectos humanos)
Metáforas II Control de Visitas a un sitio Web, software Visitor Ville;  www.visitorville.com /  world-map.html GUI - Características (Aspectos humanos)
Metáforas III Buscador gráfico KartOO;  www.kartoo.com GUI - Características (Aspectos humanos)
Metáforas IV Escritorio 3D Windows para niños GUI - Características (Aspectos humanos)
Metáforas V Sitio de Internet basado en una metáfora de escritorio GUI - Características (Aspectos humanos)
Metáforas VI Escritorio MacOs GUI - Características (Aspectos humanos)
[object Object],[object Object],[object Object],[object Object],[object Object],2.- Manipulación directa Pulsar y arrastrar GUI - Características (Aspectos humanos)
Manipulación directa I Aplicaciones en escritorio de SO linux GUI - Características (Aspectos humanos)
Manipulación directa II Juego tipo Simcity para Linux GUI - Características (Aspectos humanos)
Manipulación directa III Juego de estrategia para Linux GUI - Características (Aspectos humanos)
Manipulación directa IV Programa de creación musical Interfaz de realidad virtual GUI - Características (Aspectos humanos)
Manipulación directa V Interfaz de realidad virtual en la película Minority Report GUI - Características (Aspectos humanos)
Manipulación directa VI Programa de creación musical Reason V2 GUI - Características (Aspectos humanos)
3.- Órdenes universales Comportamiento universal y consistente de las órdenes, debería dar el mismo resultado a lo largo de todo el sistema.  Borrar documentos, en distintos SO Botones de navegación disponibles en XP GUI - Características (Aspectos humanos)
4.- Consistencia En un interfaz, se deben respetar unos criterios gráficos y funcionales de acuerdo con unas reglas de estilo. Normas de construcción de un icono en XP Iconos aplicación Iconos para SO GUI - Características (Aspectos humanos)
Consistencia 2 Normas de construcción de iconos 3D para Mac Iconos MacxOS  Iconos Foxmail GUI - Características (Aspectos humanos)
5.- Modos Distintos estados de un botón La interfaz tiene que indicarnos en cada momento qué nos está permitido hacer y que no.  Botón derecho, menú en contexto GUI - Características (Aspectos humanos)
6.- Visibilidad Caja de propiedades Dreamweaber y Flash que varía según el objeto seleccionado   El usuario debe saber las acciones puede hacer y los objetos con los que pede interactuar.  GUI - Características (Aspectos humanos)
7.- Tolerancia Historia del Photoshop, opción deshacer mejorada   El interfaz debe permitir deshacer ciertas acciones, ser tolerante con los errores GUI - Características (Aspectos humanos)
Retroalimentación (feedback) La retroalimentación es el fenómeno que se produce cuando el usuario percibe el resultado de sus acciones y que influye inmediatamente en las decisiones que está tomando. Indicador de progreso Los diferentes estados en la barra de tareas  refuerzan las acciones GUI - Características (Aspectos tecnológicos)

Más contenido relacionado

Similar a GUI diseño interfaz

Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioAntonio Albanés
 
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
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuyFranklinlicuy
 
Descripción de lo que se esta haciendo
Descripción de lo que se esta  haciendoDescripción de lo que se esta  haciendo
Descripción de lo que se esta haciendoMonserat Rdgz
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Gonzalo Delgado
 
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 interfaz-humano-JUAN ROBALINO (UNACH)
El interfaz-humano-JUAN ROBALINO (UNACH)El interfaz-humano-JUAN ROBALINO (UNACH)
El interfaz-humano-JUAN ROBALINO (UNACH)Juan Robalino
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humanaaaaj1908
 
Taller Multimedia 210 1
Taller Multimedia  210 1Taller Multimedia  210 1
Taller Multimedia 210 1Alberto Rojas
 
Multimedia
MultimediaMultimedia
Multimediasynaruy
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Karlita Jimenez
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Karlita Jimenez
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacciónDCU_MPIUA
 
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIOQUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIOGDYatusae
 
Arquitectura para Interacción Multimodal en los Juegos por Computadora
Arquitectura para Interacción Multimodal en los Juegos por ComputadoraArquitectura para Interacción Multimodal en los Juegos por Computadora
Arquitectura para Interacción Multimodal en los Juegos por ComputadoraPedro Santana
 

Similar a GUI diseño interfaz (20)

Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Clase 04 diseno_ui
Clase 04 diseno_uiClase 04 diseno_ui
Clase 04 diseno_ui
 
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
 
Informatica taller 3 franklin licuy
Informatica taller 3 franklin licuyInformatica taller 3 franklin licuy
Informatica taller 3 franklin licuy
 
Descripción de lo que se esta haciendo
Descripción de lo que se esta  haciendoDescripción de lo que se esta  haciendo
Descripción de lo que se esta haciendo
 
Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)Exploring natural user interfaces for computer aided translation tools (2)
Exploring natural user interfaces for computer aided translation tools (2)
 
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 interfaz-humano-JUAN ROBALINO (UNACH)
El interfaz-humano-JUAN ROBALINO (UNACH)El interfaz-humano-JUAN ROBALINO (UNACH)
El interfaz-humano-JUAN ROBALINO (UNACH)
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
 
Taller Multimedia 210 1
Taller Multimedia  210 1Taller Multimedia  210 1
Taller Multimedia 210 1
 
U4 interfaz de usuario
U4 interfaz de usuarioU4 interfaz de usuario
U4 interfaz de usuario
 
Multimedia
MultimediaMultimedia
Multimedia
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
 
08 sw y hw diseño
08 sw y hw diseño08 sw y hw diseño
08 sw y hw diseño
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción
 
Módulo II-Multimedia II.pptx
Módulo II-Multimedia II.pptxMódulo II-Multimedia II.pptx
Módulo II-Multimedia II.pptx
 
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIOQUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
QUE ES IPO Y EL DISEÑO CENTRADO EN EL USUARIO
 
Arquitectura para Interacción Multimodal en los Juegos por Computadora
Arquitectura para Interacción Multimodal en los Juegos por ComputadoraArquitectura para Interacción Multimodal en los Juegos por Computadora
Arquitectura para Interacción Multimodal en los Juegos por Computadora
 
Interfaces gráficas de usuario
Interfaces gráficas de usuarioInterfaces gráficas de usuario
Interfaces gráficas de usuario
 

Último

KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 

Último (19)

KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 

GUI diseño interfaz

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Semántico: la información que nos aporta el significado de las palabras. GUI - El proceso del habla Definición de cancelar según RAE
  • 7. Sintáctico: la información gramatical que nos aporta la estructura de la frase. GUI - El proceso del habla Diferentes significados según contexto
  • 8. Pragmático: la información proveniente del contexto donde nos encontramos (lugar, tiempo, cultura, entorno, interlocutor, etc.). Prosódico: la información proporcionada por la inflexión de la voz, el acento, el tono, el tempo , el humor y en general cualquier aspecto del proceso de articulación. GUI - El proceso del habla Los preload y los emoticons del Messenger, tratan de expresar en modo gráfico el elemento prosódico del habla. Selección de ayudante, elegimos aspecto y personalidad.
  • 9. GUI - El proceso del habla La norma estadística establece que lo correcto es la frecuencia más alta de uso de una forma o costumbre expresiva. Opción cerrar en distintas aplicaciones y entornos.
  • 10. GUI - El proceso del habla la norma social indica que el lenguaje correcto deriva del modo de expresarse de determinada capa social, considerada digna de imitar Opción cerrar en distintas versiones del SO de Mac
  • 11. GUI - El proceso del habla la norma geográfica afirma que lo correcto es la forma de expresión de la zona donde nos encontramos. Opción cerrar en Ferrovial y en Sony-Ericson
  • 12. GUI - El proceso del habla la norma académica estima que lo correcto es lo establecido por una academia de sabios expertos en el tema.
  • 13. GUI - El proceso del habla la norma cultural , por otra parte, estatuye que el modelo de lengua viene dado por un texto considerado clásico por una cultura. Iconos de Office, Messenger y Windows XP
  • 14. GUI - Características (Aspectos humanos) 1.- Metáforas 2.- Manipulación directa 3.- Órdenes universales 4.- Consistencia 5.- Modos 6.- Visibilidad 7.- Tolerancia
  • 15. 1.- Metáforas I Metáforas son abstracciones de elementos familiares para ayudar a la creación de modelos conceptuales al usuario. Se usan conceptos conocidos para hacerle entender un concepto menos familiar o más complejo. Reproductores de vídeo. GUI - Características (Aspectos humanos)
  • 16. Metáforas II Control de Visitas a un sitio Web, software Visitor Ville; www.visitorville.com / world-map.html GUI - Características (Aspectos humanos)
  • 17. Metáforas III Buscador gráfico KartOO; www.kartoo.com GUI - Características (Aspectos humanos)
  • 18. Metáforas IV Escritorio 3D Windows para niños GUI - Características (Aspectos humanos)
  • 19. Metáforas V Sitio de Internet basado en una metáfora de escritorio GUI - Características (Aspectos humanos)
  • 20. Metáforas VI Escritorio MacOs GUI - Características (Aspectos humanos)
  • 21.
  • 22. Manipulación directa I Aplicaciones en escritorio de SO linux GUI - Características (Aspectos humanos)
  • 23. Manipulación directa II Juego tipo Simcity para Linux GUI - Características (Aspectos humanos)
  • 24. Manipulación directa III Juego de estrategia para Linux GUI - Características (Aspectos humanos)
  • 25. Manipulación directa IV Programa de creación musical Interfaz de realidad virtual GUI - Características (Aspectos humanos)
  • 26. Manipulación directa V Interfaz de realidad virtual en la película Minority Report GUI - Características (Aspectos humanos)
  • 27. Manipulación directa VI Programa de creación musical Reason V2 GUI - Características (Aspectos humanos)
  • 28. 3.- Órdenes universales Comportamiento universal y consistente de las órdenes, debería dar el mismo resultado a lo largo de todo el sistema. Borrar documentos, en distintos SO Botones de navegación disponibles en XP GUI - Características (Aspectos humanos)
  • 29. 4.- Consistencia En un interfaz, se deben respetar unos criterios gráficos y funcionales de acuerdo con unas reglas de estilo. Normas de construcción de un icono en XP Iconos aplicación Iconos para SO GUI - Características (Aspectos humanos)
  • 30. Consistencia 2 Normas de construcción de iconos 3D para Mac Iconos MacxOS Iconos Foxmail GUI - Características (Aspectos humanos)
  • 31. 5.- Modos Distintos estados de un botón La interfaz tiene que indicarnos en cada momento qué nos está permitido hacer y que no. Botón derecho, menú en contexto GUI - Características (Aspectos humanos)
  • 32. 6.- Visibilidad Caja de propiedades Dreamweaber y Flash que varía según el objeto seleccionado El usuario debe saber las acciones puede hacer y los objetos con los que pede interactuar. GUI - Características (Aspectos humanos)
  • 33. 7.- Tolerancia Historia del Photoshop, opción deshacer mejorada El interfaz debe permitir deshacer ciertas acciones, ser tolerante con los errores GUI - Características (Aspectos humanos)
  • 34. Retroalimentación (feedback) La retroalimentación es el fenómeno que se produce cuando el usuario percibe el resultado de sus acciones y que influye inmediatamente en las decisiones que está tomando. Indicador de progreso Los diferentes estados en la barra de tareas refuerzan las acciones GUI - Características (Aspectos tecnológicos)