SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido de
Web y Mobile
Michelle Torres
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Armar los primeros bocetos
1. Tener la capacidad de bajar nuestras
primeras ideas a un esquema cambiable.
2. Ser conceptuales y estructurales.
3. Idear y pensar pero de un modo práctico.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Buscar personas
1. Buscar personas que – más o menos – tengan el perfil
que buscamos.
2. Esto puede ser en una oficina o en un bar. O en un
mismo Starbucks!
3. Hacer un regalito simple, que más precisamente podría
ser un muffin, un café o un chai latte.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Hacer pruebas con usuarios
1. Pedirles a estas personas – que de a una – resuelvan
una serie de objetivos en nuestros papelitos.
2. Observar sus aciertos y dificultades.
3. Voy a decir algo fatal: tener preparados más papelitos,
lapices y gomas para hacer los cambios.
4. Recibir al próximo usuario.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
¿Qué es un prototipo?
Modelo del producto final que permite efectuar
un test sobre determinados atributos del mismo
sin necesidad de que esté disponible.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
¿Cómo lo hago?
Se comienza elaborando un prototipo del
producto final: qué aspecto tendrá, cómo
funcionará, … etc.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipo de interfaces
Para muchas interfaces de usuario, este
modelo puede resultar tan simple como unos
dibujos con lápiz y papel o tan complejo como
el propio código operativo final.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipo de hardware
Para interfaces de hardware o estaciones de
trabajo, el modelo puede consistir en maquetas
de espuma, caucho, cartón o cartulina.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
¿Cómo debe ser?
Cuanto más próximo se encuentre el prototipo
al producto real, mejor será la evaluación.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
¿Cuándo hacerlo?
En cualquier etapa del desarrollo.
A medida que el proceso progresa y el
producto se completa, el prototipo ha de
abarcar, cada vez más las características del
producto final.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
1. Externaliza
Da tus ideas a conocer para que el mundo
conteste
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
1. Cambios rápidos
2. Criticable
3. Explorable (jugar)
4. Sugiere, propone y
cuestiona
5. Cercanía entre idea
y representación
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
1. Limita
2. Focaliza
3. Solución simple
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
1. Amplia la visión
2. Organizable
3. Reordenable
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
2. Evalua e itera
Que el mundo te hable, aprende y reinventa
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
3. Formaliza
Cambia del papel a la computadora
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
¡¡ Manos a la obra !!
La idea es desarrollar un prototipo de hardware
con su respectivo software que involucre
algunas de las principales herramientas
cotidianas de un médico general, como lo son
un termómetro, oxímetro y medidor de ritmo
cardiaco.
Prototipado rápido
©2015, CORB.mx
Michelle Torres
@nmicht
Gracias

Weitere ähnliche Inhalte

Was ist angesagt?

Prototipado
PrototipadoPrototipado
Prototipadokamui002
 
Evaluación
EvaluaciónEvaluación
Evaluaciónkamui002
 
Como prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del WireframeComo prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del WireframeJorge Galindo Cruces
 
Google Design Sprint - metodología adaptada por elAbogado.com
Google Design Sprint -  metodología adaptada por elAbogado.comGoogle Design Sprint -  metodología adaptada por elAbogado.com
Google Design Sprint - metodología adaptada por elAbogado.comMartí Manent
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativoMartín S
 
Diseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingDiseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingJuan Paulo Madriaza
 
Cuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesCuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesUX Nights
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsGustavo Soto Miño
 
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)Ana Paula Batista
 
Taller Prototipado - StartupWeekend Guatemala 2014
Taller Prototipado   - StartupWeekend Guatemala 2014Taller Prototipado   - StartupWeekend Guatemala 2014
Taller Prototipado - StartupWeekend Guatemala 2014Claudio Cossio
 
Designer vs Front-end - DrupalCampES 2018 Alicante
Designer vs Front-end - DrupalCampES 2018 AlicanteDesigner vs Front-end - DrupalCampES 2018 Alicante
Designer vs Front-end - DrupalCampES 2018 AlicanteLa Drupalera
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcciónkamui002
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuariokamui002
 
Investigación e Innovación Tecnológica - Diapositivas 12
Investigación e Innovación Tecnológica - Diapositivas 12Investigación e Innovación Tecnológica - Diapositivas 12
Investigación e Innovación Tecnológica - Diapositivas 12Rafael Puppi Junchaya
 
El origen de las ideas
El origen de las ideasEl origen de las ideas
El origen de las ideasUX Nights
 

Was ist angesagt? (18)

Prototipado
PrototipadoPrototipado
Prototipado
 
Evaluación
EvaluaciónEvaluación
Evaluación
 
Como prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del WireframeComo prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del Wireframe
 
Google Design Sprint - metodología adaptada por elAbogado.com
Google Design Sprint -  metodología adaptada por elAbogado.comGoogle Design Sprint -  metodología adaptada por elAbogado.com
Google Design Sprint - metodología adaptada por elAbogado.com
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativo
 
Diseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y TestingDiseño de interacción, Prototipado y Testing
Diseño de interacción, Prototipado y Testing
 
Cuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitalesCuándo utilizar prototipos digitales
Cuándo utilizar prototipos digitales
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en Startups
 
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
Design Sprint - Lecciones Aprendidas (Meetup Lima - Ago/2016)
 
Taller Prototipado - StartupWeekend Guatemala 2014
Taller Prototipado   - StartupWeekend Guatemala 2014Taller Prototipado   - StartupWeekend Guatemala 2014
Taller Prototipado - StartupWeekend Guatemala 2014
 
Designer vs Front-end - DrupalCampES 2018 Alicante
Designer vs Front-end - DrupalCampES 2018 AlicanteDesigner vs Front-end - DrupalCampES 2018 Alicante
Designer vs Front-end - DrupalCampES 2018 Alicante
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
fases del proceso tegnologico 701 JM
fases del proceso tegnologico 701 JM fases del proceso tegnologico 701 JM
fases del proceso tegnologico 701 JM
 
Investigación e Innovación Tecnológica - Diapositivas 12
Investigación e Innovación Tecnológica - Diapositivas 12Investigación e Innovación Tecnológica - Diapositivas 12
Investigación e Innovación Tecnológica - Diapositivas 12
 
El origen de las ideas
El origen de las ideasEl origen de las ideas
El origen de las ideas
 
¿Como se trabaja hoy en ux?
¿Como se trabaja hoy en ux?¿Como se trabaja hoy en ux?
¿Como se trabaja hoy en ux?
 

Ähnlich wie Prototipado rápido para web y mobile

Como prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del WireframeComo prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del Wireframebetabeers
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápidoIxDA Mendoza
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 qweos
 
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...FromDoppler
 
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdfInnovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdfDemetrio Ccesa Rayme
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutosSol Mesz
 
Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Rafael Puppi Junchaya
 
Identificación de oportunidades de negocio [Completa]
Identificación de oportunidades de negocio [Completa]Identificación de oportunidades de negocio [Completa]
Identificación de oportunidades de negocio [Completa]Jorge Edgar Mora Reyes
 
Prototipos de interfaces
Prototipos de interfacesPrototipos de interfaces
Prototipos de interfacesMariana Salgado
 
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexico
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexicoEpisodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexico
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexicoProduct School
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoJulian Camacho
 
DESIGNTHINKING3.pdf
DESIGNTHINKING3.pdfDESIGNTHINKING3.pdf
DESIGNTHINKING3.pdfVickySoto20
 
Personas e investigación de usuarios
Personas e investigación de usuariosPersonas e investigación de usuarios
Personas e investigación de usuariosGustavo Soto Miño
 
Visita escolar a 3 m
Visita escolar a 3 mVisita escolar a 3 m
Visita escolar a 3 mkellxd
 
¿Cuándo utilizar prototipos digitales?
¿Cuándo utilizar prototipos digitales?¿Cuándo utilizar prototipos digitales?
¿Cuándo utilizar prototipos digitales?Carlos Elias Ochoa
 
E-Portafolio. Liliana Garaviz Santos. Grupo: 221
E-Portafolio. Liliana Garaviz Santos. Grupo: 221E-Portafolio. Liliana Garaviz Santos. Grupo: 221
E-Portafolio. Liliana Garaviz Santos. Grupo: 221lgaraviss
 
Comunicacion en equipos tecnicos, por javier ramirez, teowaki
Comunicacion en equipos tecnicos, por javier ramirez, teowakiComunicacion en equipos tecnicos, por javier ramirez, teowaki
Comunicacion en equipos tecnicos, por javier ramirez, teowakijavier ramirez
 

Ähnlich wie Prototipado rápido para web y mobile (20)

LAMINAS EXPOSICION.pptx
LAMINAS EXPOSICION.pptxLAMINAS EXPOSICION.pptx
LAMINAS EXPOSICION.pptx
 
Como prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del WireframeComo prototipar MAL una aplicación. La importancia del Wireframe
Como prototipar MAL una aplicación. La importancia del Wireframe
 
clase4.pdf
clase4.pdfclase4.pdf
clase4.pdf
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápido
 
El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013 El diseñador a medias (con notas). UX Spain 2013
El diseñador a medias (con notas). UX Spain 2013
 
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
 
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdfInnovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13Investigación e Innovación Tecnológica - Lectura 13
Investigación e Innovación Tecnológica - Lectura 13
 
Identificación de oportunidades de negocio [Completa]
Identificación de oportunidades de negocio [Completa]Identificación de oportunidades de negocio [Completa]
Identificación de oportunidades de negocio [Completa]
 
Prototipos de interfaces
Prototipos de interfacesPrototipos de interfaces
Prototipos de interfaces
 
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexico
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexicoEpisodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexico
Episodio 10 de 12 - Exploramos Wireframes & Prototipos @ iTexico
 
UX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de ProductoUX en el Proceso de Desarrollo de Producto
UX en el Proceso de Desarrollo de Producto
 
DESIGNTHINKING3.pdf
DESIGNTHINKING3.pdfDESIGNTHINKING3.pdf
DESIGNTHINKING3.pdf
 
Personas e investigación de usuarios
Personas e investigación de usuariosPersonas e investigación de usuarios
Personas e investigación de usuarios
 
Hack Space - Intro Design Thinking .00122
Hack Space - Intro Design Thinking .00122Hack Space - Intro Design Thinking .00122
Hack Space - Intro Design Thinking .00122
 
Visita escolar a 3 m
Visita escolar a 3 mVisita escolar a 3 m
Visita escolar a 3 m
 
¿Cuándo utilizar prototipos digitales?
¿Cuándo utilizar prototipos digitales?¿Cuándo utilizar prototipos digitales?
¿Cuándo utilizar prototipos digitales?
 
E-Portafolio. Liliana Garaviz Santos. Grupo: 221
E-Portafolio. Liliana Garaviz Santos. Grupo: 221E-Portafolio. Liliana Garaviz Santos. Grupo: 221
E-Portafolio. Liliana Garaviz Santos. Grupo: 221
 
Comunicacion en equipos tecnicos, por javier ramirez, teowaki
Comunicacion en equipos tecnicos, por javier ramirez, teowakiComunicacion en equipos tecnicos, por javier ramirez, teowaki
Comunicacion en equipos tecnicos, por javier ramirez, teowaki
 

Mehr von Michelle Torres

Uso de Puerto paralelo en C
Uso de Puerto paralelo en CUso de Puerto paralelo en C
Uso de Puerto paralelo en CMichelle Torres
 
Material de administración y auditoría de la función informática
Material de administración y auditoría de la función informáticaMaterial de administración y auditoría de la función informática
Material de administración y auditoría de la función informáticaMichelle Torres
 
Taller de programación de sistemas. Descripción de práctica 2
Taller de programación de sistemas. Descripción de práctica 2Taller de programación de sistemas. Descripción de práctica 2
Taller de programación de sistemas. Descripción de práctica 2Michelle Torres
 
Taller de programación de sistemas. Descripción de práctica 1
Taller de programación de sistemas. Descripción de práctica 1Taller de programación de sistemas. Descripción de práctica 1
Taller de programación de sistemas. Descripción de práctica 1Michelle Torres
 
Modos de direccionamiento para el HC12 de motorola
Modos de direccionamiento para el HC12 de motorolaModos de direccionamiento para el HC12 de motorola
Modos de direccionamiento para el HC12 de motorolaMichelle Torres
 
Manejo de archivos en JAVA
Manejo de archivos en JAVAManejo de archivos en JAVA
Manejo de archivos en JAVAMichelle Torres
 
Programación Orientada a Objetos en JAVA
Programación Orientada a Objetos en JAVAProgramación Orientada a Objetos en JAVA
Programación Orientada a Objetos en JAVAMichelle Torres
 
Recordando Java desde Cero
Recordando Java desde CeroRecordando Java desde Cero
Recordando Java desde CeroMichelle Torres
 
Rubrica (primera entrega)
Rubrica (primera entrega)Rubrica (primera entrega)
Rubrica (primera entrega)Michelle Torres
 
Introducción a la programación en ambientes web
Introducción a la programación en ambientes webIntroducción a la programación en ambientes web
Introducción a la programación en ambientes webMichelle Torres
 
My sql para principiantes
My sql para principiantesMy sql para principiantes
My sql para principiantesMichelle Torres
 

Mehr von Michelle Torres (16)

Uso de Puerto paralelo en C
Uso de Puerto paralelo en CUso de Puerto paralelo en C
Uso de Puerto paralelo en C
 
Arreglos en PHP
Arreglos en PHPArreglos en PHP
Arreglos en PHP
 
Material de administración y auditoría de la función informática
Material de administración y auditoría de la función informáticaMaterial de administración y auditoría de la función informática
Material de administración y auditoría de la función informática
 
Cpu12 Reference Manual
Cpu12 Reference ManualCpu12 Reference Manual
Cpu12 Reference Manual
 
Taller de programación de sistemas. Descripción de práctica 2
Taller de programación de sistemas. Descripción de práctica 2Taller de programación de sistemas. Descripción de práctica 2
Taller de programación de sistemas. Descripción de práctica 2
 
Taller de programación de sistemas. Descripción de práctica 1
Taller de programación de sistemas. Descripción de práctica 1Taller de programación de sistemas. Descripción de práctica 1
Taller de programación de sistemas. Descripción de práctica 1
 
Modos de direccionamiento para el HC12 de motorola
Modos de direccionamiento para el HC12 de motorolaModos de direccionamiento para el HC12 de motorola
Modos de direccionamiento para el HC12 de motorola
 
Manejo de archivos en JAVA
Manejo de archivos en JAVAManejo de archivos en JAVA
Manejo de archivos en JAVA
 
Programación Orientada a Objetos en JAVA
Programación Orientada a Objetos en JAVAProgramación Orientada a Objetos en JAVA
Programación Orientada a Objetos en JAVA
 
Recordando Java desde Cero
Recordando Java desde CeroRecordando Java desde Cero
Recordando Java desde Cero
 
Rubrica (primera entrega)
Rubrica (primera entrega)Rubrica (primera entrega)
Rubrica (primera entrega)
 
Cv resumido conaic
Cv resumido conaicCv resumido conaic
Cv resumido conaic
 
Introducción a la programación en ambientes web
Introducción a la programación en ambientes webIntroducción a la programación en ambientes web
Introducción a la programación en ambientes web
 
Servidores web
Servidores webServidores web
Servidores web
 
XHTML y CSS
XHTML y CSSXHTML y CSS
XHTML y CSS
 
My sql para principiantes
My sql para principiantesMy sql para principiantes
My sql para principiantes
 

Prototipado rápido para web y mobile