ninjutsu para axure rp (tips & tricks)
DESCRIPTION
Un recorrido por la experiencia de prototipar para grandes y pequeños proyectos de diferentes tipos de clientes. Cómo comenzar, hasta dónde se puede llegar prototipando en Axure RP, problemas comunes y cómo enfrentarlos, prototipar para dispositivos móviles, cómo compartir los prototipos, entre otros temas. No importa qué nivel poseas en Axure RP, de esta charla saldrás con al menos un dato que no conocías y que te llevará a convertirte en un sensei de Axure RP.TRANSCRIPT
Por Felipe Torres
¿Qué es Axure RP?
Introducción
Herramienta
Wireframes Taxonomía Flujos • Estáticos (Word Template) • Interactivos
¿Qué NO es Axure RP?
Introducción
Introducción
Interface
Interface
Sitemap
Widgets
Añadir, remover y organizar páginas
Librerías de componentes. • Básicos • Complejos
Interface
Masters Añadir, remover, renombrar y organizar componentes para reutilizarlos.
Propiedades de Widgets Editar Anotaciones, interacciones y formato de los widgets.
Interface
Propiedades de página
Editar Anotaciones, interacciones y formato de la página.
Componentes (Widgets)
Componentes (Widgets)
Panel dinámico Herramienta con múltiples estados que permite: - Drag & Drop - Mover - Esconder/Mostrar.
Prototipos
Prototipos
Prototipos
Variables Las variables se usan para pasar información de una página a otra.
Prototipos
Prototipo Wireframes y notas Generadores Axshare
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.
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
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
Tips & Tricks
Insertar icono del prototipo en iOS
Tips & Tricks
Loop de validacion
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
Tips & Tricks
Zoom by dragging
Ver
Tips & Tricks
Portrait / Landscape (Responsive Design)
Loop
Localizador • Pin to browser
(top/right) Portrait
Landscape
Tips & Tricks
Flip book ajustable (dispositivos móviles)
Ver
Widget para la librería que permite hacer en muy corto tiempo un flip book