CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre à Prototyper - Sites Internet et application

Maîtrisez les Fonctionnalités d'Interaction et de Navigation

Retour à la formation
Chapitre 4 Leçon 8
Précédent
Suivant

Découvrez comment configurer des interactions avancées entre widgets et gérer la navigation de pages avec des QuickLinks.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons en détail les différentes fonctionnalités d'interaction disponibles pour les widgets. Nous commençons par la fonction QuickLink qui permet de naviguer aisément de page en page. Ensuite, nous utilisons le Case Editor pour définir des interactions plus précises telles que les événements OnClick, OnMouseEnter, et OnMouseOut. Vous apprendrez comment ouvrir des pages dans de nouveaux onglets, utiliser les pop-ups, et même fermer des onglets actifs. Chaque fonctionnalité est expliquée et démontrée, incluant la manière de vérifier ces interactions dans la section de prévisualisation.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Comprendre et utiliser les QuickLinks pour la navigation entre pages.
  • Configurer des interactions avancées avec le Case Editor.
  • Apprendre à ouvrir des pages dans des nouveaux onglets ou pop-ups.
  • Savoir fermer des onglets actifs via des interactions.

Prérequis pour cette leçon

Il est recommandé d'avoir :

  • Des connaissances de base en conception de pages web.
  • Une compréhension des concepts d'interactions utilisateur.

Métiers concernés

Ce sujet est particulièrement utile pour :

  • Les développeurs front-end cherchant à enrichir l'interactivité de leurs applications.
  • Les designers UX/UI travaillant sur des prototypes et des maquettes fonctionnelles.

Alternatives et ressources

Les alternatives incluent :

  • Utilisation de JavaScript pour gérer les interactions personnalisées.
  • Emploi d'autres outils comme Adobe XD ou Sketch pour les prototypes interactifs.

Questions & Réponses

Un QuickLink est une fonctionnalité qui permet de naviguer directement entre différentes pages de votre projet en un seul clic.
OnClick déclenche une interaction lorsqu'un utilisateur clique sur un élément, alors que OnMouseEnter se déclenche lorsque le curseur de la souris entre dans la zone de l'élément.
Les interactions sont vérifiées dans la prévisualisation en activant les zones d'interaction, ce qui fait apparaître un halo vert pour indiquer les éléments interactifs.