Interacciones de Página

Las Interacciones de Objeto se utilizan principalmente para crear prototipos interactivos, pero también pueden usarse para proporcionar enlaces a especificaciones y requisitos dentro de los proyectos.

Las Interacciones de Página se utilizan cuando quieres crear un enlace desde una página de Moqups a una ubicación diferente, ya sea dentro del proyecto de Moqups o fuera de él.

Las Interacciones de Página pueden usarse para simular:

• Navegación entre pantallas en una aplicación móvil
• Navegación entre diferentes páginas de un sitio web

En este artículo, explicaremos cada parte de una Interacción de Página y cómo aplicarla. También te mostraremos cómo editar, duplicar o eliminar interacciones.

Panel de Interacciones

El Panel de Interacciones está ubicado en la Barra Lateral Derecha y desde este Panel podrás:

• Ver todas las Interacciones que se han aplicado a un objeto

• Crear una Interacción

• Añadir un Hotspot

• Controlar cómo se muestran las interacciones en la sección de Opciones:

  • Mostrar hotspots: Muestra los hotspots en los que se puede hacer clic en el modo de edición.
  • Mostrar indicadores de interacción: Añade un distintivo luminoso a los objetos con interacciones, en la página y en el Panel de Esquema, cuando estás en el modo de edición.
  • Revelar objetivo de interacción: En el modo Vista Previa, muestra un tooltip con la acción y el objetivo cuando pasas el cursor sobre un objeto.

Desencadenante, Acción y Objetivo

Una Interacción de Página está compuesta de tres partes: un Desencadenante, una Acción y un Objetivo.

Desencadenante

Un Desencadenante es el evento que pone en marcha una interacción. Usando el menú desplegable superior, puedes elegir entre varios desencadenantes: Al hacer clic o tocar, Al hacer clic derecho, Al hacer doble clic, Entrada del ratón, Salida del ratón.

Acción

Una Acción es la instrucción que se ejecutará después de que se active un desencadenante. El segundo menú desplegable te permite elegir Acciones que se aplican a Interacciones de Página o Interacciones de Objeto.

Para las Interacciones de Página puedes elegir: Ir a la Página, Abrir Enlace o Volver.

Objetivo

Un Objetivo es el resultado final que es visible al final de una interacción. En el caso de las Interacciones de Página, cuando abres el menú desplegable de objetivo, verás el Árbol de Páginas de tu proyecto y, desde allí, puedes elegir cualquier página como Objetivo.

Dependiendo de la página desde la que estés empezando, también puedes elegir ir a la Página Principal, Página Siguiente o Página Anterior.

Para establecer un objetivo, también puedes hacer clic en el botón de objetivo verde junto al menú desplegable y elegir una página de destino directamente desde el Panel de Páginas.

Añadir interacciones de página

Para añadir una Interacción de Página usando el menú desplegable de objetivo:

1. Selecciona el objeto o grupo al que quieres añadir la interacción
2. Haz clic en la Pestaña de Interacciones para abrir el panel
3. Elige un Desencadenante del menú desplegable superior
4. En el segundo menú desplegable, selecciona una Acción de la lista de Interacciones de Página
5. En el menú desplegable de Objetivo, selecciona una opción de página
6. Haz clic en Listo para aplicar la interacción

Para añadir una Interacción de Página usando el botón de objetivo:

1. Selecciona el objeto o grupo al que quieres añadir la interacción
2. Haz clic en la Pestaña de Interacciones para abrir el panel
3. Elige un Desencadenante del menú desplegable superior
4. En el segundo menú desplegable, selecciona una Acción de la lista de Interacciones de Página
5. Haz clic en el botón verde de Objetivo para activar el Modo de Selección de Objetivo
6. Haz clic en cualquier Página o en el Panel de Páginas para convertirla en la página de destino
7. Haz clic en Listo para aplicar la interacción.

Editar, duplicar o eliminar interacciones de página

Cuando aplicas una interacción a un objeto, aparece inmediatamente en la Lista de Interacciones en la parte superior del Panel de Interacciones. A medida que añades más interacciones a ese mismo objeto, también verás que aparecen allí. Puedes editar o eliminar fácilmente cualquier interacción de la lista, o duplicar una interacción para reutilizarla rápidamente.

Editar Interacción

Editar una interacción es útil cuando quieres cambiar partes de una interacción ya existente. Usando la función de edición, puedes actualizar el Desencadenante, la Acción o el Objetivo individualmente, sin afectar a las otras partes de la interacción.

Para editar una interacción:

1. Selecciona el objeto o grupo de objetos cuya interacción deseas editar
2. Haz clic en la Pestaña de Interacciones para abrir el Panel de Interacciones
3. En la parte superior del panel, localiza la interacción que quieres editar
4. Haz clic en el botón Editar para activar el modo de edición
5. Cambia la interacción y haz clic en Listo para guardar los cambios
6. Tu interacción actualizada parpadeará en verde en la lista durante unos segundos

Duplicar Interacción

A menudo, puede que quieras aplicar diferentes variaciones de una interacción al mismo objeto. La función Duplicar te permite duplicar una interacción existente y luego editar su Desencadenante, Acción y Objetivo según tus necesidades.

Para duplicar una interacción:

1. Selecciona el objeto o grupo de objetos del que quieres duplicar una interacción
2. Haz clic en la Pestaña de Interacciones para abrir el panel de Interacciones
3. En la parte superior del panel, localiza la interacción que quieres duplicar
4. Haz clic en el icono Duplicar y una interacción idéntica aparecerá en la Lista de Interacciones en la parte superior del panel
5. Para editar la nueva interacción, haz clic en el botón Editar y sigue los pasos de la sección Editar Interacciones de este artículo

Eliminar Interacción

Para eliminar una interacción:

1. Selecciona el objeto o grupo de objetos del que quieres eliminar una interacción
2. Haz clic en la Pestaña de Interacciones para abrir el panel de Interacciones
3. En la parte superior del panel, localiza la interacción que quieres eliminar
4. Haz clic en el botón Eliminar

Preguntas y respuestas

¿Qué interacciones funcionan en un PDF exportado?

Todas las Interacciones de Página funcionan normalmente, con la excepción de Volver, que depende del historial de tu navegador para la dirección. Las Interacciones de Objeto no funcionan en PDFs.

Si quieres proporcionar a las partes interesadas un prototipo completamente funcional, invítalas como invitadas al proyecto o comparte un enlace del proyecto. Aprende a hacer ambas cosas en Compartir. También puedes exportar un visor HTML offline interactivo.