Axure para padawans - Curso introductorio Axure

PARA PADAWANSAxure

#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 decisiones

El amigo consultor

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

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 TESTDESIGN

DEVELOP

COPY

ITERA wireframe

ITERA prototipo

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

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

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

Grandma's UX advice

Sketching = DrawingWireframing = Designing

Axure PARA PADAWANS | El proceso del diseño y la toma de decisiones

Prototyping = The Product

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

PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones

Hay muchas aplicaciones…

http://www.cooper.com/prototyping-toolsPrototyping Tool Selector

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

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 PROTOTYPESIMULATE OR

USER TESTING

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

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 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

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

MASTERS

- ACCIONES - NOTAS - ESTILOS

ELEMENTOS DE LA PÁGINA

ÁREA PRINCIPAL

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 aprendizajeFunciona el botón volver atrás Control de los gestos

Animaciones y transiciones

PARA APPS O ESTADOSPÁGINAS WEB

PARA PADAWANSAxure

Cosas que debes saber antes…

| El proceso del diseño y la toma de decisiones

Usa Axure solo si es necesario

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

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 tus grandes aliados

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 FORUMhttp://www.axure.com/c/forum.php

Webs de librerías de elementos y widgetshttp://www.axure.com/support/download-widget-librarieshttp://www.humbleux.com/http://axureland.com/http://axutopia.com/

PARA PADAWANSAxure

May axure be with you