Mockups

7
DESARROLLO DE MOCKUPS Janet Chumpitaz Miranda [email protected] m.pe

description

BUEN Archivo

Transcript of Mockups

Page 1: Mockups

DESARROLLO DE MOCKUPS

Janet Chumpitaz [email protected]

Page 2: Mockups

MOCKUPS

Mockups parte esencial de la metodología ágil.

• Un mockup es un soporte

gráfico a los requisitos.

• Un mockup es un boceto de las

pantallas de la futura

aplicación.

ES UNA HERRAMIENTA QUE

COMPLEMENTA A LAS HISTORIAS

DE USUARIO

Page 3: Mockups

MOCKUPS

Este diseño define la tamaños de los elementos, posiciones concretas, interacciones de las pantallas, etc.

Suele incluir la dirección de arte y el diseño gráfico de las piezas (look and feel, color, tipografías, etc).

Es la versión previa al desarrollo.

Page 4: Mockups

MOCKUPS

Junto con las historias de usuario y el Product Backlog, se están convirtiendo en una

herramienta complementaria para el Product Owner.

Complementar las historias de usuario y el Product Backlog con los Mockups

suele dar buenos resultados, con dos consideraciones:

1. El mockup no debe de hacer perder el enfoque funcional. La gráfica es

el complemento no al revés.

2. Que lo que vaya a graficarse aporte valor. Documentación sí, pero

documentación útil.

Page 5: Mockups

MOCKUPS

1. El objetivo es poder enseñar el producto final lo antes posible.

2. Es necesario que TODO el equipo esté alineado, hablar el mismo idioma

y visualizar aquello de lo que se está hablando.

Es útil porque:

Podemos pasar al desarrollo básico,

pasamos a codificar.

Al producto final de resultante se le llama

prototipo.

¿Qué sigue luego de un mockup?

Page 6: Mockups

MOCKUPS

Papel y lápiz las básicas. Existen en el mercado multitud de herramientas que permiten desarrollar mockups. Entre las más conocidas tenemos: Axure, Balsamiq ,Gomockingbird, Gliffy, Lumzy, Mockflow y uxpin.

¿Qué herramientas utilizar?

Page 7: Mockups

MOCKUPS