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