Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura:...
Transcript of Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura:...
![Page 1: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/1.jpg)
Diseño de Interfaz
Asignatura: Ingeniería del Software IIUnidad Temática: Diseño de interfaz de usuarioObjetivo: El alumno diseñará un sistema de información aplicando los principios de usabilidad, estándares y guías de estilo para mejorar la facilidad de uso.
Material Creado por: Mtro. Omar Zárate Navarrohttp://ozarate.net
Mtro. Omar Zárate Navarro
![Page 2: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/2.jpg)
Porcentaje de ConosAzul(4%)
Verde (32%)
Rojo (64%)
Mtro. Omar Zárate Navarro
![Page 3: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/3.jpg)
Mtro. Omar Zárate Navarro
![Page 4: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/4.jpg)
Longitudes de Onda Las Longitudes de Onda de la Luz se perciben en colores
La frecuencia mas baja es el ROJO; la frecuencia mas alta es el VIOLETA.
Mtro. Omar Zárate Navarro
![Page 5: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/5.jpg)
Problemas con el Color
Problemas con el ColorEl ojo humano no enfoca correctamente todos los colores juntos.
El Rojo y el Azul no pueden enfocarse juntos, esto causa vista cansada
El centro de la retino virtualmente no tiene receptores del color azul.
Los pequeños objetos en color azul casi desaparecen cuando los tratamos de enfocar.
Mtro. Omar Zárate Navarro
![Page 6: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/6.jpg)
La escritura en color azulsobre un fondo rojo esdifícil de leer. Esto causavista cansada.
Mtro. Omar Zárate Navarro
![Page 7: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/7.jpg)
Las letras rojas sobre fondo azul también son
difíciles de leer. Esto causa vista cansada.
Mtro. Omar Zárate Navarro
![Page 8: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/8.jpg)
Letras amarillas sobre fondo rojo también son
difíciles de leer. Esto causa vista cansada
Mtro. Omar Zárate Navarro
![Page 9: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/9.jpg)
Problemas con el Color
El color ciega a los usuariosCerca del 10% de los hombres (0.4% de las mujeres) tienen problemas en la percepción de coloresLos mas comunes no son por no ver los colores sino por percibirlos débilmente
1% de la población percibe débilmente el color rojo
5% de la población percibe débilmente el color verde
Arriba del 15% de la población tiene problemas con la percepción del color
Mtro. Omar Zárate Navarro
![Page 10: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/10.jpg)
Mtro. Omar Zárate Navarro
![Page 11: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/11.jpg)
Mtro. Omar Zárate Navarro
![Page 12: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/12.jpg)
La persona con una vision normal de colores podra distinguir el número 5. La persona con ceguera del rojo y verde (Los mas comunes) observara el numero 2.
Mtro. Omar Zárate Navarro
![Page 13: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/13.jpg)
Mtro. Omar Zárate Navarro
![Page 14: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/14.jpg)
Simulación de Decremento (una forma de rojo a verde) Mtro. Omar Zárate Navarro
![Page 15: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/15.jpg)
Respondiendo al Color
No todos responden a los colores de la misma manera
Diferencias Culturales
Genero
Edad
Diferencias en ocupaciones u oficios
Mtro. Omar Zárate Navarro
![Page 16: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/16.jpg)
Respondiendo al ColorDiferencias Culturales
En Japón, verde implica juventud y energía, pero en Francia connota criminalidad.
En Estados Unidos, amarillo es utilizado para precaución, mientras en Egipto significa prosperidad y felicidad.
Mtro. Omar Zárate Navarro
![Page 17: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/17.jpg)
Mira las palabras y pronuncia el color y no el texto que contienen
AMARILLO AZUL NARANJANEGRO ROJO VERDEPURPURA AMARILLO ROJONARANJA VERDE NEGROAZUL ROJO PURPURAVERDE AZUL NARANJA
Conflictos Izquierda – DerechaTu lado derecho del cerebro trata de decir el color perotu lado izquierdo insiste en leer la palabraMtro. Omar Zárate Navarro
![Page 18: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/18.jpg)
Iluciones Opticas
Mtro. Omar Zárate Navarro
![Page 19: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/19.jpg)
Cuenta los puntos Negros :o)Mtro. Omar Zárate Navarro
![Page 20: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/20.jpg)
Mtro. Omar Zárate Navarro
![Page 21: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/21.jpg)
Enfoca el punto del centro y mueve tu cabeza hacia atrás y adelante
Mtro. Omar Zárate Navarro
![Page 22: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/22.jpg)
¿Cuantas patas tiene el elefante?Mtro. Omar Zárate Navarro
![Page 23: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/23.jpg)
¿Son las líneas horizontales paralelas o están inclinadas?Mtro. Omar Zárate Navarro
![Page 24: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/24.jpg)
Diseño de Interacción
Mtro. Omar Zárate Navarro
![Page 25: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/25.jpg)
¿Que hacen los profesionales en el Diseño de Interfaz para los negocios?
Diseño de Interacción - gente involucrada en el diseño de todos los aspectos de interacción de un producto
Ingeniería de Usabilidad - gente enfocada en evaluar los productos, utilizando métodos y principios de usabilidad.
Diseño Web – gente que desarrolla y crea el diseño visual de sitios web, como plantillas (layouts)
Arquitectura de Información – Gente que genera ideas de cómo planear y estructurar productos interactivos
Mtro. Omar Zárate Navarro
![Page 26: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/26.jpg)
Pricipios del Diseño
1. Reducir los pasos Minimizar el número de pasos para llegar a una meta
2. Soportabilidad Maximizar el numero de usuarios que puedan acceder al sistema
3. Se Claro Expresar la información de forma sencilla
4. Proveer Retroalimentación Muestra a los usuarios los resultados de sus acciones
5. Prevé Errores Diseña tomando en cuenta errores humanos
6. Se consistente Has similares todos los procesos en el sistema
7. Se Flexible Permite a los usuarios trabajar como ellos prefieran
8. Evita la Memorización No esperes que los usuarios recuerden
9. Manipulación Directa Permite a los usuarios manipular los datos que pueden ver
10. Control de Usuario No permitas que el software tome el control de los usuarios
Mtro. Omar Zárate Navarro
![Page 27: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/27.jpg)
Summario de Principios
Reducción de Pasos
Soporta todos los Usuarios
Se Claro
Provee Retroalimentación
Prevé Errores
Se Consistente
Se Flexible
Evita Memorización
Manipulación Directa
Control de Usuario
Plantillas Claras
Graficos Claros
Lenguaje Claro
Acciones Claras
Estados Claros
Contexto Claro
Soporta todas las Plataformas
Permite Localización
Sensible a Redundancia
Motor de Redundancias
Mtro. Omar Zárate Navarro
![Page 28: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/28.jpg)
Don NormanSoy un entusiasta de la tecnología y molesto por la innecesaria complejidad de los productos de hoy en día. Mi meta es humanizar la tecnología y remplazarla por tecnología centrada en los humanos y basada en sus actividades cotidianas. Fáciles de aprender, fáciles de usar. Potentes y agradables.
Mtro. Omar Zárate Navarro
![Page 29: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/29.jpg)
Mtro. Omar Zárate Navarro
![Page 30: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/30.jpg)
Mtro. Omar Zárate Navarro
![Page 31: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/31.jpg)
Mtro. Omar Zárate Navarro
![Page 32: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/32.jpg)
Diseño WEB
Mtro. Omar Zárate Navarro
![Page 33: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/33.jpg)
Diseño WEB
Metas y Estrategias¿Cual es la misión de la organización?¿Como el sitio WEB soportara la misión?¿Cuales son las principales metas del sitio WEB? ¿Cual es la principal audiencia de tu sitio WEB?¿Que quieres que la audiencia peince o haga despues de visitar tu sitio?¿Que estrategias en el sitio utilizaras para alcanzar las metas? ¿Como mediras el exito de tu sitio WEB? ¿Como se mantendra adecuadamente el sitio WEB?
Mtro. Omar Zárate Navarro
![Page 34: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/34.jpg)
Principios del Diseño de InterfazAaron Marcus & Suzanne Martin http://www.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html
Existen tres principios fundamentales. Organización:
Provee al usuario de un clara y consistente concepto de la estructura
Economiza: Haz lo más que puedas con el menor numero de elementos
Comunicación:Adapta la presentación con las capacidades del usuario.
Mtro. Omar Zárate Navarro
![Page 35: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/35.jpg)
OrganizaciónConsistencia,
Pantallas,
Relaciones y
La navegacion son importantes conceptos en la organizacióndel sitio.
Mtro. Omar Zárate Navarro
![Page 36: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/36.jpg)
Organizando elementos de pantallaEstudios de la visión, indican que durante la visualización de un desplegado en dirección de las manecillas del reloj, la gente esta influenciada por el equilibrio simetrico y el tamaño de los títulos, gráficos, y texto del desplegado.
Mtro. Omar Zárate Navarro
![Page 37: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/37.jpg)
Organiza los elementos de pantallaBalance
Simetría
Predictibilidad
Secuenciabilidad
Utilidad
Proporción
Simplicidad
Agrupamiento
Mtro. Omar Zárate Navarro
![Page 38: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/38.jpg)
BalanceCrear un balance en pantalla previendo el mismo tamaño de los elementos de la izquierda que los de la derecha, los de arriba y los de abajo.
Mtro. Omar Zárate Navarro
![Page 39: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/39.jpg)
Balance
Mtro. Omar Zárate Navarro
![Page 40: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/40.jpg)
BalanceColores oscuros, formas inusuales, y los objetos más grandes son más pesados mientras que los colores ligeros, las formas regulares, y los pequeños objetos son más ligeros.
Mtro. Omar Zárate Navarro
![Page 41: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/41.jpg)
Mtro. Omar Zárate Navarro
![Page 42: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/42.jpg)
Inestabilidad
Mtro. Omar Zárate Navarro
![Page 43: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/43.jpg)
Simetria
Mtro. Omar Zárate Navarro
![Page 44: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/44.jpg)
Simetria
Mtro. Omar Zárate Navarro
![Page 45: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/45.jpg)
Simetria
Mtro. Omar Zárate Navarro
![Page 46: Diseño de Interfaz - ozarate.netozarate.net/material/interfaz.pdfDiseño de Interfaz Asignatura: Ingeniería del Software II Unidad Temática: Diseño de interfaz de usuario Objetivo:](https://reader034.fdocument.pub/reader034/viewer/2022042709/5f48494c5b073b161048a8e4/html5/thumbnails/46.jpg)
Simetria
Mtro. Omar Zárate Navarro