![Page 1: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/1.jpg)
Programming and Prototyping
Week 2
![Page 2: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/2.jpg)
![Page 3: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/3.jpg)
¿Para quién es esta plática?Programadores
Programadores freelancers
No-programadores
Diseñadores
Gerencia
![Page 4: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/4.jpg)
El plan de hoyDiseñar y prototipar un app.
Discutir los pasos que yo sigo para trato de hacer algo funcionar.
Mostrarte una serie de métodos para prototipar.
Concentrarnos en prototipar una experiencia, no en usar el API de Facebook/Twitter ni probar si algo es técnicamente posible.
![Page 5: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/5.jpg)
Idea $$$App
![Page 6: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/6.jpg)
Idea 😢App
![Page 7: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/7.jpg)
Idea 😢AppTiempo
Dinero
Personas
Sueño
Dolores de cabeza
Escribir
![Page 8: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/8.jpg)
Idea 😢AppTiempo
Dinero
Personas
Sueño
Dolores de cabeza
Escribir
![Page 9: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/9.jpg)
Idea App
![Page 10: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/10.jpg)
Idea AppPrototipo
![Page 11: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/11.jpg)
Idea AppPrototipoPrototipo
![Page 12: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/12.jpg)
Idea AppPrototipoPrototipo Prototipo
![Page 13: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/13.jpg)
Idea AppPrototipoPrototipo Prototipo
Falso Más real
![Page 14: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/14.jpg)
Dos razones para prototiposPara probar ideasTe ahorras tiempo y dinero desarrollando las cosas correctas
Para obtener nuevas ideasHacen la experiencia de tu producto una mejor
![Page 15: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/15.jpg)
¿Y cómo hacemos esto?Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios
![Page 16: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/16.jpg)
¿Y cómo hacemos esto?Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios
![Page 17: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/17.jpg)
Hacer
EnseñarAprender
![Page 18: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/18.jpg)
Haz apps falsas
Hacer
EnseñarAprender
Tres preguntas
¿Qué tiene que ser más real?
¿Que puede ser mentirita?
¿Donde lo van a usar?
![Page 19: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/19.jpg)
Enseña el prototipo
Hacer
EnseñarAprender
Tres preguntas
¿Sabes como hacer ___ _____?
¿Es fácil hacer ____ ___?
¿Cómo podemos hacer este app mejor?
¿A quién le enseñamos el app?
A la gente que va a usar el app.
No hagas
Discutas, defiendas, rechazes
![Page 20: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/20.jpg)
Aprende de los comentarios
Hacer
EnseñarAprender
Tres preguntas
¿Qué funciona?
¿Qué no funciona?
¿Qué otras ideas se nos ocurrieron para continuar?
![Page 21: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/21.jpg)
Hacer
EnseñarAprender
![Page 22: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/22.jpg)
Hacer
EnseñarAprender
Fotos AnimacionesKeynote Keynote
![Page 23: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/23.jpg)
Hacer
EnseñarAprender
Fotos AnimacionesKeynote Keynote
FAKE IT TILL YOU MAKE IT
![Page 24: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/24.jpg)
Top Rated TacoEncontrar tacos cerca de mi
Encontrar los mejores tacos
Compartir tacos
Calificar tacos
Reseñar y discutir tacos cons mis compas aficionados de tacos
![Page 25: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/25.jpg)
Top Rated TacoEncontrar tacos cerca de mi
Encontrar los mejores tacos
Compartir tacos
Calificar tacos
Reseñar y discutir tacos cons mis compas aficionados de tacos
![Page 26: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/26.jpg)
Top Rated Taco
![Page 27: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/27.jpg)
![Page 28: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/28.jpg)
![Page 29: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/29.jpg)
GaleriaLista/Ratings GridMapa
![Page 30: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/30.jpg)
Hacer apps falsos¿Que tiene que se más real?¿Cómo se van a ver esta ideas en la pantalla en tu mano?
¿Que puede ser mentirita?Fotos, texto, iconos
¿Donde lo van a usar?En un teléfono (iPhone), afuera
![Page 31: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/31.jpg)
Lista/Ratings
![Page 32: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/32.jpg)
Lista/Ratings
![Page 33: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/33.jpg)
Demo
![Page 34: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/34.jpg)
![Page 35: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/35.jpg)
+
+
Best TacosLos Tres GaleonesTacos de pescado
Tacos LupitaTacos al pastor
Invader TacosTacos y quesadillas
Casa OaxacaTacos de tamales
Taqueria El Güero Tacos de guisado
Puerto EscondidoTacos de pescado
Tricky tricky tribal +
+ Nearby Tacos +
![Page 36: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/36.jpg)
Enseñar nuestro prototipo¿Sabes como buscar los mejores tacos? ¿Tacos cercanos?Estoy viendo las estrellas y esta lista parece estar ordenada por calificación.No entiendo como encontrar tacos cercanos sin el mapa.
¿Es fácil navegar y ver tacos?¡Ay yay yay! Este grid de tacos me causa ceguera.
¿Cómo podemos mejorar?¡Sigue con la idea de la lista y el mapa!
![Page 37: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/37.jpg)
Aprende de los comentarios¿Qué funciona?La lista de tacos. El mapa de tacos. Mejores tacos.
¿Qué no funciona?Ningún método funciona solo. No está claro como están conectadas las pantallas.
¿Qué otras ideas se nos ocurren?Podemos permitirle a los usuarios decidir como quieren buscar los tacos. A veces lo pueden buscar por calificación y a veces con el mapa.
+
![Page 38: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/38.jpg)
Hacer apps falsos¿Que tiene que se más real?La conexión entre una pantalla de lista de tacos y el mapa con tacos.
¿Que puede ser mentirita?Nada tiene que ser interactivo. Aun no hay que hacer las pantallas finales.
¿Donde lo van a usar?Caminando por una banqueta transitada mientras tenemos hambre.
![Page 39: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/39.jpg)
Animaciones
![Page 40: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/40.jpg)
Demo
![Page 41: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/41.jpg)
Animaciones
![Page 42: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/42.jpg)
Magic Move
![Page 43: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/43.jpg)
`
![Page 44: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/44.jpg)
Animaciones
![Page 45: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/45.jpg)
Enseñar nuestro prototipo¿Sabes como buscar tacos cercanos?No estoy seguro que significan estos iconos, pero puedo encontrar tacos!
¿Es fácil navegar entre top tacos y tacos cercanos?Es súper fácil. Solo le tengo que picar aquí.
¿Cómo podemos mejorar?Quizas deba poder ver los nombres de las taquerías en el mapa. Igual para los ratings.
![Page 46: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/46.jpg)
A prototipar
![Page 47: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/47.jpg)
![Page 48: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/48.jpg)
¡Gracias!
![Page 50: Digital Invaders - Introducción al Prototipaje](https://reader038.vdocuments.net/reader038/viewer/2022103120/55d32262bb61ebbc6b8b45d3/html5/thumbnails/50.jpg)
En el espíritu de colaboración y de compartir, esta presentación está licenciada bajo
Creative Commons Attribution 4.0 International License.