1. Prototipado con Axure
Jon Parro

2. Prototipado
Jon Parro

Representación web

Definición y ubicación de los elemento
Características

Construcción  rápida y ágil.

Evolución  proceso iterativo.

Unión  sugiere, propone, cuestiona.

Reducción distancia  objetivo del negocio y necesidad del usuario.
¿Qué es?

3. Prototipado
Jon Parro
¿Por qué prototipar?

Reducción de incertidumbre

Generación de ideas

Abstracción del diseño

Comunicación más fluida equipo-cliente

Validación de requerimientos

Reducción de tiempo y costes

4. Prototipado
Jon Parro

Fases iniciales  Detección problemas  Mayor facilidad y menor coste

Proceso evolutivo  Feedback  Aumento de fidelidad
1. Papel
2. Wireframe de baja y alta fidelidad
3. Diseño gráfico
4. Maqueta navegable, enfocada a desarrollo
Ciclo de vida en un proyecto

5. Prototipado
Jon Parro

Definición estructura espacial

Poco parecido al resultado final

Validación conceptos generales
Apariencia
Información
Estructura espacial
Interacción
Wireframe de baja fidelidad

6. Prototipado
Jon Parro
Wireframe de alta fidelidad

Estructura espacial totalmente definida

Aumenta la fidelidad

Aumenta la interacción
Apariencia
Información
Estructura espacial
Interacción

7. Prototipado
Jon Parro
Diseño gráfico

Foco en el diseño gráfico

Fidelidad visual máxima

Carece de interacción
Apariencia
Información
Estructura espacial
Interacción

8. Prototipado
Jon Parro
Maqueta

Maqueta navegable enfocada a desarrollo

Incorpora el xhtml + css + accesibilidad

Maqueta y el producto final  idénticos
Apariencia
Información
Estructura espacial
Interacción

9. Prototipado
Jon Parro
Herramientas

10. Prototipado
Jon Parro
y ahora… Axure

11. Prototipado
Jon Parro
Muchas gracias ;-)
jonparro@gmail.com