Introducci贸n

1

Qu茅 aprender谩s sobre Design Sprint

2

Design Sprint en pocas palabras

3

驴Qu茅 es un Design Sprint (DS)?

4

驴Qui茅nes usan el Design Sprint?

Preparaci贸n

5

Consideraciones y preparaci贸n del entorno de trabajo para el Design Sprint

6

Herramientas para el Design Sprint y proyecto del curso: Food Market

Entender

7

D铆a 1: entrevistas a expertos

8

RETO: Entrevistas a expertos

9

Entrevistas a expertos: din谩mica

10

Categorizaci贸n de las notas: 驴C贸mo podr铆amos?

11

RETO: Categorizaci贸n de las notas

12

Priorizaci贸n de las notas: 驴C贸mo podr铆amos?

13

RETO: Priorizaci贸n de las notas

14

Meta a largo plazo y preguntas del Design Sprint

15

RETO: Definir meta a largo plazo y preguntas del DS

16

Mapa de la Experiencia del Usuario

17

RETO: Mapa de la Experiencia del Usuario

Idear

18

D铆a 2: Demos r谩pidas

19

RETO: Demos R谩pidas

20

Ideaci贸n en 4 pasos

21

RETO: Ideaci贸n en 4 Pasos

Decidir

22

D铆a 3: Exhibici贸n

23

Decisi贸n

24

RETO: Exhibici贸n y Decisi贸n

25

Storyboard

26

RETO: Storyboard

Prototipar

27

D铆a 4: C贸mo prototipar en un d铆a

28

Proceso de prototipado: Estructura del prototipo

29

Proceso de prototipado: Estilo Visual

30

RETO: crear un prototipo

31

隆Ahora dale feedback a los proyectos de tus compa帽eros!

Testear

32

D铆a 5: 驴C贸mo reclutar testers?

33

Configuraci贸n para el user testing con Zoom y Google Sheets

34

RETO: testing

35

Ejemplo de sesi贸n de testing y Resumen del testing

36

Evaluar los aprendizajes

Reporte

37

Reporte final

38

RETO: reporte final

39

Repaso y cierre del curso

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Proceso de prototipado: Estructura del prototipo

28/39
Recursos

Aportes 16

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

Aplicaciones que podr铆an ayudarte con el dibujo:
https://quickdraw.withgoogle.com/
https://www.autodraw.com/

Prototipo: Estructura
Se debe de realizar de manera est谩ndar la ideas planteadas de las pantallas a modo que al mostr谩rsela al usuario no distinga entre el prototipo y lo real.

Se puede tener una persona encargada para cada cosa ya sea para los colores, dise帽os y tipograf铆as de las cuales se recomienda usar un solo tipo de tipograf铆a o por mucho dos

Ejemplo realizado en clase.

Si est谩n dise帽ando en Figma, la aplicaci贸n cuenta con varios plugins que facilitan esta parte del dise帽o, entre ellos est谩 鈥淚conify鈥 que te muestra los iconos de varias librer铆as que pueden usar los desarrolladores, facilitando todo el proceso sin necesidad de la aplicaci贸n aparte que nombr贸 el profesor.

creaci贸n del prototipo:
Tester: no tiene que distinguir entre usar un prototipo y una aplicaci贸n real.

  • Otra p谩gina que recomiendo mucho para iconos es Font Awesome te permite descargar los iconos como SVG o el link si ya est谩n trabajando con el HTML.

  • Si est谩n trabajando con Figma pueden instalar plugins de iconos, as铆 no tiene que estar saliendo del programa: Dentro de Figma van a Community y buscan Icons. Hay muchos para que usen libremente.

Les recomiendo tomar el curso de Figma de platzi https://platzi.com/clases/figma/

Para los 铆conos recomiendo usar Iconify, plugin de Figma. O hacer los vectores en Illustrator, guardarlos como .SVG e importarlos en Figma, con lo cual se importar谩n como trazos que podr谩n ser editados en su color y en su forma.

Para insertar 铆conos pueden utilizar un plugin de Figma: **Iconify. **

Otro pagina para encontrar imagenes gratis: https://www.freepik.com/vectors/graphics

Para prototipar siempre se comienza por lo m谩s simple, es decir, pantallas peque帽as como celulares. Luego se pasa a las m谩s complejas y con m谩s detalles, como las de computador.

Muye buenas aplicaciones para hacer prototipos , muy buen aporte para las personas que no las conocemos

Mobile first, siempre.

La intenci贸n es que el prototipo se vea lo m谩s realista posible, que el tester no pueda diferenciar si est谩 usando una aplicaci贸n real o un prototipo.

Se comienza pasando cada pantalla del storyboard a Figma. Se pueden obviar algunos detalles ya que es un prototipo, pero si alguien puede encargarse de que se vea lo m谩s prolijo posible es lo mejor.

El contenido se debe aproximar a lo que estar谩 realmente en la aplicaci贸n.

Gracias

Este curso es muy 煤til. Gracias