SlideShare una empresa de Scribd logo
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

Más contenido relacionado

PDF
Prototipos En El Proceso De DiseñO De InteraccióN Ix Da Ba 5 Nov 2009 San...
PDF
01. Taller UX - Prototipado Rápido: Actividades
PDF
01. Prototipado rápido: teoría
PPTX
Taller Prototipos EngineUp Peru
PPSX
Prototipado: Cómo representar la interacción
PDF
Taller UX: Diseño visual - IxDA Mendoza
PPTX
Elaboración de prototipos
PPT
7. Prototipos Básicos (Intro HCI)
Prototipos En El Proceso De DiseñO De InteraccióN Ix Da Ba 5 Nov 2009 San...
01. Taller UX - Prototipado Rápido: Actividades
01. Prototipado rápido: teoría
Taller Prototipos EngineUp Peru
Prototipado: Cómo representar la interacción
Taller UX: Diseño visual - IxDA Mendoza
Elaboración de prototipos
7. Prototipos Básicos (Intro HCI)

La actualidad más candente (18)

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

Similar a Prototipado rápido para web y mobile (20)

PDF
4. PROTOTIPAR - 4 paso para la elaboración de un producto innovador .pdf
PPTX
LAMINAS EXPOSICION.pptx
PDF
Como prototipar MAL una aplicación. La importancia del Wireframe
PDF
clase4.pdf
PDF
Taller UX: Prototipado rápido
PDF
El diseñador a medias (con notas). UX Spain 2013
PDF
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
PDF
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
PPT
La validación o evaluación es la etapa final del design thinking
PDF
Ux en 30 minutos
PDF
Investigación e Innovación Tecnológica - Lectura 13
PDF
Identificación de oportunidades de negocio [Completa]
PPT
Prototipos de interfaces
PDF
UX en el Proceso de Desarrollo de Producto
PPTX
TEMA 07-PROTOTIPO DE PROYECTO DE INNOVACIÓN TECNOLÓGICA.pptx
PDF
DESIGNTHINKING3.pdf
PDF
Personas e investigación de usuarios
PDF
Hack Space - Intro Design Thinking .00122
DOCX
Visita escolar a 3 m
DOCX
GUIA PARA EL DESIGN THINKING A FONDO.docx
4. PROTOTIPAR - 4 paso para la elaboración de un producto innovador .pdf
LAMINAS EXPOSICION.pptx
Como prototipar MAL una aplicación. La importancia del Wireframe
clase4.pdf
Taller UX: Prototipado rápido
El diseñador a medias (con notas). UX Spain 2013
EMMS 2017 - Diseños de modelos de negocio centrado en customer experience - N...
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
La validación o evaluación es la etapa final del design thinking
Ux en 30 minutos
Investigación e Innovación Tecnológica - Lectura 13
Identificación de oportunidades de negocio [Completa]
Prototipos de interfaces
UX en el Proceso de Desarrollo de Producto
TEMA 07-PROTOTIPO DE PROYECTO DE INNOVACIÓN TECNOLÓGICA.pptx
DESIGNTHINKING3.pdf
Personas e investigación de usuarios
Hack Space - Intro Design Thinking .00122
Visita escolar a 3 m
GUIA PARA EL DESIGN THINKING A FONDO.docx
Publicidad

Más de Michelle Torres (16)

PDF
Uso de Puerto paralelo en C
PDF
Arreglos en PHP
PPTX
Material de administración y auditoría de la función informática
PDF
Cpu12 Reference Manual
PDF
Taller de programación de sistemas. Descripción de práctica 2
PDF
Taller de programación de sistemas. Descripción de práctica 1
PDF
Modos de direccionamiento para el HC12 de motorola
PDF
Manejo de archivos en JAVA
PDF
Programación Orientada a Objetos en JAVA
PDF
Recordando Java desde Cero
PDF
Rubrica (primera entrega)
PDF
Cv resumido conaic
PDF
Introducción a la programación en ambientes web
PDF
Servidores web
PDF
XHTML y CSS
PDF
My sql para principiantes
Uso de Puerto paralelo en C
Arreglos en PHP
Material de administración y auditoría de la función informática
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 1
Modos de direccionamiento para el HC12 de motorola
Manejo de archivos en JAVA
Programación Orientada a Objetos en JAVA
Recordando Java desde Cero
Rubrica (primera entrega)
Cv resumido conaic
Introducción a la programación en ambientes web
Servidores web
XHTML y CSS
My sql para principiantes

Prototipado rápido para web y mobile