Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
PARA PADAWANS
Axure
#axurepadawans
Axure PARA PADAWANS
XAVI CARDET
UX Designer & Researcher
@uxavic
PARA PADAWANS
¿QUÉ
HAREMOS?
Axure
El proceso del diseño y la toma
de decisiones
Luchando con Axure
1
2
PARA PADAWANS
El proceso del diseño y
la toma de decisiones
Axure
PARA PADAWANSAxure
“oh… no… otro UX
explicando como debe
ser el proceso de diseño”
| El proceso del diseño y la toma de de...
PARA PADAWANSAxure
Antes de hacer pinturitas y jugar con ellas…
| El proceso del diseño y la toma de decisiones
usuarios c...
PARA PADAWANSAxure
Ahora si, saca ese artista que llevas dentro
| El proceso del diseño y la toma de decisiones
SKETCH TES...
PARA PADAWANSAxure
¿Dónde se encuentra AXURE?
| El proceso del diseño y la toma de decisiones
Fidelidad de tu diseño
Tiemp...
Nunca empieces usar AXURE sin antes
tener plasmada tu idea con un papel y
un lápiz
Grandma's UX advice
| El proceso del di...
PARA PADAWANSAxure
“¡Pero no puedo hacer user testing!”
| El proceso del diseño y la toma de decisiones
https://popapp.in/...
Grandma's UX advice
Sketching = Drawing
Wireframing = Designing
Axure PARA PADAWANS | El proceso del diseño y la toma de d...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Una aplicación de diseño
sirve para diseñar y una
aplic...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Hay muchas aplicaciones…
http://www.cooper.com/prototyp...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
No todas sirven para lo mismo
SOLO WIREFRAME PROTOTIPAD...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
¿Cuál es la combinación perfecta?
“Adobelievers”
UX
“so...
PARA PADAWANSAxure
AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK
DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAME...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Venga… muy interesante…
¿Qué tiene de bueno
AXURE?
PARA PADAWANSAxure
¿Qué tiene AXURE?
| El proceso del diseño y la toma de decisiones
Cosas buenas
Popularidad de la app en...
PARA PADAWANSAxure
¿Qué tiene AXURE?
| El proceso del diseño y la toma de decisiones
Control de los gestos
PARA PADAWANSAxure
¿Qué tiene AXURE?
| El proceso del diseño y la toma de decisiones
Control de las acciones
PARA PADAWANS
Luchando con AXURE
Axure
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
TOOLBAR
PÁGINAS
WIDGETS
MA...
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Páginas vs Paneles Dinámic...
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Usa Axure solo si es neces...
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
No utilices imágenes, util...
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Pon un nombre a casi todo
PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Los “masters” pueden ser t...
PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
PARA PADAWANSAxure
Recomendaciones
| El proceso del diseño y la toma de decisiones
Visitar su FORUM
http://www.axure.com/c...
PARA PADAWANSAxure
May axure be
with you
Próxima SlideShare
Cargando en…5
×

Axure para padawans - Curso introductorio Axure

472 visualizaciones

Publicado el

¿Qué hay que tener en cuenta antes de prototipar?

• Para que sirve Axure y para que no

• Presentación y alcance de la herramienta

• Estructura de la herramienta



Navegando a través de wireframes intentaremos crear un registro de usuario, así como un onboarding sencillo. Veremos un breve repertorio de interacciones sencillas y útiles, tales como:

• Uso de los widgets y componentes de Axure

• Formularios

• Navegación y interacción entre pantallas

• Paneles dinámicos

Publicado en: Diseño
  • The final result was amazing, and I highly recommend ⇒ www.HelpWriting.net ⇐ to anyone in the same mindset as me.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Hello! I do no use writing service very often, only when I really have problems. But this one, I like best of all. The team of writers operates very quickly. It's called ⇒ www.WritePaper.info ⇐ Hope this helps!
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Axure para padawans - Curso introductorio Axure

  1. 1. PARA PADAWANS Axure #axurepadawans
  2. 2. Axure PARA PADAWANS XAVI CARDET UX Designer & Researcher @uxavic
  3. 3. PARA PADAWANS ¿QUÉ HAREMOS? Axure El proceso del diseño y la toma de decisiones Luchando con Axure 1 2
  4. 4. PARA PADAWANS El proceso del diseño y la toma de decisiones Axure
  5. 5. PARA PADAWANSAxure “oh… no… otro UX explicando como debe ser el proceso de diseño” | El proceso del diseño y la toma de decisiones El amigo consultor
  6. 6. PARA PADAWANSAxure Antes de hacer pinturitas y jugar con ellas… | El proceso del diseño y la toma de decisiones usuarios contexto goals necesidades AI …define tu producto
  7. 7. PARA PADAWANSAxure Ahora si, saca ese artista que llevas dentro | El proceso del diseño y la toma de decisiones SKETCH TEST ITERA sketch WIREFRAME PROTOTYPETEST TEST DESIGN DEVELOP COPY ITERA wireframe ITERA prototipo
  8. 8. PARA PADAWANSAxure ¿Dónde se encuentra AXURE? | El proceso del diseño y la toma de decisiones Fidelidad de tu diseño Tiempo Sketches Wireframes Prototype Mockup
  9. 9. Nunca empieces usar AXURE sin antes tener plasmada tu idea con un papel y un lápiz Grandma's UX advice | El proceso del diseño y la toma de decisiones Grandma's UX advice Axure PARA PADAWANS Encarna
  10. 10. PARA PADAWANSAxure “¡Pero no puedo hacer user testing!” | El proceso del diseño y la toma de decisiones https://popapp.in/ Haz paperprototype y testéalo
  11. 11. Grandma's UX advice Sketching = Drawing Wireframing = Designing Axure PARA PADAWANS | El proceso del diseño y la toma de decisiones Prototyping = The Product
  12. 12. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones Una aplicación de diseño sirve para diseñar y una aplicación de prototipado sirve para prototipar
  13. 13. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones Hay muchas aplicaciones… http://www.cooper.com/prototyping-tools Prototyping Tool Selector
  14. 14. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones No todas sirven para lo mismo SOLO WIREFRAME PROTOTIPADO TESTING / SIMULAR Low Fidelity Hight Fidelity HTML Prototype Only Wireframe
  15. 15. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones ¿Cuál es la combinación perfecta? “Adobelievers” UX “solo” diseñadores WIREFRAME PROTOTYPE SIMULATE OR USER TESTING
  16. 16. PARA PADAWANSAxure AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC
  17. 17. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones Venga… muy interesante… ¿Qué tiene de bueno AXURE?
  18. 18. PARA PADAWANSAxure ¿Qué tiene AXURE? | El proceso del diseño y la toma de decisiones Cosas buenas Popularidad de la app en las empresas Comunidad muy activa Curva de aprendizaje baja *No necesitas saber nada de programación Prototipos en HTML Publicación gratuita en la red Gestión de librerías y infinidad de repositorio Posibilidad de trabajar en equipo Creación de User Flow Linea fina entre prototipo y realidad
  19. 19. PARA PADAWANSAxure ¿Qué tiene AXURE? | El proceso del diseño y la toma de decisiones Control de los gestos
  20. 20. PARA PADAWANSAxure ¿Qué tiene AXURE? | El proceso del diseño y la toma de decisiones Control de las acciones
  21. 21. PARA PADAWANS Luchando con AXURE Axure
  22. 22. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones TOOLBAR PÁGINAS WIDGETS MASTERS - ACCIONES - NOTAS - ESTILOS ELEMENTOS DE LA PÁGINA ÁREA PRINCIPAL
  23. 23. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones Páginas vs Paneles Dinámicos PÁGINAS PANELES DINÁMICOS No hay curva de aprendizaje Funciona el botón volver atrás Control de los gestos Animaciones y transiciones PARA APPS O ESTADOSPÁGINAS WEB
  24. 24. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones Usa Axure solo si es necesario
  25. 25. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones No utilices imágenes, utiliza widgets y pon estilos
  26. 26. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones Pon un nombre a casi todo
  27. 27. PARA PADAWANSAxure Cosas que debes saber antes… | El proceso del diseño y la toma de decisiones Los “masters” pueden ser tus grandes aliados
  28. 28. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
  29. 29. PARA PADAWANSAxure Recomendaciones | El proceso del diseño y la toma de decisiones Visitar su FORUM http://www.axure.com/c/forum.php Webs de librerías de elementos y widgets http://www.axure.com/support/download-widget-libraries http://www.humbleux.com/ http://axureland.com/ http://axutopia.com/
  30. 30. PARA PADAWANSAxure May axure be with you

×