El documento presenta los pasos para diseñar y prototipar una aplicación móvil. Explica que los prototipos permiten probar ideas sin desarrollar la aplicación completa, ahorrando tiempo y dinero. Recomienda hacer prototipos falsos usando fotos, texto e iconos y obtener comentarios de usuarios para mejorar la experiencia del usuario. Luego, muestra ejemplos de prototipos creados con fotos y animaciones para una aplicación de reseñas de tacos.

1. Programming and
Prototyping
Week 2

3. ¿Para quién es esta plática?
Programadores
Programadores freelancers
No-programadores
Diseñadores
Gerencia

4. El plan de hoy
Diseñ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.

5. Idea $$$App

6. Idea 😢App

7. Idea 😢App
Tiempo
Dinero
Personas
Sueño
Dolores de
cabeza
Escribir

8. Idea 😢App
Tiempo
Dinero
Personas
Sueño
Dolores de
cabeza
Escribir

9. Idea App

10. Idea AppPrototipo

11. Idea AppPrototipoPrototipo

12. Idea AppPrototipoPrototipo Prototipo

13. Idea AppPrototipoPrototipo Prototipo
Falso Más real

14. Dos razones para prototipos
Para probar ideas
Te ahorras tiempo y dinero desarrollando las cosas correctas
Para obtener nuevas ideas
Hacen la experiencia de tu producto una mejor

15. ¿Y cómo hacemos esto?
Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios

16. ¿Y cómo hacemos esto?
Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios

17. Hacer
EnseñarAprender

18. Haz apps falsas
Hacer
EnseñarAprender
Tres preguntas
¿Qué tiene que ser más real?
¿Que puede ser mentirita?
¿Donde lo van a usar?

19. 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

20. Aprende de los comentarios
Hacer
EnseñarAprender
Tres preguntas
¿Qué funciona?
¿Qué no funciona?
¿Qué otras ideas se nos ocurrieron para
continuar?

21. Hacer
EnseñarAprender

22. Hacer
EnseñarAprender
Fotos Animaciones
Keynote Keynote

23. Hacer
EnseñarAprender
Fotos Animaciones
Keynote Keynote
FAKE IT TILL YOU
MAKE IT

24. Top Rated Taco
Encontrar tacos cerca de mi
Encontrar los mejores tacos
Compartir tacos
Calificar tacos
Reseñar y discutir tacos cons mis compas aficionados de tacos

25. Top Rated Taco
Encontrar tacos cerca de mi
Encontrar los mejores tacos
Compartir tacos
Calificar tacos
Reseñar y discutir tacos cons mis compas aficionados de tacos

26. Top Rated Taco

29. GaleriaLista/Ratings GridMapa

30. 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

31. Lista/Ratings

32. Lista/Ratings

33. Demo

35. +
+
Best TacosLos Tres Galeones
Tacos de pescado
Tacos Lupita
Tacos al pastor
Invader Tacos
Tacos y quesadillas
Casa Oaxaca
Tacos de tamales
Taqueria El Güero
Tacos de guisado
Puerto Escondido
Tacos de pescado
Tricky tricky tribal+
+Nearby Tacos +

36. 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!

37. 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.
+

38. 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.

39. Animaciones

40. Demo

41. Animaciones

42. Magic Move

43. `

44. Animaciones

45. 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.

46. A prototipar

48. ¡Gracias!

49. richardbkaufman@gmail.com
@sparragus
Richard Kaufman

50. En el espíritu de colaboración y de compartir,
esta presentación está licenciada bajo
Creative Commons Attribution 4.0 International
License.