SlideShare una empresa de Scribd logo
1 de 22
 Biología:
   Ha sido definida como la “capa” de un organismo que
     separa su interior del exterior
 Electrónica y Telecomunicaciones:
   Puerto a través del que se envían o reciben señales
     desde un sistema o subsistemas hacia otros
 Química:
   Es la superficie entre dos fases distintas en una mezcla
    heterogénea
 Inter proviene del latín inter, y significa, “entre” o “en
   medio”, y Faz proviene del latín facĭes, y significa
   “superficie, vista o lado de una cosa”. Por lo tanto una
   traducción literal del concepto de interfaz atendiendo
   a su etimología, podría ser “superficie, vista, o lado
   mediador”.
Las interfaces de usuario (GUI del inglés graphical user interface) cuentan
con el diseño gráfico, los comandos, mensajes y otros elementos que
permiten a un usuario comunicarse con un programa.

Las microcomputadoras disponen de tres tipos básicos de interfaces de es
el software o programa informático que sirve de interfaz para el usuario.
Su principal uso, consiste en proporcionar un entorno visual sencillo para
permitir la comunicación con el sistema operativo de una máquina o
computador.
•  Comunicación visual efectiva para interfaces gráficas de usuario:
El uso de tipografía, símbolos, color y otros gráficos estáticos y dinámicos
son comúnmente usados para expresar hechos, conceptos y emociones.
Esto compone un diseño gráfico sistemático orientado a la información
que ayuda a la gente a comprender información compleja.

•   Consideraciones de diseño
El principal objetivo del desarrollo de interfaces de usuario es el diseñar e
implementar interfaces que sean eficientes y efectivas, al ser utilizadas por
el usuario.
Existen tres principios fundamentales relacionados en el uso del lenguaje
visible.
1. Organizar: Relaciones – Navegabilidad.
La Consistencia, disposición de la pantalla, relaciones y navegabilidad, son
importantes conceptos de organización.




            Organización Caótica              Organización Ordenada
•  Relaciones:
Conectar los ítems relacionados y disociar los ítems independientes mejora
sensiblemente la organización visual.




      La localización, forma y valor pueden todas   Relaciones claras, consistentes,
       ellas crear relaciones que es posible sean        apropiadas y fuertes.
                      inapropiadas
•   Navegabilidad:
        - Proveer un foco inicial para la atención del usuario.
          - Dirigir la atención a los ítems importantes, secundarios o periféricos.
          - Asistir la navegación a través del material.




                                                  Diseño mejorado: la disposición espacial
                    Diseño pobre.
                                                  y el color ayudan a centrar la atención del
                                                     usuario a las áreas más importantes..
2. ECONOMIZAR: Simplicidad – Claridad – Singularidad – Énfasis.

•   Simplicidad:
La simplicidad incluye únicamente los elementos que son más importantes para
la comunicación. Debería producir también la menor obstrucción posible.
•   Claridad:
Todos los componentes deberían ser diseñados para que su significado no sea
ambiguo, que no lleve al equivoco.
•   Singularidad:
Las propiedades de los elementos necesarios deben ser características singulares.



• Énfasis:
Los elementos más importantes deben ser fácilmente percibidos.
Se debe restar énfasis a los elementos no críticos y minimizarlos para no ocultar
información critica.
3. COMUNICAR:
• Legibilidad:
La pantalla debe ser fácil de identificar e interpretar, además de atractiva y
agradable.
• Tipografía:
Incluye características de elementos individuales (tipos de letra y estilos) y sus
agrupamientos (técnicas de estilo).
Se deberá usar un numero reducido de tipos de letra que serán legibles, claros y
singulares (por ejemplo, para distinguir diferentes clases de información).

Recomendaciones:
- un máximo de 3 tipos de letra en un máximo de 3 tamaños de puntos.
- un máximo de 40-60 caracteres por línea de texto.
- ajustar el texto a la izquierda y los números a la derecha. En listas, usar el
  centrado de texto.
- usar mayúsculas y minúsculas siempre que sea posible.
•   Color:
El color es uno de los más complejos elementos a la hora de intentar diseñar una interfaz
gráfica correcta. Puede ser una potente herramienta de comunicación usado
correctamente. Los colores pueden ser combinados para tomar un sentido visual.

Ventajas en el uso del color para facilitar la comunicación:
- enfatizar la información importante.
- identificar subsistemas de estructuras.
- portar objetos naturales de un modo realista.
- portar tiempo y progreso.
- reducir los errores de interpretación.
- añadir dimensiones a la codificación.
- incrementar la comprensibilidad.
- incrementar la credibilidad y atractivo.
Semana 1
Semana 1
Semana 1
Semana 1

Más contenido relacionado

Similar a Semana 1

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
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuarioosni2
 
Diseño de interfaz_de_usuario_reload
Diseño de interfaz_de_usuario_reloadDiseño de interfaz_de_usuario_reload
Diseño de interfaz_de_usuario_reloadjonaescalera
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuariokamui002
 
Guia teorica 2do periodo
Guia teorica 2do periodoGuia teorica 2do periodo
Guia teorica 2do periodomister12
 
2.2 elementos basicos multimedia
2.2 elementos basicos multimedia2.2 elementos basicos multimedia
2.2 elementos basicos multimediaDiana Hernandez
 
Elementos basicos-multimedia
Elementos basicos-multimediaElementos basicos-multimedia
Elementos basicos-multimediajennifergarzong
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimediastefani0915
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimediastefani0915
 
Aspectos Estéticos a ser considerados en el diseño de un MDC
Aspectos Estéticos a ser considerados en el diseño de un MDCAspectos Estéticos a ser considerados en el diseño de un MDC
Aspectos Estéticos a ser considerados en el diseño de un MDCgerardoR
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileWorköholics
 
Elementos Constitutivos De Las Zonas De ComunicacióN
Elementos Constitutivos De Las Zonas De ComunicacióNElementos Constitutivos De Las Zonas De ComunicacióN
Elementos Constitutivos De Las Zonas De ComunicacióNguest51a388
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarionicohansen88
 
Recursos multimedia y redes e internet
Recursos multimedia y redes e internetRecursos multimedia y redes e internet
Recursos multimedia y redes e internetEliannyGaray
 
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 usuariocelesteorellana
 
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 usuarioLuciano Servettini
 
Utilitarios iii unidad i-elementos interfaz usuarios
Utilitarios iii unidad i-elementos interfaz usuariosUtilitarios iii unidad i-elementos interfaz usuarios
Utilitarios iii unidad i-elementos interfaz usuariosBerthamazon
 

Similar a Semana 1 (20)

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
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuario
 
Diseño de interfaz_de_usuario_reload
Diseño de interfaz_de_usuario_reloadDiseño de interfaz_de_usuario_reload
Diseño de interfaz_de_usuario_reload
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Guia teorica 2do periodo
Guia teorica 2do periodoGuia teorica 2do periodo
Guia teorica 2do periodo
 
2.2 elementos basicos multimedia
2.2 elementos basicos multimedia2.2 elementos basicos multimedia
2.2 elementos basicos multimedia
 
Elementos basicos de multimedia
Elementos basicos de multimediaElementos basicos de multimedia
Elementos basicos de multimedia
 
Elementos basicos-multimedia
Elementos basicos-multimediaElementos basicos-multimedia
Elementos basicos-multimedia
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
Stefani salazar.multimedia
Stefani salazar.multimediaStefani salazar.multimedia
Stefani salazar.multimedia
 
Aspectos Estéticos a ser considerados en el diseño de un MDC
Aspectos Estéticos a ser considerados en el diseño de un MDCAspectos Estéticos a ser considerados en el diseño de un MDC
Aspectos Estéticos a ser considerados en el diseño de un MDC
 
Desarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobileDesarrollo de interfaz de usuario en un contexto mobile
Desarrollo de interfaz de usuario en un contexto mobile
 
Eje 4
Eje 4Eje 4
Eje 4
 
Elementos Constitutivos De Las Zonas De ComunicacióN
Elementos Constitutivos De Las Zonas De ComunicacióNElementos Constitutivos De Las Zonas De ComunicacióN
Elementos Constitutivos De Las Zonas De ComunicacióN
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Interfaz
InterfazInterfaz
Interfaz
 
Recursos multimedia y redes e internet
Recursos multimedia y redes e internetRecursos multimedia y redes e internet
Recursos multimedia y redes e internet
 
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
 
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
 
Utilitarios iii unidad i-elementos interfaz usuarios
Utilitarios iii unidad i-elementos interfaz usuariosUtilitarios iii unidad i-elementos interfaz usuarios
Utilitarios iii unidad i-elementos interfaz usuarios
 

Más de Mash169

Medio Ambiente y Desarrollo Sostenido 3
Medio Ambiente y Desarrollo Sostenido 3Medio Ambiente y Desarrollo Sostenido 3
Medio Ambiente y Desarrollo Sostenido 3Mash169
 
Medio Ambiente y Desarrollo Sostenido 2
Medio Ambiente y Desarrollo Sostenido 2Medio Ambiente y Desarrollo Sostenido 2
Medio Ambiente y Desarrollo Sostenido 2Mash169
 
Semana 3
Semana 3Semana 3
Semana 3Mash169
 
Semiotica de la Imagen 2
Semiotica de la Imagen 2Semiotica de la Imagen 2
Semiotica de la Imagen 2Mash169
 
Semiotica de la Imagen 1
Semiotica de la Imagen 1Semiotica de la Imagen 1
Semiotica de la Imagen 1Mash169
 
Medio Ambiente y Desarrollo Sostenido
Medio Ambiente y Desarrollo SostenidoMedio Ambiente y Desarrollo Sostenido
Medio Ambiente y Desarrollo SostenidoMash169
 
Semana 1
Semana 1 Semana 1
Semana 1 Mash169
 
Semana 02
Semana 02Semana 02
Semana 02Mash169
 
Semana 1: Parte 2
Semana 1: Parte 2Semana 1: Parte 2
Semana 1: Parte 2Mash169
 
Semana 1 Parte 1
Semana 1 Parte 1Semana 1 Parte 1
Semana 1 Parte 1Mash169
 
Arte y diseño Gótico
Arte y diseño GóticoArte y diseño Gótico
Arte y diseño GóticoMash169
 
Arte y diseño Románico
Arte y diseño RománicoArte y diseño Románico
Arte y diseño RománicoMash169
 
Calendario académico: Semestre I-2012
Calendario académico: Semestre I-2012Calendario académico: Semestre I-2012
Calendario académico: Semestre I-2012Mash169
 
Arte y diseño paleocristiano y bizantino
Arte y diseño paleocristiano y bizantinoArte y diseño paleocristiano y bizantino
Arte y diseño paleocristiano y bizantinoMash169
 
Semana 1 ..
Semana 1 ..Semana 1 ..
Semana 1 ..Mash169
 
Alto Contraste
Alto ContrasteAlto Contraste
Alto ContrasteMash169
 
El folleto
El folletoEl folleto
El folletoMash169
 
Antigua Grecia Y Roma
Antigua Grecia Y RomaAntigua Grecia Y Roma
Antigua Grecia Y RomaMash169
 
Arte y diseño peruano
Arte y diseño peruanoArte y diseño peruano
Arte y diseño peruanoMash169
 

Más de Mash169 (20)

Medio Ambiente y Desarrollo Sostenido 3
Medio Ambiente y Desarrollo Sostenido 3Medio Ambiente y Desarrollo Sostenido 3
Medio Ambiente y Desarrollo Sostenido 3
 
Medio Ambiente y Desarrollo Sostenido 2
Medio Ambiente y Desarrollo Sostenido 2Medio Ambiente y Desarrollo Sostenido 2
Medio Ambiente y Desarrollo Sostenido 2
 
Semana 3
Semana 3Semana 3
Semana 3
 
Semiotica de la Imagen 2
Semiotica de la Imagen 2Semiotica de la Imagen 2
Semiotica de la Imagen 2
 
Semiotica de la Imagen 1
Semiotica de la Imagen 1Semiotica de la Imagen 1
Semiotica de la Imagen 1
 
Medio Ambiente y Desarrollo Sostenido
Medio Ambiente y Desarrollo SostenidoMedio Ambiente y Desarrollo Sostenido
Medio Ambiente y Desarrollo Sostenido
 
Semana 1
Semana 1 Semana 1
Semana 1
 
Semana 02
Semana 02Semana 02
Semana 02
 
Semana 1: Parte 2
Semana 1: Parte 2Semana 1: Parte 2
Semana 1: Parte 2
 
Semana 1 Parte 1
Semana 1 Parte 1Semana 1 Parte 1
Semana 1 Parte 1
 
Arte y diseño Gótico
Arte y diseño GóticoArte y diseño Gótico
Arte y diseño Gótico
 
Arte y diseño Románico
Arte y diseño RománicoArte y diseño Románico
Arte y diseño Románico
 
Calendario académico: Semestre I-2012
Calendario académico: Semestre I-2012Calendario académico: Semestre I-2012
Calendario académico: Semestre I-2012
 
Arte y diseño paleocristiano y bizantino
Arte y diseño paleocristiano y bizantinoArte y diseño paleocristiano y bizantino
Arte y diseño paleocristiano y bizantino
 
Semana 1 ..
Semana 1 ..Semana 1 ..
Semana 1 ..
 
Alto Contraste
Alto ContrasteAlto Contraste
Alto Contraste
 
Comu
ComuComu
Comu
 
El folleto
El folletoEl folleto
El folleto
 
Antigua Grecia Y Roma
Antigua Grecia Y RomaAntigua Grecia Y Roma
Antigua Grecia Y Roma
 
Arte y diseño peruano
Arte y diseño peruanoArte y diseño peruano
Arte y diseño peruano
 

Último

TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)veganet
 

Último (20)

TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
Instrucciones para la aplicacion de la PAA-2024b - (Mayo 2024)
 

Semana 1

  • 1.
  • 2.  Biología:  Ha sido definida como la “capa” de un organismo que separa su interior del exterior
  • 3.  Electrónica y Telecomunicaciones:  Puerto a través del que se envían o reciben señales desde un sistema o subsistemas hacia otros
  • 4.  Química:  Es la superficie entre dos fases distintas en una mezcla heterogénea
  • 5.  Inter proviene del latín inter, y significa, “entre” o “en medio”, y Faz proviene del latín facĭes, y significa “superficie, vista o lado de una cosa”. Por lo tanto una traducción literal del concepto de interfaz atendiendo a su etimología, podría ser “superficie, vista, o lado mediador”.
  • 6.
  • 7. Las interfaces de usuario (GUI del inglés graphical user interface) cuentan con el diseño gráfico, los comandos, mensajes y otros elementos que permiten a un usuario comunicarse con un programa. Las microcomputadoras disponen de tres tipos básicos de interfaces de es el software o programa informático que sirve de interfaz para el usuario. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.
  • 8.
  • 9. • Comunicación visual efectiva para interfaces gráficas de usuario: El uso de tipografía, símbolos, color y otros gráficos estáticos y dinámicos son comúnmente usados para expresar hechos, conceptos y emociones. Esto compone un diseño gráfico sistemático orientado a la información que ayuda a la gente a comprender información compleja. • Consideraciones de diseño El principal objetivo del desarrollo de interfaces de usuario es el diseñar e implementar interfaces que sean eficientes y efectivas, al ser utilizadas por el usuario.
  • 10. Existen tres principios fundamentales relacionados en el uso del lenguaje visible. 1. Organizar: Relaciones – Navegabilidad. La Consistencia, disposición de la pantalla, relaciones y navegabilidad, son importantes conceptos de organización. Organización Caótica Organización Ordenada
  • 11. • Relaciones: Conectar los ítems relacionados y disociar los ítems independientes mejora sensiblemente la organización visual. La localización, forma y valor pueden todas Relaciones claras, consistentes, ellas crear relaciones que es posible sean apropiadas y fuertes. inapropiadas
  • 12. Navegabilidad: - Proveer un foco inicial para la atención del usuario. - Dirigir la atención a los ítems importantes, secundarios o periféricos. - Asistir la navegación a través del material. Diseño mejorado: la disposición espacial Diseño pobre. y el color ayudan a centrar la atención del usuario a las áreas más importantes..
  • 13. 2. ECONOMIZAR: Simplicidad – Claridad – Singularidad – Énfasis. • Simplicidad: La simplicidad incluye únicamente los elementos que son más importantes para la comunicación. Debería producir también la menor obstrucción posible.
  • 14. Claridad: Todos los componentes deberían ser diseñados para que su significado no sea ambiguo, que no lleve al equivoco.
  • 15. Singularidad: Las propiedades de los elementos necesarios deben ser características singulares. • Énfasis: Los elementos más importantes deben ser fácilmente percibidos. Se debe restar énfasis a los elementos no críticos y minimizarlos para no ocultar información critica.
  • 16. 3. COMUNICAR: • Legibilidad: La pantalla debe ser fácil de identificar e interpretar, además de atractiva y agradable.
  • 17. • Tipografía: Incluye características de elementos individuales (tipos de letra y estilos) y sus agrupamientos (técnicas de estilo). Se deberá usar un numero reducido de tipos de letra que serán legibles, claros y singulares (por ejemplo, para distinguir diferentes clases de información). Recomendaciones: - un máximo de 3 tipos de letra en un máximo de 3 tamaños de puntos. - un máximo de 40-60 caracteres por línea de texto. - ajustar el texto a la izquierda y los números a la derecha. En listas, usar el centrado de texto. - usar mayúsculas y minúsculas siempre que sea posible.
  • 18. Color: El color es uno de los más complejos elementos a la hora de intentar diseñar una interfaz gráfica correcta. Puede ser una potente herramienta de comunicación usado correctamente. Los colores pueden ser combinados para tomar un sentido visual. Ventajas en el uso del color para facilitar la comunicación: - enfatizar la información importante. - identificar subsistemas de estructuras. - portar objetos naturales de un modo realista. - portar tiempo y progreso. - reducir los errores de interpretación. - añadir dimensiones a la codificación. - incrementar la comprensibilidad. - incrementar la credibilidad y atractivo.