SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 

Kürzlich hochgeladen (20)

Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 

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.