YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Por Felipe Torres

Page 2: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

¿Qué es Axure RP?

Introducción

Herramienta

Wireframes Taxonomía Flujos • Estáticos (Word Template) • Interactivos

Page 3: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

¿Qué NO es Axure RP?

Introducción

Page 4: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Introducción

Page 5: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Interface

Page 6: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Interface

Sitemap

Widgets

Añadir, remover y organizar páginas

Librerías de componentes. • Básicos • Complejos

Page 7: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Interface

Masters Añadir, remover, renombrar y organizar componentes para reutilizarlos.

Propiedades de Widgets Editar Anotaciones, interacciones y formato de los widgets.

Page 8: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Interface

Propiedades de página

Editar Anotaciones, interacciones y formato de la página.

Page 9: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Componentes (Widgets)

Page 10: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Componentes (Widgets)

Panel dinámico Herramienta con múltiples estados que permite: - Drag & Drop - Mover - Esconder/Mostrar.

Page 11: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Prototipos

Page 12: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Prototipos

Page 13: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Prototipos

Variables Las variables se usan para pasar información de una página a otra.

Page 14: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Prototipos

Prototipo Wireframes y notas Generadores Axshare

Page 15: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Compartir

http://share.axure.com

La versión gratis: • 10 archivos .rp de menos de 10MB c/u La versión paga ($10/mes o $100/Año): • 50 archivos .rp de menos de 20 Mb c/u • Dominios custom

AXSHARE es la manera fácil de compartir los prototipos.

Page 16: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

TIPS

•Primero definir (sketches, sitemap) •Identificar páginas tipo •Uso de Variables para minimizar numero de páginas •Uso de Masters en objetos comunes •Librerías custom

Proyectos Extensos

Page 17: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Prototipo para dispositivos móviles

Ancho del dispositivo

Icono de la App

Splash (iPhone/iPad)

Barra de estado de iOS

Ocultar modulo de dirección Bloquear el scroll elástico vertical

Page 18: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Insertar icono del prototipo en iOS

Page 19: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Loop de validacion

Page 20: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Scroll Infinito con interacción

Ver

Localizador • Pin to browser (top/left)

Loop

Control de imágenes • Cada cuadro llama una

imagen

Ancla Back to top • Regresa al tope del

navegador y a la primera imagen, completando el loop.

1

2

3

4

5

6

7

8

9

10

Page 21: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Zoom by dragging

Ver

Page 22: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Portrait / Landscape (Responsive Design)

Loop

Localizador • Pin to browser

(top/right) Portrait

Landscape

Page 23: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Tips & Tricks

Flip book ajustable (dispositivos móviles)

Ver

Widget para la librería que permite hacer en muy corto tiempo un flip book

Page 24: NINJUTSU PARA AXURE RP (TIPS & TRICKS)

GRACIAS

Por Felipe Torres