SlideShare a Scribd company logo
1 of 24
Download to read offline
Por Felipe Torres
Introducción


           ¿Qué es Axure RP?
                                Herramienta




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


¿Qué NO es Axure RP?
Introducción
Interface
Interface

Sitemap
Añadir, remover y organizar páginas




Widgets
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

AXSHARE es la manera fácil de
compartir los prototipos.
  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




                 http://share.axure.com
TIPS


Proyectos Extensos
•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
Tips & Tricks

Prototipo para dispositivos móviles

                       Ancho del dispositivo



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


                       Splash (iPhone/iPad)

                        Barra de estado de iOS
Tips & Tricks

Insertar icono del prototipo en iOS
Tips & Tricks

Loop de validacion
Tips & Tricks

Scroll Infinito con interacción
1
                                  Loop
2
3                                 Localizador
                                  •   Pin to browser (top/left)
4
5                                 Control de imágenes
                                  •   Cada cuadro llama una
6                                     imagen
7
                                  Ancla Back to top
8                                 •   Regresa al tope del
                                      navegador y a la primera
9                                     imagen, completando el
10                                    loop.



                                                   Ver
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)
Widget para la librería que permite hacer en muy corto tiempo un flip book




                                                                             Ver
Por Felipe Torres



GRACIAS

More Related Content

Viewers also liked

Sellos manuales ninjas
Sellos manuales ninjasSellos manuales ninjas
Sellos manuales ninjas
Macarena
 
Manual del-equipo-para-kendo
Manual del-equipo-para-kendoManual del-equipo-para-kendo
Manual del-equipo-para-kendo
clubkendovigo
 
La informatica
La informaticaLa informatica
La informatica
giohannie
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
Belu Pardo
 
36 edu inclusiva_cohesion_social
36 edu inclusiva_cohesion_social36 edu inclusiva_cohesion_social
36 edu inclusiva_cohesion_social
Atenas Quintal
 
Diseñando apps para niños wu dco2013
Diseñando apps para niños   wu dco2013Diseñando apps para niños   wu dco2013
Diseñando apps para niños wu dco2013
www.usarte.co
 

Viewers also liked (17)

Sellos manuales ninjas
Sellos manuales ninjasSellos manuales ninjas
Sellos manuales ninjas
 
1 el kendo
1 el kendo1 el kendo
1 el kendo
 
Ninjutsu
NinjutsuNinjutsu
Ninjutsu
 
Shinobijutsu Técnicas Superiores
Shinobijutsu Técnicas SuperioresShinobijutsu Técnicas Superiores
Shinobijutsu Técnicas Superiores
 
Aguas grises y negras
Aguas grises y negrasAguas grises y negras
Aguas grises y negras
 
Manual del-equipo-para-kendo
Manual del-equipo-para-kendoManual del-equipo-para-kendo
Manual del-equipo-para-kendo
 
La informatica
La informaticaLa informatica
La informatica
 
Presentacion laura2
Presentacion laura2Presentacion laura2
Presentacion laura2
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
servicios de internet
servicios de internetservicios de internet
servicios de internet
 
USABILIDAD: ¡MOMENTO EUREKA!
USABILIDAD: ¡MOMENTO EUREKA!USABILIDAD: ¡MOMENTO EUREKA!
USABILIDAD: ¡MOMENTO EUREKA!
 
CHICHEN-ITZA
CHICHEN-ITZACHICHEN-ITZA
CHICHEN-ITZA
 
36 edu inclusiva_cohesion_social
36 edu inclusiva_cohesion_social36 edu inclusiva_cohesion_social
36 edu inclusiva_cohesion_social
 
Ingeniería civil
Ingeniería civilIngeniería civil
Ingeniería civil
 
Navidad
NavidadNavidad
Navidad
 
Diseñando apps para niños wu dco2013
Diseñando apps para niños   wu dco2013Diseñando apps para niños   wu dco2013
Diseñando apps para niños wu dco2013
 
8procedu 2007 2012
8procedu 2007 20128procedu 2007 2012
8procedu 2007 2012
 

Similar to NINJUTSU PARA AXURE RP (TIPS & TRICKS)

Inducción Promethean
Inducción PrometheanInducción Promethean
Inducción Promethean
remyor09
 
Pizarra digital interactiva sv
Pizarra digital interactiva  svPizarra digital interactiva  sv
Pizarra digital interactiva sv
Sonia Lorenzo
 

Similar to NINJUTSU PARA AXURE RP (TIPS & TRICKS) (20)

¡¡Android es cool!!
¡¡Android es cool!!¡¡Android es cool!!
¡¡Android es cool!!
 
Escuela TIC 2.0 - Sesión 6
Escuela TIC 2.0 - Sesión 6Escuela TIC 2.0 - Sesión 6
Escuela TIC 2.0 - Sesión 6
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
 
Inducción Promethean
Inducción PrometheanInducción Promethean
Inducción Promethean
 
Programación multidispositivo en android paradigma juan miguel muñoz rondán
Programación multidispositivo en android   paradigma juan miguel muñoz rondánProgramación multidispositivo en android   paradigma juan miguel muñoz rondán
Programación multidispositivo en android paradigma juan miguel muñoz rondán
 
Prometh presentacion
Prometh presentacionPrometh presentacion
Prometh presentacion
 
Pizarra digital interactiva sv
Pizarra digital interactiva  svPizarra digital interactiva  sv
Pizarra digital interactiva sv
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
 
Introduccion MS PowerPoint 2007
Introduccion MS PowerPoint 2007Introduccion MS PowerPoint 2007
Introduccion MS PowerPoint 2007
 
Windows phone 7.5 expression blend
Windows phone 7.5 expression blendWindows phone 7.5 expression blend
Windows phone 7.5 expression blend
 
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesMobile design 02 Recomendaciones para el diseño de aplicaciones móviles
Mobile design 02 Recomendaciones para el diseño de aplicaciones móviles
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Intro jQuery Mobile
Intro jQuery MobileIntro jQuery Mobile
Intro jQuery Mobile
 
Introducción a presentaciones audiovisuales434
Introducción a presentaciones audiovisuales434Introducción a presentaciones audiovisuales434
Introducción a presentaciones audiovisuales434
 
Activinspire
ActivinspireActivinspire
Activinspire
 
User Experience UX
User Experience UXUser Experience UX
User Experience UX
 
Clase Práctica Wireframes
Clase Práctica WireframesClase Práctica Wireframes
Clase Práctica Wireframes
 
Ingenieria
IngenieriaIngenieria
Ingenieria
 
Google analytics y aplicaciones móviles
Google analytics y aplicaciones móvilesGoogle analytics y aplicaciones móviles
Google analytics y aplicaciones móviles
 
Jgso (1)
Jgso (1)Jgso (1)
Jgso (1)
 

More from www.usarte.co

Diseño de apps para negocios: más allá de Google Play y iTunes
Diseño de apps para negocios: más allá de Google Play y iTunesDiseño de apps para negocios: más allá de Google Play y iTunes
Diseño de apps para negocios: más allá de Google Play y iTunes
www.usarte.co
 

More from www.usarte.co (20)

Diseño de apps para negocios: más allá de Google Play y iTunes
Diseño de apps para negocios: más allá de Google Play y iTunesDiseño de apps para negocios: más allá de Google Play y iTunes
Diseño de apps para negocios: más allá de Google Play y iTunes
 
Errores y aciertos en UX: La experiencia Clerk Hotel
Errores y aciertos en UX: La experiencia Clerk HotelErrores y aciertos en UX: La experiencia Clerk Hotel
Errores y aciertos en UX: La experiencia Clerk Hotel
 
TÉCNICAS DE EVALUACIÓN DE USABILIDAD
TÉCNICAS DE EVALUACIÓN DE USABILIDADTÉCNICAS DE EVALUACIÓN DE USABILIDAD
TÉCNICAS DE EVALUACIÓN DE USABILIDAD
 
¿CUÁL DEBERÍA SER LA RECETA PARA EL DESAROLLO DE UNA ARQUITECTURA INFORMATIVA...
¿CUÁL DEBERÍA SER LA RECETA PARA EL DESAROLLO DE UNA ARQUITECTURA INFORMATIVA...¿CUÁL DEBERÍA SER LA RECETA PARA EL DESAROLLO DE UNA ARQUITECTURA INFORMATIVA...
¿CUÁL DEBERÍA SER LA RECETA PARA EL DESAROLLO DE UNA ARQUITECTURA INFORMATIVA...
 
DEJA PARA MAÑANA LO QUE PUEDES DISEÑAR HOY
DEJA PARA MAÑANA LO QUE PUEDES DISEÑAR HOYDEJA PARA MAÑANA LO QUE PUEDES DISEÑAR HOY
DEJA PARA MAÑANA LO QUE PUEDES DISEÑAR HOY
 
LA FUNCION DE LAS PRUEBAS DE USABILIDAD EN EL CICLO DE DESARROLLO E ITERACIÓN...
LA FUNCION DE LAS PRUEBAS DE USABILIDAD EN EL CICLO DE DESARROLLO E ITERACIÓN...LA FUNCION DE LAS PRUEBAS DE USABILIDAD EN EL CICLO DE DESARROLLO E ITERACIÓN...
LA FUNCION DE LAS PRUEBAS DE USABILIDAD EN EL CICLO DE DESARROLLO E ITERACIÓN...
 
UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQU...
UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQU...UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQU...
UN CHICHARRÓN: USABILIDAD Y ARQUITECTURA DE INFORMACIÓN CON LA OPINIÓN Y REQU...
 
¿CÓMO LA USABILIDAD SIRVE PARA MEDIR EL VALOR DE MI SOFTWARE?
¿CÓMO LA USABILIDAD SIRVE PARA MEDIR EL VALOR DE MI SOFTWARE?¿CÓMO LA USABILIDAD SIRVE PARA MEDIR EL VALOR DE MI SOFTWARE?
¿CÓMO LA USABILIDAD SIRVE PARA MEDIR EL VALOR DE MI SOFTWARE?
 
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANAEL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
EL NUEVO ROL DE LOS UX EN LA INDUSTRIA PUBLICITARIA COLOMBIANA
 
CÓMO ME VOLVÍ UN DISEÑADOR DE INTERACCIÓN
CÓMO ME VOLVÍ UN DISEÑADOR DE INTERACCIÓNCÓMO ME VOLVÍ UN DISEÑADOR DE INTERACCIÓN
CÓMO ME VOLVÍ UN DISEÑADOR DE INTERACCIÓN
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hess
 
Introducción a la Arquitectura de Información
Introducción a la Arquitectura de InformaciónIntroducción a la Arquitectura de Información
Introducción a la Arquitectura de Información
 
Usabilidad para Móviles
Usabilidad para MóvilesUsabilidad para Móviles
Usabilidad para Móviles
 
Diseño de Interacción: Usabilidad Aplicada
Diseño de Interacción: Usabilidad AplicadaDiseño de Interacción: Usabilidad Aplicada
Diseño de Interacción: Usabilidad Aplicada
 
Presentacion metodologia usabilidad en puestos de oficina
Presentacion metodologia usabilidad en puestos de oficinaPresentacion metodologia usabilidad en puestos de oficina
Presentacion metodologia usabilidad en puestos de oficina
 
Presentación Norma técnica de accesibilidad ICONTEC
Presentación Norma técnica de accesibilidad ICONTECPresentación Norma técnica de accesibilidad ICONTEC
Presentación Norma técnica de accesibilidad ICONTEC
 
Usabilidad en práctica caso ISAGEN - Ana María Echeverri
Usabilidad en práctica caso ISAGEN - Ana María EcheverriUsabilidad en práctica caso ISAGEN - Ana María Echeverri
Usabilidad en práctica caso ISAGEN - Ana María Echeverri
 
Laboratorio de Usabilidad Universidad del Quindío
Laboratorio de Usabilidad Universidad del QuindíoLaboratorio de Usabilidad Universidad del Quindío
Laboratorio de Usabilidad Universidad del Quindío
 
Sketching user experiences - Mauricio Angulo
Sketching user experiences - Mauricio AnguloSketching user experiences - Mauricio Angulo
Sketching user experiences - Mauricio Angulo
 
La experiencia de usuario y el lugar de la usabilidad
La experiencia de usuario y el lugar de la usabilidadLa experiencia de usuario y el lugar de la usabilidad
La experiencia de usuario y el lugar de la usabilidad
 

Recently uploaded

Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
EdwinGarca59
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
ssusere34b451
 

Recently uploaded (20)

BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptx
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx
 
Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blog
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la información
 
avancestecnologicossigloveintiunoprofetengohambreayuda
avancestecnologicossigloveintiunoprofetengohambreayudaavancestecnologicossigloveintiunoprofetengohambreayuda
avancestecnologicossigloveintiunoprofetengohambreayuda
 

NINJUTSU PARA AXURE RP (TIPS & TRICKS)