32
USO DE PROTOTIPOS Paolo Carrasco

Prototipos - Campus Party

Embed Size (px)

DESCRIPTION

Uso de prototipos en el desarrollo de software. Qué considerar en la reunión con el usuario final.

Citation preview

Page 1: Prototipos - Campus Party

USO DE PROTOTIPOSPaolo Carrasco

Page 2: Prototipos - Campus Party

QUÉ ES UN PROTOTIPO

2

Page 3: Prototipos - Campus Party

3

Page 4: Prototipos - Campus Party

La belleza se encuentra en la esencia de las cosas

4

Page 5: Prototipos - Campus Party

¿POR QUÉ PROTOTIPAR?

5

Page 6: Prototipos - Campus Party

"Si no estás fallando ahora y siempre, es señal

que no estás haciendo algo

innovador"

6

- Woody Allen

Page 7: Prototipos - Campus Party

Entender el punto de vista de otros7

Page 8: Prototipos - Campus Party

EL PROCESO DE DISEÑO

8

¿Qué debemos hacer?

¿Cuánto de eso debemos hacer?

¿Cómo hacerlo?

recibimos feedback

Page 9: Prototipos - Campus Party

PROTOTIPOS, WIREFRAMES, MOCKUPS... ¿QUÉ USO?

9

Uso Características

Wireframe Comunicar esencia Borrador, blanco y negro

Prototipos Mostrar/probarla interacción Interactivo

Mockup Obtener feedback de la posible apariencia Visualización estática

Fuente: Marcin Treder @ Design Modo Jul 24, 2012

Page 10: Prototipos - Campus Party

EJEMPLO DE WIREFRAME

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

10

Page 11: Prototipos - Campus Party

EJEMPLOS DE PROTOTIPO

http://biodesign.seas.harvard.edu/soft-exosuits

11

Page 12: Prototipos - Campus Party

EJEMPLO DE MOCKUP

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

12

Page 13: Prototipos - Campus Party

¿EN QUÉ NOS ENFOCAMOS?

13

Page 14: Prototipos - Campus Party

FIDELIDAD (EJEMPLO)

14

Visual Alcance Contenido Interacción Lógica

Prototipo Final

Page 15: Prototipos - Campus Party

ALCANCE

▫︎ El alcance del producto implementado

▫︎Cuánta libertad tiene para navegar por la aplicación

15

Page 16: Prototipos - Campus Party

CONTENIDO

▫︎ Texto, imágenes, media

▫︎ Layout, navegación, mapa del sitio

16

Page 17: Prototipos - Campus Party

LÓGICA

▫︎ Lógica del negocio ▫︎Modelos matemáticos

▫︎ Transaccionabilidad

▫︎Motores de recomendación

▫︎ Procesamiento de backend

17

Page 18: Prototipos - Campus Party

INTERACCIÓN

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

18

Page 19: Prototipos - Campus Party

TÉCNICAS Y HERRAMIENTAS PARA PROTOTIPAR

19

Page 20: Prototipos - Campus Party

PROTOTIPOS EN PAPEL

▫︎ Roles:

▫︎Moderador

▫︎Anotador

▫︎ Simulador

▫︎Usuario

20

Page 21: Prototipos - Campus Party

PROTOTIPOS CON WIREFRAMES

▫︎Balsamiq

▫︎Mockflow

▫︎ Etc., etc.

21

Page 22: Prototipos - Campus Party

PROTOTIPOS DE ALTA FIDELIDAD

▫︎Divshot - https://divshot.com/

▫︎ Pingendo - http://www.pingendo.com/

▫︎ Jetstrap - https://jetstrap.com/

▫︎ Etc., etc.

22

Page 23: Prototipos - Campus Party

PAPER ON PROTOTYPE (POP)

23

https://popapp.in/

Page 24: Prototipos - Campus Party

PAPER ON PROTOTYPE (POP)

24

https://popapp.in/

Page 25: Prototipos - Campus Party

PAPER ON PROTOTYPE (POP)

25

https://popapp.in/

Page 26: Prototipos - Campus Party

¿QUÉ PROBLEMAS PUEDEN EXISTIR AL PROTOTIPAR?

▫︎Mucho esfuerzo

▫︎ Problemas de usabilidad artificiales

▫︎ Prototipos no efectivos

▫︎Credibilidad afectada

X

Page 27: Prototipos - Campus Party

ALGUNAS RECOMENDACIONES

26

Page 28: Prototipos - Campus Party

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)

Page 29: Prototipos - Campus Party

PONER FECHAS LÍMITES PARA TERMINARLOS

▫︎ El esfuerzo no debe orientarse a una sola funcionalidad

28 Hartwig HKD - Time Jumper (CC 2.0)

Page 30: Prototipos - Campus Party

IDENTIFICAR LA FIDELIDAD

▫︎Considerar qué se quiere evaluar cuando se presente

▫︎ Escoger qué nivel es necesario

29

Damien Labat - HIgh FIdelity (CC 2.0)

Page 31: Prototipos - Campus Party

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

Page 32: Prototipos - Campus Party

[email protected]

MUCHAS GRACIAS