NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Post on 06-Jul-2015

639 views 7 download

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 of NINJUTSU PARA AXURE RP (TIPS & TRICKS)

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

GRACIAS

Por Felipe Torres