introducción a los wireframes
DESCRIPTION
Clase 01 de Wireframes, Diplomado Arquitectura de Información y Experiencia de Usuario 2014 #daiux14TRANSCRIPT
![Page 1: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/1.jpg)
WIREFRAMES clase 01
DIPLOMADO ARQUITECTURA DE INFORMACIÓN Y EXPERIENCIA DE USUARIO 2014
![Page 2: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/2.jpg)
INTRODUCCIÓN
![Page 3: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/3.jpg)
PRESENTACIÓNHola, soy Yerko Pezzopane, y bienvenidos al taller de Wireframes.
![Page 4: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/4.jpg)
RODRIGO VERA YERKO PEZZOPANEDiseñador Gráfico
Diseñador UX Diseñador UX
@rots @ypezzopane
![Page 5: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/5.jpg)
RODRIGO VERA YERKO PEZZOPANEDiseñador Gráfico
Diseñador UX Diseñador UX
@rots @ypezzopane
![Page 6: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/6.jpg)
¿Diseñadores? ¿Periodistas? ¿Ingenieros?
¿Bibliotecarios?
![Page 7: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/7.jpg)
LO QUE VEREMOS HOYUser Experience HCI y principios del diseño universal Sicología de las formas
![Page 8: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/8.jpg)
¿ux?
![Page 9: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/9.jpg)
USER EXPERIENCE
![Page 10: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/10.jpg)
USER EXPERIENCE
Es un conjunto de factores, cuyo resultado es la creación de un producto o servicio.
!No depende sólo de factores de diseño, sino también de las emociones y sentimientos que
genera una marca en los usuarios.
![Page 11: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/11.jpg)
USER EXPERIENCE
Para hacer UX hay que entender el producto, la situación, el contexto y los hábitos de uso de un
determinado grupo de personas.
![Page 12: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/12.jpg)
USER EXPERIENCE
https://www.youtube.com/watch?v=m9R9z7P1eME
![Page 13: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/13.jpg)
USER EXPERIENCE
![Page 14: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/14.jpg)
USER EXPERIENCE
![Page 15: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/15.jpg)
USER EXPERIENCE
![Page 16: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/16.jpg)
USER EXPERIENCE
![Page 17: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/17.jpg)
USER EXPERIENCE
![Page 18: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/18.jpg)
USER EXPERIENCE
![Page 19: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/19.jpg)
USER EXPERIENCE
![Page 20: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/20.jpg)
USER EXPERIENCE
![Page 21: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/21.jpg)
USER EXPERIENCE
USER EXPERIENCE
UsabilidadFactores humanos
Utilidad
HCI
Ergonomía
Rendimiento del sistema
Diseño
Accesibilidad
Marketing
![Page 22: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/22.jpg)
INTERACCIÓN HUMANO COMPUTADOR
![Page 23: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/23.jpg)
INTERACCIÓN HUMANO COMPUTADOR
Es la disciplina que estudia el intercambio de información mediante software entre las personas
y las computadoras.
Se encarga del diseño, evaluación e implementación de los aparatos tecnológicos interactivos con el objetivo de que el intercambio sea más eficiente: minimizar errores, incrementar la satisfacción, disminuir la
frustración y, en definitiva, hacer más productivas las tareas que rodean a las personas y los computadores.
![Page 24: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/24.jpg)
INTERACCIÓN HUMANO COMPUTADOR
Lo primero y principal es la persona, el usuarioque utiliza el sistema.
![Page 25: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/25.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El buen diseño ayuda a la gente a hacercosas que nos importan.
![Page 26: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/26.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El buen diseño ayuda a la gente a hacercosas que nos importan.
![Page 27: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/27.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El buen diseño ayuda a la gente a hacercosas que nos importan.
![Page 28: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/28.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El buen diseño ayuda a la gente a hacercosas que nos importan.
![Page 29: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/29.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El mal diseño es frustrante.
![Page 30: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/30.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El mal diseño es frustrante e incluso cuesta vidas.
![Page 31: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/31.jpg)
INTERACCIÓN HUMANO COMPUTADOR
El mal diseño es frustrante e incluso cuesta vidas.
![Page 32: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/32.jpg)
INTERACCIÓN HUMANO COMPUTADOR
…e incluso cuesta vidas.
![Page 33: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/33.jpg)
INTERACCIÓN HUMANO COMPUTADOR
A veces, las mejores interfaces se convierten en invisibles para nosotros, cuando pasamos de manipular la interfaz, a realizar tareas.
![Page 34: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/34.jpg)
INTERACCIÓN HUMANO COMPUTADOR
![Page 35: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/35.jpg)
INTERACCIÓN HUMANO COMPUTADOR
![Page 36: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/36.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
![Page 37: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/37.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
1. Igualdad de usoEl diseño debe ser fácil de usar y adecuado para todas las personas
independientemente de sus capacidades y habilidades.
![Page 38: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/38.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
1. Igualdad de usoEl diseño debe ser fácil de usar y adecuado para todas las personas
independientemente de sus capacidades y habilidades.
![Page 39: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/39.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
2. FlexibilidadEl diseño debe poder adecuarse a un amplio rango de preferencias
y habilidades individuales.
![Page 40: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/40.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
2. FlexibilidadEl diseño debe poder adecuarse a un amplio rango de preferencias
y habilidades individuales.
![Page 41: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/41.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
3. Simple e intuitivoEl diseño debe ser fácil de entender independientemente de la experiencia, los
conocimientos, las habilidades o el nivel del usuario.
![Page 42: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/42.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
3. Simple e intuitivoEl diseño debe ser fácil de entender independientemente de la experiencia, los
conocimientos, las habilidades o el nivel del usuario.
![Page 43: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/43.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
4. Información fácil de percibirEl diseño comunica de manera eficaz la información necesaria para el usuario.
![Page 44: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/44.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
4. Información fácil de percibirEl diseño comunica de manera eficaz la información necesaria para el usuario.
![Page 45: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/45.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
5. Tolerante a erroresEl diseño debe minimizar las acciones accidentales o fortuitas que
puedan tener consecuencias fatales o no deseadas.
![Page 46: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/46.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
5. Tolerante a erroresEl diseño debe minimizar las acciones accidentales o fortuitas que
puedan tener consecuencias fatales o no deseadas.
![Page 47: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/47.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
6. Escaso esfuerzoEl diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible.
![Page 48: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/48.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
6. Escaso esfuerzoEl diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible.
![Page 49: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/49.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
7. Dimensiones apropiadasLos tamaños y espacios deben ser apropiados para el alcance, manipulación y uso
por parte del usuario, independientemente de su tamaño, posición, y movilidad.
![Page 50: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/50.jpg)
7 PRINCIPIOS DEL DISEÑO UNIVERSAL
7. Dimensiones apropiadasLos tamaños y espacios deben ser apropiados para el alcance, manipulación y uso
por parte del usuario, independientemente de su tamaño, posición, y movilidad.
![Page 51: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/51.jpg)
SICOLOGÍA DE LAS FORMAS
![Page 52: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/52.jpg)
GESTALT
![Page 53: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/53.jpg)
QUÉ ES GESTALT
Gestalt es un término introducido por primera vez por Christian von Ehrenfels que a su vez es un
vocablo alemán que no tiene una traducción única, aunque se lo entiende generalmente como "forma",
"totalidad", "configuración“, “unión”.
es una corriente de la psicología moderna, surgida en Alemania a principios del siglo XX y cuyos exponentes más
reconocidos han sido los teóricos Max Wertheimer, Wolfgang Köhler, Kurt Koffka y Kurt Lewin.
![Page 54: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/54.jpg)
QUÉ ES GESTALTMEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS DMU 2011Rodrigo García R.
ENTENDER A LAS PERSONAS
Fuentes:http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/
Estímulos Respuestas
Gestalt (Forma)El campo de la psicología de la Gestalt explica
cómo la mente percibe y organiza los estímulos visuales.
Thursday, November 10, 11
El campo de la sicología de la Gestalt explica cómo la mente humana percibe y organiza los estímulos visuales
![Page 55: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/55.jpg)
ILUSIONES ÓPTICAS
¿Pueden contar la cantidad de puntos blancos?
![Page 56: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/56.jpg)
ILUSIONES ÓPTICAS
¿Estructura con tres extremidades?
![Page 57: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/57.jpg)
ILUSIONES ÓPTICAS
¿copas?
![Page 58: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/58.jpg)
MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS DMU 2011Rodrigo García R.
ENTENDER A LAS PERSONAS
Fuentes: http://www.sapdesignguild.org/resources/optical_illusions/index.html
Thursday, November 10, 11
¿Se mueve?
ILUSIONES ÓPTICAS
![Page 59: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/59.jpg)
La mente configura, a través de ciertas leyes, los elementos que llegan a ella a través de los canales
sensoriales (percepción) o de la memoria (pensamiento, inteligencia y resolución de problemas).
ESTO NOS LLEVA A QUE...
![Page 60: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/60.jpg)
ESTO NOS LLEVA A QUE...
!La percepción humana pasa por un proceso de
reestructuración que configura a partir de esa información una forma, un gestalt, que se
destruye cuando se intenta analizar.
![Page 61: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/61.jpg)
EN RESUMEN
El campo de la sicología de la Gestalt explica cómo la mente humana percibe y organiza los estímulos visuales
✓Relación entre las partes y el todo en la percepción visual: “El todo es algo mas que la suma de sus partes”
✓Los estímulos visuales son complejos por lo que nuestra mente tiende a simplificar y buscar el orden.
✓Podríamos referirnos a la Experiencia de Usuario es saber cómo percibimos el mundo y sus estímulos
![Page 62: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/62.jpg)
LEYES DE GESTALT
![Page 63: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/63.jpg)
Proximidad
LEYES GESTALT
1Similitud2Cierre3
![Page 64: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/64.jpg)
1. PROXIMIDAD
Objetos cercanos entre si tienden a ser percibidos como un grupo
![Page 65: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/65.jpg)
1. PROXIMIDAD
Objetos cercanos entre si tienden a ser percibidos como un grupo
MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS DMU 2011Rodrigo García R.
ENTENDER A LAS PERSONAS
Fuentes:http://www.webdesignerdepot.com/2011/08/strengthening-behavioral-cues-in-ux-web-design-with-gestalt-principles/
Proximidad
Gestalt: 3 Principios
Objetos cercanos entre sí tienden a ser percibidos como un grupo.
1
Thursday, November 10, 11
![Page 66: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/66.jpg)
1. PROXIMIDAD
Objetos cercanos entre si tienden a ser percibidos como un grupo
![Page 67: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/67.jpg)
1. PROXIMIDAD
Objetos cercanos entre si tienden a ser percibidos como un grupo
![Page 68: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/68.jpg)
2. SIMILITUD
Objetos similares entre si tienden a ser percibidos como un grupo
![Page 69: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/69.jpg)
2. SIMILITUD
Objetos similares entre si tienden a ser percibidos como un grupo
![Page 70: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/70.jpg)
2. SIMILITUD
Objetos similares entre si tienden a ser percibidos como un grupo
![Page 71: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/71.jpg)
2. SIMILITUD
Objetos similares entre si tienden a ser percibidos como un grupo
![Page 72: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/72.jpg)
2. SIMILITUD
MEDIOS DIGITALES: ENTENDER A LAS PERSONAS, CONSTRUIR PARA ELLLAS DMU 2011Rodrigo García R.
ENTENDER A LAS PERSONAS
Gestalt: 3 Principios
SimilaridadObjetos similares entre sí entre sí tienden a ser percibidos como un grupo.
2
Thursday, November 10, 11
Objetos similares entre si tienden a ser percibidos como un grupo
![Page 73: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/73.jpg)
3. CIERRE
Bastan algunas partes del objeto para percibir el objeto competo
![Page 74: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/74.jpg)
3. CIERRE
Bastan algunas partes del objeto para percibir el objeto competo
![Page 75: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/75.jpg)
3. CIERRE
Bastan algunas partes del objeto para percibir el objeto competo
![Page 76: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/76.jpg)
SOBRE GESTALTCada vez que enfrentamos el diseño de una interfaz digital estamos poniendo a prueba estas leyes. Por eso es importante que desiciones tomamos a la hora de desarrollar una interfaz Debemos ponernos en el lugar de los usuarios.
![Page 77: Introducción a los Wireframes](https://reader034.vdocuments.co/reader034/viewer/2022052322/557c3fb8d8b42a23598b4ce0/html5/thumbnails/77.jpg)
FIN CLASE 01