SlideShare ist ein Scribd-Unternehmen logo
1 von 50
Downloaden Sie, um offline zu lesen
Programming and
Prototyping
Week 2
¿Para quién es esta plática?
Programadores
Programadores freelancers
No-programadores
Diseñadores
Gerencia
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.
Idea $$$App
Idea 😢App
Idea 😢App
Tiempo
Dinero
Personas
Sueño
Dolores de
cabeza
Escribir
Idea 😢App
Tiempo
Dinero
Personas
Sueño
Dolores de
cabeza
Escribir
Idea App
Idea AppPrototipo
Idea AppPrototipoPrototipo
Idea AppPrototipoPrototipo Prototipo
Idea AppPrototipoPrototipo Prototipo
Falso Más real
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
¿Y cómo hacemos esto?
Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios
¿Y cómo hacemos esto?
Haz apps falsas
Enséñasela a la gente
Y aprende de sus comentarios
Hacer
EnseñarAprender
Haz apps falsas
Hacer
EnseñarAprender
Tres preguntas
¿Qué tiene que ser más real?
¿Que puede ser mentirita?
¿Donde lo van a usar?
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
Aprende de los comentarios
Hacer
EnseñarAprender
Tres preguntas
¿Qué funciona?
¿Qué no funciona?
¿Qué otras ideas se nos ocurrieron para
continuar?
Hacer
EnseñarAprender
Hacer
EnseñarAprender
Fotos Animaciones
Keynote Keynote
Hacer
EnseñarAprender
Fotos Animaciones
Keynote Keynote
FAKE IT TILL YOU
MAKE IT
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
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
Top Rated Taco
GaleriaLista/Ratings GridMapa
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
Lista/Ratings
Lista/Ratings
Demo
+
+
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 +
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!
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.
+
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.
Animaciones
Demo
Animaciones
Magic Move
`
Animaciones
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.
A prototipar
¡Gracias!
richardbkaufman@gmail.com
@sparragus
Richard Kaufman
En el espíritu de colaboración y de compartir,
esta presentación está licenciada bajo
Creative Commons Attribution 4.0 International
License.

Weitere ähnliche Inhalte

Ähnlich wie Digital Invaders - Introducción al Prototipaje

Taller Tarugo de UX para profanos
Taller Tarugo de UX para profanosTaller Tarugo de UX para profanos
Taller Tarugo de UX para profanos
Jimena Catalina Gayo
 
5 pasos para crear un buen producto
5 pasos para crear un buen producto5 pasos para crear un buen producto
5 pasos para crear un buen producto
carrasmolo
 
Lopez garduño hugoelian_m1s4_proyecto integrador
Lopez garduño hugoelian_m1s4_proyecto integradorLopez garduño hugoelian_m1s4_proyecto integrador
Lopez garduño hugoelian_m1s4_proyecto integrador
hugo lopez
 
Lean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando MicrovalidacionesLean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando Microvalidaciones
Sergio Nouvel Castro
 

Ähnlich wie Digital Invaders - Introducción al Prototipaje (20)

Taller Prototipos EngineUp Peru
Taller Prototipos EngineUp PeruTaller Prototipos EngineUp Peru
Taller Prototipos EngineUp Peru
 
01 plataforma para elaborar encuestas expo 01
01 plataforma para elaborar encuestas expo 0101 plataforma para elaborar encuestas expo 01
01 plataforma para elaborar encuestas expo 01
 
Taller Tarugo de UX para profanos
Taller Tarugo de UX para profanosTaller Tarugo de UX para profanos
Taller Tarugo de UX para profanos
 
5 pasos para crear un buen producto
5 pasos para crear un buen producto5 pasos para crear un buen producto
5 pasos para crear un buen producto
 
User Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado LibreUser Experience Research: los métodos más usados en Mercado Libre
User Experience Research: los métodos más usados en Mercado Libre
 
Los proyectos de software pueden salir bien... pregúnteme como
Los proyectos de software pueden salir bien... pregúnteme comoLos proyectos de software pueden salir bien... pregúnteme como
Los proyectos de software pueden salir bien... pregúnteme como
 
Dog healt terminado
Dog healt terminadoDog healt terminado
Dog healt terminado
 
Cómo promocionar tus apps y videojuegos
Cómo promocionar tus apps y videojuegosCómo promocionar tus apps y videojuegos
Cómo promocionar tus apps y videojuegos
 
Crear contenidos y de paso mejorar el seo -
Crear contenidos y de paso mejorar el seo - Crear contenidos y de paso mejorar el seo -
Crear contenidos y de paso mejorar el seo -
 
Ser y Estar siendo / Charla Festival El Dorado 2014
Ser y Estar siendo / Charla Festival El Dorado 2014Ser y Estar siendo / Charla Festival El Dorado 2014
Ser y Estar siendo / Charla Festival El Dorado 2014
 
Como Ligar Con Tias
Como Ligar Con Tias
Como Ligar Con Tias
Como Ligar Con Tias
 
Escamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integradorEscamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integrador
 
Lopez garduño hugoelian_m1s4_proyecto integrador
Lopez garduño hugoelian_m1s4_proyecto integradorLopez garduño hugoelian_m1s4_proyecto integrador
Lopez garduño hugoelian_m1s4_proyecto integrador
 
Cómo prototipar y reclutar para un test a bajo costo
Cómo prototipar y reclutar para un test a bajo costoCómo prototipar y reclutar para un test a bajo costo
Cómo prototipar y reclutar para un test a bajo costo
 
EdA 3 4to Sec Revaloramos nuestra cultura gastronómica difundiendo sus prácti...
EdA 3 4to Sec Revaloramos nuestra cultura gastronómica difundiendo sus prácti...EdA 3 4to Sec Revaloramos nuestra cultura gastronómica difundiendo sus prácti...
EdA 3 4to Sec Revaloramos nuestra cultura gastronómica difundiendo sus prácti...
 
PRESENTACIÓN FINAL
PRESENTACIÓN FINAL PRESENTACIÓN FINAL
PRESENTACIÓN FINAL
 
Pruebas de usabilidad para desarrolladoras (y humanos en general) comprimido
Pruebas de usabilidad para desarrolladoras (y humanos en general) comprimidoPruebas de usabilidad para desarrolladoras (y humanos en general) comprimido
Pruebas de usabilidad para desarrolladoras (y humanos en general) comprimido
 
Lean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando MicrovalidacionesLean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando Microvalidaciones
 
Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1Desarrollo ágil enfocado en ux 1 0 1
Desarrollo ágil enfocado en ux 1 0 1
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 

Kürzlich hochgeladen

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Kürzlich hochgeladen (15)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 

Digital Invaders - Introducción al Prototipaje