1.
USO DE PROTOTIPOS
Paolo Carrasco

2.
QUÉ ES UN
PROTOTIPO
2

3.
3

4.
La belleza se encuentra en
la esencia de las cosas
4

5.
¿POR QUÉ
PROTOTIPAR?
5

6.
"Si no estás
fallando ahora y
siempre, es señal
que no estás
haciendo algo
innovador"
6
- Woody Allen

7.
Entender el punto de vista de otros
7

8.
EL PROCESO DE DISEÑO
8
¿Qué debemos
hacer?
¿Cuánto de eso
debemos
hacer?
¿Cómo
hacerlo?
recibimos feedback

9.
PROTOTIPOS, WIREFRAMES, MOCKUPS...
¿QUÉ USO?
9
Uso Características
Wireframe Comunicar esencia Borrador, blanco y negro
Prototipos
Mostrar/probar
la interacción
Interactivo
Mockup
Obtener feedback de la
posible apariencia
Visualización estática
Fuente: Marcin Treder @ Design Modo Jul 24, 2012

10.
EJEMPLO DE
WIREFRAME
https://www.behance.net/gallery/Wireframes-website-
for-a-home-loan-bank/218911
10

11.
EJEMPLOS DE
PROTOTIPO
http://biodesign.seas.harvard.edu/soft-exosuits
11

12.
EJEMPLO DE
MOCKUP
https://www.kickstarter.com/projects/etx/
canbus-triple-the-car-hacking-platform?
ref=category
12

13.
¿EN QUÉ NOS
ENFOCAMOS?
13

14.
FIDELIDAD (EJEMPLO)
14
Prototipo Final
Visual Alcance Contenido Interacción Lógica

15.
ALCANCE
▫︎El alcance del
producto
implementado
▫︎Cuánta libertad
tiene para navegar
por la aplicación
15

16.
CONTENIDO
▫︎Texto, imágenes,
media
▫︎Layout,
navegación, mapa
del sitio
16

17.
LÓGICA
▫︎Lógica del negocio
▫︎Modelos matemáticos
▫︎Transaccionabilidad
▫︎Motores de recomendación
▫︎Procesamiento de backend
17

18.
INTERACCIÓN
▫︎Cómo la aplicación va a responder en
eventos (transiciones, validaciones,
operaciones exitosas, fallidas, etc.)
18

19.
TÉCNICAS Y
HERRAMIENTAS
PARA PROTOTIPAR
19

20.
PROTOTIPOS EN PAPEL
▫︎Roles:
▫︎Moderador
▫︎Anotador
▫︎Simulador
▫︎Usuario
20

21.
PROTOTIPOS CON WIREFRAMES
▫︎Balsamiq
▫︎Mockflow
▫︎Etc., etc.
21

22.
PROTOTIPOS DE ALTA FIDELIDAD
▫︎Divshot - https://divshot.com/
▫︎Pingendo - http://www.pingendo.com/
▫︎Jetstrap - https://jetstrap.com/
▫︎Etc., etc.
22

23.
PAPER ON
PROTOTYPE
(POP)
23
https://popapp.in/

24.
PAPER ON
PROTOTYPE
(POP)
24
https://popapp.in/

25.
PAPER ON
PROTOTYPE
(POP)
25
https://popapp.in/

26.
¿QUÉ PROBLEMAS PUEDEN EXISTIR AL PROTOTIPAR?
▫︎Mucho esfuerzo
▫︎Problemas de usabilidad artificiales
▫︎Prototipos no efectivos
▫︎Credibilidad afectada
X

27.
ALGUNAS
RECOMENDACIONES
26

28.
REUNIRSE CONSTANTEMENTE CON EL USUARIO
▫︎Reunirse
constantemente
con el usuario
▫︎(a más
complejidad, más
revisiones con el
usuario)
27
Richard Busch - _MG_3750 (CC 2.0)

29.
PONER FECHAS LÍMITES PARA TERMINARLOS
▫︎El esfuerzo no
debe orientarse a
una sola
funcionalidad
28
Hartwig HKD - Time Jumper (CC 2.0)

30.
IDENTIFICAR LA FIDELIDAD
▫︎Considerar qué se
quiere evaluar
cuando se
presente
▫︎Escoger qué nivel
es necesario
29
Damien Labat - HIgh FIdelity (CC 2.0)

31.
RESUMIENDO
▫︎Un prototipo es una herramienta de
comunicación.
▫︎El proceso de diseño es un ciclo y el
prototipo ayuda a fallar y recibir feedback
rápidamente.
▫︎Tiene cinco dimensiones: visual, alcance,
contenido, lógica, interacción.
▫︎Algunas recomendaciones: reuniones
seguidas con usuario, poner fechas
límites, determinar nivel de fidelidad.
30

32.
MUCHAS GRACIAS
paolo.carrasco@thoughtworks.com