SlideShare a Scribd company logo
1 of 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

More Related Content

Similar to 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 to 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
 

More from 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
 

More from 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
 

Recently uploaded

TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxlitaroxselyperezmont
 
el poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxel poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxsubfabian
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)portafoliodigitalyos
 
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdf
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdfTema Identificar Relaciones y Casos de Uso 19-05-24.pdf
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdfNoe Castillo
 
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresResumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresLluviaAliciaHernande
 
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...Andrés Canale
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptxFESARAUGUSTOFANDIORI
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...harolbustamante1
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14KevinBuenrostro4
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectossubfabian
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdflvela1316
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024sergeycrastz06
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docxpily R.T.
 
Cerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialCerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialDanita2111
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxSusanaAlejandraMende
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechanitoagurto67
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxANDREAGRACEDURANSALA
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxMARCOSMARTINALACAYOP1
 

Recently uploaded (20)

TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
 
el poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptxel poder del estado en el siglo XXI.pptx
el poder del estado en el siglo XXI.pptx
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)
 
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdf
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdfTema Identificar Relaciones y Casos de Uso 19-05-24.pdf
Tema Identificar Relaciones y Casos de Uso 19-05-24.pdf
 
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos EscolaresResumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
Resumen Acuerdo 05 04 24.pdf por el que se rigen los Consejos Técnicos Escolares
 
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
IMPLICACIONES BIOÉTICAS ANTE EL TRANSHUMANISMO A PARTIR DEL PENSAMIENTO FILOS...
 
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
11.NEOLIBERALISMO: que es, ventajas, desventajas, consecuenciaspptx
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14Profecia 2300 dias explicada, Daniel 8:14
Profecia 2300 dias explicada, Daniel 8:14
 
Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
a propósito de la globalización y sus efectos
a propósito de la globalización y sus efectosa propósito de la globalización y sus efectos
a propósito de la globalización y sus efectos
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024
 
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
PLAN DE GESTION DEL RIESGO  2023 - 2024.docxPLAN DE GESTION DEL RIESGO  2023 - 2024.docx
PLAN DE GESTION DEL RIESGO 2023 - 2024.docx
 
Cerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencialCerebelo Anatomía y fisiología Clase presencial
Cerebelo Anatomía y fisiología Clase presencial
 
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptxPATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
PATRONES DE REFERENCIA, CRITERIOS Y DIAGNOSTICO Angeles.pptx
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptxDESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
DESCRIPCIÓN-LOS-DILEMAS-DEL-CONOCIMIENTO.pptx
 

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.