le, ei, profesor ramón castro liceaga universidad latina (unila) iii. interfaces grÁficas
TRANSCRIPT
![Page 1: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/1.jpg)
LE, EI, Profesor Ramón Castro Liceaga
UNIVERSIDAD LATINA (UNILA)
III. INTERFACES GRÁFICAS.
![Page 2: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/2.jpg)
Interfaz gráfica de usuario• La interfaz gráfica de usuario o GUI es un
programa informático que actúa de interfaz de usuario, utilizando un conjunto de ventanas, imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz.
• Proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.
![Page 3: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/3.jpg)
![Page 4: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/4.jpg)
Interfaz grafica Web
• El diseño de una página Web tiene la esencial misión de vincular al usuario con el vasto mundo informativo, de un modo agradable y eficiente.
• Las herramientas a utilizar (imágenes estáticas y animadas, iconos, vínculos, etc.) por el usuario deben ser claras y fáciles de manejar.
![Page 5: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/5.jpg)
Para el correcto diseño de un sitio Web es necesario seguir una serie de etapas:
• El análisis de la información que tendrá el Web. • La búsqueda y la estructuración de dicha información. • El diseño informacional del sitio (diseño gráfico). • La confección digitalizada de la interfaz. • La publicación del sitio en Internet. • La supervisión de la información del sitio (por el
Webmaster)
![Page 6: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/6.jpg)
CRITERIOS PARA UNA BUENA INTERFAZ
Control de usuario. Sensibilidad. Personalización. Dirección. Consistencia. Claridad. Retroalimentación. Indulgencia. Estética. Conciencia de las fortalezas y limitaciones humanas
![Page 7: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/7.jpg)
• Además para una buena interfaz de usuario de búsqueda:
• - opciones a elegir• -Panel de búsqueda, visible todo el tiempo• -Que sea intuitivo• -Buen diseño
![Page 8: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/8.jpg)
Ejemplo: SOBRE GMAIL.
![Page 9: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/9.jpg)
ADEMAS DE LA IMPORTANCIA DE…
• El diseño de formas• Lograr una armonía agradable visualmente entre
el fondo de las páginas y el contenido que se muestra en ella es un requisito fundamental.
• El diseño gráfico y tipográfico del Web es algo que también se descuida. El mal uso del color y el abuso de figuras, animados y fotos alteran el objetivo de atención del documento.
![Page 10: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/10.jpg)
La tipografía
• Otro factor problemático son los títulos, subtítulos y encabezamientos de páginas que suelen resultar monótonos; se aconseja crear un énfasis ya sea cambiando el tamaño, el color, el estilo, o combinando tipos dentro de una palabra o frase, o en otro caso haciendo una combinación coherente de estos recursos.
![Page 11: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/11.jpg)
El diseño gráfico, el diseño sonoro y el diseño tridimensional.
• Las ilustraciones gráficas han de tener una relación profunda con el contenido de la página.
• Es de cuidado que el sonido empleado sea coherente con el texto o la imagen con que esté relacionado
• Como soporte multimedia tiene esta rica posibilidad
![Page 12: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/12.jpg)
Los hechos que conducen a un mal diseño:
• No comprensión de lo que se quiere comunicar.
• La falta del valor semántico de los signos. • La preferencia por lo estético. • La subvaloración de lo funcional o viceversa.
![Page 13: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/13.jpg)
Interfáz limpia:
• La interfaz es limpia, agradable y minimalista, con lo justo y necesario para trabajar. Cabe destacar que, por mas que muchos servicios incorporen esta función en estos tiempos, Gmail fue pionero en agrupar los mails como si fuesen conversaciones, de manera que cada respuesta al e-mail original se ira solapando debajo de éste. Con esta practica se logra localizar los mensajes fácilmente y saber al mismo tiempo en relación con que tópico anterior
nos están respondiendo.
![Page 14: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/14.jpg)
Estilos de interfaces
Los estilos de interfaces predominantes son:
• La interfaz por línea de comandos• Menús y formularios• Manipulación directa - GUI• Interfaces con interacción asistida
![Page 15: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/15.jpg)
Objetivos de una buena interfaz:
• Maximizar la velocidad de aprendizaje
• Minimizar la tasa de errores
• Maximizar la velocidad de uso
• Estética adecuada
![Page 16: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/16.jpg)
Diseño centrado en el usuario
Principios
Reglas
• Estándares
• Directrices Guías de estilo
![Page 17: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/17.jpg)
Principios
Son conceptos de muy alto nivel que deben ser utilizados en el diseño de aplicaciones.
![Page 18: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/18.jpg)
Reglas de diseño
Guían al diseñador con el fin de incrementar la “usabilidad”. Se clasifican en estándares y directrices.
![Page 19: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/19.jpg)
Estándares
Son requisitos, reglas o recomendaciones basadas en principios probados y en práctica.
![Page 20: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/20.jpg)
Directrices
Las directrices recomiendan acciones que se basan en un conjunto de principios de diseño.
Son más específicas que los principios y requieren menos experiencia para entenderlas e interpretarlas que éstos.
![Page 21: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/21.jpg)
Guías de estilo
Llamadas también guías corporativas. Están basadas en principios y contienen directrices que se concretan a muy bajo nivel.
![Page 22: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/22.jpg)
Algunos principios de diseño de interfaces gráficas
Consistencia
La consistencia en una interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicación a otra.
![Page 23: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/23.jpg)
Consistencia
La consistencia en una interfaz permite a los usuarios transferir sus conocimientos y destrezas de una aplicación a otra.
La consistencia en las interfaces gráficas ayuda a los usuarios a aprender y reconocer fácilmente el lenguaje gráfico de esa interfaz.
Algunos principios de diseño de interfaces gráficas
![Page 24: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/24.jpg)
Consistencia
La consistencia en el comportamiento de una interfaz significa que los usuarios aprenden cómo hacer las cosas, por ejemplo apuntar y seleccionar, una sola vez.
Ejemplos: • Mismas palabras o códigos utilizados• Posición u orden de controles y botones
Algunos principios de diseño de interfaces gráficas
![Page 25: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/25.jpg)
Consistencia
Más ejemplos:
• Ítems de un menú colocados siempre en la misma posición
• Comandos como Ayuda, siempre disponibles
• Consistencia con el sistema de operación y otros programas
Algunos principios de diseño de interfaces gráficas
![Page 26: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/26.jpg)
Mantener Informado al usuario
Aspectos:
•Qué está haciendo el sistema
•Como se interpretan los comandos del usuario
•El usuario debe saber en cada momento que está sucediendo
Algunos principios de diseño de interfaces gráficas
![Page 27: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/27.jpg)
Mantener Informado al usuario
Tipos de retroalimentación:
•Respuesta a un comando del usuario: movimiento del cursos, selección de un menú, etc.
•Estado actual: brocha seleccionada, color, posición, dirección de la carpeta (directorio), scroll bars
Algunos principios de diseño de interfaces gráficas
![Page 28: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/28.jpg)
Mantener Informado al usuario
Tipos de retroalimentación:
•Procesamiento por parte de la máquina: instantáneos, cursores de espera, diálogos explicativos, barras de progreso.
Algunos principios de diseño de interfaces gráficas
![Page 29: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/29.jpg)
Mantener Informado al usuario
Algunos principios de diseño de interfaces gráficas
![Page 30: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/30.jpg)
Control del usuario
El usuario y no el computador (o aplicación) inicia y controla las actividades.
Algunos principios de diseño de interfaces gráficas
![Page 31: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/31.jpg)
Interacción simple y natural
•Minimizar elementos de interfaz
•Menos para aprender, para equivocarse, distraerse
Algunos principios de diseño de interfaces gráficas
![Page 32: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/32.jpg)
Interacción simple y natural
•Orden natural de la información Agrupar gráficamente la información
relacionada El orden de acceso a la información debe ser
como el usuario la espera Esconder o eliminar información irrelevante
o usada ocasionalmente
Algunos principios de diseño de interfaces gráficas
![Page 33: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/33.jpg)
Interacción simple y natural
•Utilizar el lenguaje del usuario
Usar terminología e iconografía familiar al usuario
Traducir los mensaje de error al lenguaje del usuario
Algunos principios de diseño de interfaces gráficas
![Page 34: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/34.jpg)
Tolerancia
•Posibilidad de ofrecerle al usuario la capacidad de recuperarse de los errores ¿Ejemplo?
•Nunca ofrecer un comando que lleve a un mensaje como “Comando Ilegal” ¿Ejemplo?
•Utilizar controles que impidan introducir datos erróneos ¿Ejemplo?
Algunos principios de diseño de interfaces gráficas
![Page 35: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/35.jpg)
Algunos ejemplos de mecanismos
Algunos principios de diseño de interfaces gráficas
![Page 36: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/36.jpg)
Algunosejemplosdemecanismos
Algunos principios de diseño de interfaces gráficas
![Page 37: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/37.jpg)
Tolerancia
•Proveer recuperación de errores. Modalidades
Deshacer : ¿Cuándo?
Abortar: ¿Cuándo?
Cancelar: ¿Cuándo?
Algunos principios de diseño de interfaces gráficas
![Page 38: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/38.jpg)
Satisfacer múltiples niveles de habilidad
•Usuarios casuales Incorporar tutoriales, wizards, prompts,
ayudas (¿tipos?) Modo simple: esconder los comandos
complejos Manipulación directa Uso de valores por defecto
Algunos principios de diseño de interfaces gráficas
![Page 39: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/39.jpg)
Satisfacer múltiples niveles de habilidad
•Usuarios expertos Atajos de teclado Líneas de comando Modo experto Eliminación de prompts y diálogos de
advertencia Interfaz extensible y personalizable
Algunos principios de diseño de interfaces gráficas
![Page 40: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/40.jpg)
Minimizar la memorización
•Promover el reconocimiento
•Basarse en la visibilidad de los objetos
•Uso de menúes, íconos, diálogos, mensajes, palabras.
Algunos principios de diseño de interfaces gráficas
![Page 41: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/41.jpg)
Integridad estética
La información se encuentra organizada en forma adecuada y consistente con los principios de diseño visual.
El número de elementos y su respectivo comportamiento debe ser limitado para aumentar la “usabilidad” de la interfaz.
Algunos principios de diseño de interfaces gráficas
![Page 42: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/42.jpg)
Integridad estética
Se debe asegurar de mantener la semántica del lenguaje gráfico o del lenguaje asociado a la interfaz.
No cambiar el significado de los objetos que son estándares.
Algunos principios de diseño de interfaces gráficas
![Page 43: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/43.jpg)
Objetos de las interfaces gráficas
VentanasMenúesÍconosBotonesEtiquetasCuadros de TextoCamposetc.
![Page 44: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/44.jpg)
Objetos de las interfaces gráficas
Ventanas
![Page 45: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/45.jpg)
Principios de composición en el diseño
La composición se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición de un menu o ventana, de una forma perfecta y equilibrada.
En un diseño, lo primero que se debe elegir son todos los elementos que aparecerán en él, luego debemos distribuirlos para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante tener en cuenta de que forma situaremos estos elementos en nuestra composición, para que tengan un equilibrio formal y un peso igualado.
![Page 46: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/46.jpg)
El color en las interfaces gráficas
La tipografía y el tratamiento del color son dos elementos a los que hay que prestar especial importancia a la hora de establecer una buena interfaz, poniendo especial cuidado en el diseño de las formas y la coherencia interna entre ellas.
![Page 47: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/47.jpg)
Objetos de las interfaces gráficas
Ventanas tipo diálogo
![Page 48: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/48.jpg)
Disposición de la ventana
La disponibilidad de una ventana en una interfaz gráfica se le domina disposición de la ventana.El número y la disposición de las ventanas gráficas activas y los parámetros asociados a ellas son parte de la configuraciones de ventanas.
![Page 49: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/49.jpg)
Alineación de la ventana
Una de las formas de que se dispone para organizar los elementos del gráfico consiste en alinear la vista de una de las ventanas de presentación con la vista de otra ventana.
![Page 50: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/50.jpg)
Tipos de ventanas y diálogos
![Page 51: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/51.jpg)
Mensajes
![Page 52: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/52.jpg)
Mensajes
![Page 53: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/53.jpg)
Palabras claves
![Page 54: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/54.jpg)
Palabras claves
![Page 55: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/55.jpg)
Objetos
List box
Seleccionar uno o más ítems de la lista
![Page 56: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/56.jpg)
Seleccionar solo un ítems de la lista
Drop down list box
Objetos
![Page 57: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/57.jpg)
Combo box Mezcla entre drop list o list box incorporando un campo de texto
¿Ejemplo?
Objetos
![Page 58: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/58.jpg)
Combo box Mezcla entre drop list o list box incorporando un campo de texto
Ejemplo:
Barra para ingresar URL en los browsers(Mozilla e Internet Explorer)
Objetos
![Page 59: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/59.jpg)
Más mecanismos y objetos de interfaz
![Page 60: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/60.jpg)
Menúes
Más mecanismos y objetos de interfaz
![Page 61: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/61.jpg)
Íconos
Más mecanismos y objetos de interfaz
![Page 62: LE, EI, Profesor Ramón Castro Liceaga UNIVERSIDAD LATINA (UNILA) III. INTERFACES GRÁFICAS](https://reader036.vdocumento.com/reader036/viewer/2022062500/5665b4411a28abb57c906e3e/html5/thumbnails/62.jpg)
Botones
Más mecanismos y objetos de interfaz