1
00:00:00,240 --> 00:00:05,460
Después de aquel Warframe vamos a ver ahora lo que es el prototipo Taiping continuando la parte del

2
00:00:05,460 --> 00:00:11,460
desarrollo de nuestro producto es una versión borrador del producto que estamos desarrollando.

3
00:00:11,470 --> 00:00:18,150
Nota como en el video anterior mostré el Warframe de este proyecto en éste y ya estoy mostrando el prototipo

4
00:00:18,270 --> 00:00:25,110
y en este caso ya agregamos lo que viene siendo las tipografías colores un poco más de descripción de

5
00:00:25,110 --> 00:00:34,890
la funcionalidad y su meta principal es desarrollar las ideas en el Warfare 1000 lo que hacemos es proponer

6
00:00:34,890 --> 00:00:40,120
las ideas en este caso ya las desarrollamos ya decimos cómo va a ser una vez que el cliente aprueba

7
00:00:40,900 --> 00:00:48,820
sus diseños sus colores la funcionalidad antes de gastar tiempo y dinero en la programación o desarrollo

8
00:00:48,820 --> 00:00:55,780
completo si creáramos el proyecto ya en código simplemente tardaríamos muchísimo para que el cliente

9
00:00:56,350 --> 00:01:04,060
haga observaciones sería muy tardado por lo normal vamos paso a paso primero creando un Warframe y después

10
00:01:04,060 --> 00:01:12,350
creando un prototipo y puede ser interactivo o básico en este caso es un básico muy básico porque es

11
00:01:12,350 --> 00:01:19,510
una imagen nada más pero puedes utilizar herramientas para añadir interacción como Envision app

12
00:01:23,100 --> 00:01:29,940
los beneficios del programa y pines que es más barato y fácil construir una casa en una maqueta qué

13
00:01:29,940 --> 00:01:31,760
hacerla con materiales reales.

14
00:01:31,780 --> 00:01:39,210
Lo mismo sucede con los sitios web y aplicaciones móviles es más fácil es más rápido hacer un prototipo

15
00:01:39,840 --> 00:01:47,220
que construir la solución completa en esta etapa nos preocupamos lo más posible por mejorar la experiencia

16
00:01:47,220 --> 00:01:54,450
de usuario antes de escribir código y en esta área el diseño deja de ser una sugerencia y se convierte

17
00:01:54,510 --> 00:02:03,960
en una descripción de la funcionalidad del producto Warfare mini proto Taiping sus diferencias es que

18
00:02:03,960 --> 00:02:10,380
el Warframe se hace antes del prototipo y mientras que el warfarina es una sugerencia en el prototipo

19
00:02:10,380 --> 00:02:16,600
se describe como debe de funcionar el producto el Waterfront es un desarrollo tentativo es decir se

20
00:02:16,600 --> 00:02:22,570
presta a cambios mientras que en el prototipo se cubren áreas definitivas y específicas obviamente si

21
00:02:22,570 --> 00:02:28,990
el cliente tiene observaciones y dice bueno yo no quiero que funcione así etcétera se siguen haciendo

22
00:02:28,990 --> 00:02:36,370
cambios pero antes de escribir código que igual en la mayoría de las veces vas a encontrar gente que

23
00:02:36,370 --> 00:02:42,900
te va a pedir cambios incluso ya una vez realizado el proyecto Herramientas para prototípica en sketches

24
00:02:42,900 --> 00:02:44,230
por mucho mejor también.

25
00:02:44,250 --> 00:02:49,430
Adobe excedí es excelente puedes utilizar otras herramientas como Photoshop e Ilustrador.

26
00:02:49,440 --> 00:02:56,490
Yo siempre he utilizado Photoshop proto puntualizó este también sirve para Warframe y también para prototipos

27
00:02:57,210 --> 00:03:05,010
e invitación a AVV tiene algo que te va a permitir realizar tus prototipos de ser básicos es decir estáticos

28
00:03:05,380 --> 00:03:10,720
le va a añadir interacción es una herramienta muy avanzada muy agradable.

29
00:03:11,890 --> 00:03:17,990
De Warframe in a Prototype notarás diferencias en el primero lo podemos hacer en papel mostramos un

30
00:03:17,990 --> 00:03:24,020
diseño estructural mientras que en el segundo describimos un poco mejor cómo va a funcionar cada elemento.

31
00:03:24,110 --> 00:03:29,720
Agregamos colores lo que vienen siendo los cuadros por ejemplo los de abajo que dicen otros servicios

32
00:03:30,080 --> 00:03:37,070
pasan de ser del Warframe de meras sugerencias a describir cómo funcionarían toda esa parte se ve en

33
00:03:37,070 --> 00:03:41,290
el proto Taiping que se hace antes de escribir código.

34
00:03:41,480 --> 00:03:49,910
Ahora yo hago mis prototipos en un programa de diseño como Photoshop pero existe un grupo de desarrolladores

35
00:03:49,920 --> 00:03:56,810
existe gente que sugiere que no se deben de realizar herramientas de este estilo sino realizar todo

36
00:03:57,140 --> 00:04:03,410
en HTML CSS y JavaScript para mostrar de mejor forma su interacción.

37
00:04:03,410 --> 00:04:05,750
Esto para mí es un poco más tardado.

38
00:04:05,750 --> 00:04:09,550
Sin embargo el enfoque que decidas utilizar será correcto.

39
00:04:09,590 --> 00:04:16,550
Yo prefiero crear todo en un programa y después comenzar a escribir el código una vez que el cliente

40
00:04:16,640 --> 00:04:17,870
aprueba el diseño.