Prototipado y Axure

3,806 views

Published on

Published in: Technology, Travel
1 Comment
9 Likes
Statistics
Notes
  • Hola Jon, que bueno que hayamos tenido la misma idea para las barritas azules de apariencia/información/estructura/interacción, cuando quieras nos reunimos a tomar una cerveza!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,806
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
40
Comments
1
Likes
9
Embeds 0
No embeds

No notes for slide
  • ¿Qué es?Consiste en crear prototipos realizando bocetos donde se representa cómo se verá una web o de cualquier producto interactivo (dispositivo móvil, cajero automático, aplicación).
    En estos bocetos se muestra de forma clara y sencilla donde estarán ubicados los elementos que componen una determinada página. Por ejemplo: cabecera, menú, imágenes, textos o formato de formularios.
  • Reducción de incertidumbre.
    Generación de ideas.
    Abstracción del diseño para centrarnos en el contenido.
    Comunicación más fluida entre equipo y cliente.
    Validación de requerimientos.
    Reducción de tiempo y costes.
  • En fases iniciales del proyecto. Cuanto antes mejor, más fácil y menos coste tendrá solucionar los problemas.
    Proceso evolutivo en el que se va recibiendo feedback y aumentando progresivamente la fidelidad:
    En papel.
    Wireframe de baja y alta fidelidad.
    Diseño gráfico/visual.
    Maqueta navegable y enfocada a desarrollo (xhtml + css + accesibilidad).
  • Se define la estructura espacial.
    La fidelidad está muy lejos del producto final.
    Permite validar conceptos muy generales.
  • La estructura espacial ya está totalmente definida.
    La fidelidad va en aumento.
    Aumenta la interacción. Pudiendo generar wireframes navegables no enfocados a desarrollo.
  • El foco se sitúa en el diseño gráfico.
    La fidelidad visual es máxima.
    Carece de interacción.
  • Se crea una maqueta navegable enfocada a desarrollo.
    Incorpora el xhtml + css + accesibilidad, válido según estándares.
    El aspecto de la maqueta y el producto final tiene que ser exactamente el mismo.
  • Axure
    Justinmind
    Omnigraffle (Mac OS)
    Visio
  • Prototipado y Axure

    1. 1. Prototipado con Axure Jon Parro
    2. 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. 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. 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. 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. 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. 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. 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. 9. Prototipado Jon Parro Herramientas
    10. 10. Prototipado Jon Parro y ahora… Axure
    11. 11. Prototipado Jon Parro Muchas gracias ;-) jonparro@gmail.com

    ×