Créez une expérience Mapper pour visualiser les emplacements des produits Mise à jour 27 septembre 2024 16:00 L'expérience Mapper vous permet de cartographier visuellement vos produits et services. Vous pouvez mettre en évidence des produits et des fonctionnalités spécifiques dans un cadre visuellement reconnaissable. C'est idéal pour montrer comment votre offre s'intègre parfaitement dans le monde d'un client, qu'il s'agisse d'une usine, d'un laboratoire ou d'un bureau. Pour créer cette expérience impressionnante pour vos utilisateurs, il vous suffit d'ajouter des éléments cliquables que vous placez sur une carte image. La sélection d'un élément cliquable peut ouvrir une page détaillée avec plus d'informations, des liens, une autre page ou des ressources de votre Content library. Regardez comment ça marche Caractéristiques principales Démontrez visuellement la valeur de vos produits sur une carte Afficher les caractéristiques et avantages des produits pour un environnement particulier Utilisez des points d'accès, du texte, des images et des zones de clic pour une expérience interactive Liez ces éléments à des pages, à d'autres cartes, à des sites Web externes et à des ressources Vous avez besoin de cela pour réussir Forfait Showpad Plus ou Ultimate Expériences avancées Showpad activées Vous pouvez télécharger un modèle de conception sur notre page Directives de conception Une idée bien pensée de la manière de structurer votre contenu Contenu dans la Content library Si nécessaire, contactez votre coach de réussite client pour plus d'informations Le moyen rapide d'accéder à la génialité Créez une nouvelle expérience avancée Créez une structure en ajoutant des nœuds dans le générateur d'expérience Ajouter des points d'accès sur une carte pour mettre en évidence des produits spécifiques. Créer une zone de clic pour créer des zones sélectionnables sur votre carte. Ajouter du texte pour plus d'informations. Sélectionner une image à utiliser sur votre carte. Utiliser des pages détaillées dans votre carte pour inclure des informations sur le produit. Personnalisez votre design avec des icônes, des logos et des couleurs pour correspondre à l'image de marque de votre entreprise Commencez à partager du contenu avec Showpad Experiences Faites cela étape par étape L'expérience Mapper vous aide à visualiser vos produits et services sur une carte. Cette carte contient des éléments cliquables que vous placez sur une image. Vous pouvez ajouter un texte une zone de clic Ces éléments cliquables sont liés à un type de contenu. Une zone dynamique peut créer un lien vers une page contenant toutes les informations sur un produit. Utilisez une zone de clic pour couvrir une zone de votre carte qui renvoie à une ressource disponible dans votre Content library. Vous pouvez ajouter du texte qui renvoie au site Web de votre entreprise, etc. Un type de contenu peut être une page une autre carte une URL une ressource de votre Content library Construire L'expérience Mapper Ouvrez le générateur d'expérience et sélectionnez Créer une nouvelle expérience. Donnez un nom à la nouvelle expérience, puis sélectionnez Expérience avancée. Cliquez sur Suivant. Sélectionnez Mapper, puis cliquez sur Créer. Le générateur d'expérience s'ouvrira. Vous verrez deux onglets : Navigation et Conception. Navigation : c'est ici que vous créez les nœuds, les éléments cliquables qui renvoient aux pages, aux cartes, aux sites Web externes et aux ressources. Conception : c'est ici que vous pouvez modifier l'apparence & convivialité du modèle Mapper. Commencez par créer vos nœuds dans l'architecture Windows. Cliquez sur l'icône + et donnez un nom logique à votre nœud. Il s'agit de votre premier nœud parent, et dans la configuration, vous voyez une option Activer le raccourci pour la page d'accueil. Si vous avez plusieurs nœuds parents avec ces raccourcis activés, toutes vos cartes avec l'option Activer le raccourci pour la page d'accueil sont affichées sur un Home Screen où vos utilisateurs peuvent sélectionner l'icône de raccourci pour accéder à la carte souhaitée. Par défaut, le modèle charge la première carte trouvée dans l'architecture de navigation. Cette carte devient la page d'accueil. Si vous avez activé le raccourci pour la page d'accueil, téléchargez votre arrière-plan et cliquez sur Enregistrer. Si vous souhaitez afficher l'image au lieu du nom dans le menu de navigation de vos utilisateurs, activez « Afficher la carte dans la navigation ». Cliquez sur Modifier dans la Configuration de la carte pour télécharger l'image. Cliquez sur Enregistrer. Ajoutez vos nœuds enfants. Vous pouvez créer des nœuds vides qui servent de dossier pour regrouper vos produits. Votre prochain nœud enfant peut être un autre dossier ou une carte, où vous pouvez créer un lien vers une page, une ressource, une URL ou une autre carte. Une carte est configurée de la même manière qu'une carte sur un nœud parent. Continuez à ajouter vos nœuds en sélectionnant le nœud et en cliquant sur l'icône +. Pour réorganiser la structure, effectuez un glisser-déposer sur le nœud. Une fois votre structure terminée, vous pouvez cliquer sur Aperçu pour avoir une idée de ce que vos utilisateurs verront et continuer à configurer les cartes et les pages. Retour au sommet Les zones dynamiques sont utilisées pour mettre en évidence des éléments spécifiques sur votre carte. Vous pouvez ajouter et modifier des étiquettes, des liens, des icônes et des lignes. Cliquez sur Modifier dans la configuration de la carte. Sélectionnez Zone dynamique pour ajouter l'élément sur la carte. Cliquez sur l'icône pour la faire glisser vers sa position et cliquez sur la carte pour créer la ligne de connexion. Vous pouvez courber la ligne en cliquant dessus et en faisant glisser le point vers un autre emplacement. Vous pouvez modifier l'étiquette, sélectionner une police (Helvetica, Roboto, OpenSans) et une taille différentes, ajouter une couleur et un style et aligner le texte. Le champ Étiquette du rapport est utilisé à des fins de rapport et peut être modifié. Cliquez sur Enregistrer pour conserver toutes vos modifications. Dans l'onglet Lien, vous pouvez lier ce point d'accès à une page, une ressource, une URL ou une autre carte. Dans l'onglet Icône, téléchargez votre icône personnalisée. Si vous ne souhaitez pas utiliser d'icône, désactivez cette option. Dans l'onglet Ligne, modifiez la couleur du lien sans changer la couleur de l'étiquette. Retour au sommet Créer une zone de clic sur une carte Rendez une partie de votre carte sélectionnable en créant des zones de clic. Ajoutez un élément de zone de Clic sur la carte. Vous pouvez lier cette zone de clic à une page, une ressource, une URL ou une carte. Le champ Étiquette du rapport est utilisé à des fins de rapport et peut être modifié. Cliquez sur Enregistrer pour stocker. Retour au sommet Ajouter du texte sur une carte Sélectionnez Texte dans la liste des éléments. Vous pouvez réorganiser l'emplacement du texte en opérant un glisser-déposer. Personnalisez le lien et l'étiquette. Comme tout autre élément, vous pouvez le lier à une page, une autre carte, une URL ou un élément. Le champ Étiquette du rapport est utilisé à des fins de rapport et peut être modifié. Retour au sommet Ajoutez une image sur votre carte Un autre élément cliquable que vous pouvez ajouter est une image. Vous pouvez l'utiliser par exemple pour agrandir un certain élément de votre carte. Sélectionnez l'élément Image et téléchargez votre image. Cliquez sur l'onglet de lien. Tout comme les autres éléments, vous pouvez lier cette image à une page, une ressource, une URL ou une carte. Cliquez sur Enregistrer lorsque vous avez terminé. Retour au sommet Utilisez des pages détaillées dans votre Mapper pour inclure des informations sur le produit Vous pouvez donner toutes les informations relatives à un certain sujet ou personnage sur une page. Les pages peuvent afficher des colonnes de ressources associées, des liens, des expériences et des galeries d'images de vos produits. En savoir plus sur la création de pages visuellement attrayantes. Retour au sommet Design Cliquez sur l'onglet Conception pour ouvrir une fenêtre dans laquelle vous pouvez modifier les paramètres de conception globaux pour le Mapper Experience. Pour voir le résultat après avoir modifié les couleurs, cliquez simplement sur le bouton Aperçu en haut à droite. Vous pouvez également voir vos modifications en temps réel dans la fenêtre Aperçu. Dans la section Page d'accueil de la page Raccourci, vous pouvez télécharger une image d'arrière-plan et un logo d'accueil. Ceux-ci sont affichés sur le Home Screen si vous avez activé l'option Activer le raccourci dans vos nœuds parents. Iln'y a pas de limite exacte pour la taille de votre logo, cependant, nous vous recommandons une hauteur d'environ 100 px. Couleurs principales. La couleur d'arrière-plan pour la navigation reste la même quel que soit le lien visité. Vous pouvez choisir une ou deux couleurs à mélanger en arrière-plan. Lors du mélange de deux couleurs, les deux couleurs sont appliquées suivant un gradient. Une couleur est utilisée pour le milieu et l'autre est utilisée pour l'environnement. Il existe également un principe d'héritage du fond. L'arrière-plan d'un nœud parent est appliqué à tous les nœuds enfants sauf si un arrière-plan spécifique est téléchargé dans un nœud enfant donné. Dès qu'un nœud enfant devient le parent, le même principe s'applique à nouveau. Le logo que vous téléchargez ici est utilisé comme logo d'en-tête sur l'écran de l'utilisateur. Vous pouvez définir la couleur des boutons. Le bouton Principal est la couleur du bouton Menu et le bouton Secondaire représente l'icône X pour fermer une page. La barre latérale de navigation est le menu que vos utilisateurs peuvent utiliser pour naviguer sans utiliser la carte. Vous pouvez modifier l'arrière-plan et la police ici. Pour avoir une idée précise du résultat de votre Expérience Mapper, cliquez sur l'icône Aperçu en haut à droite. Retour au sommet Commencer à partager du contenu Vos utilisateurs peuvent commencer à partager du contenu lors de l'ouverture de cette Showpad Experience. La navigation se fait en utilisant les éléments cliquables sur la carte ou en utilisant le menu sur le côté gauche de l'écran. Il y a un bouton plein écran dans le coin supérieur droit de l'application qui peut également être utilisé pour quitter le mode plein écran. Sur un smartphone, les expériences peuvent être légèrement différentes en raison de la taille de l'écran de votre appareil. Articles associés Recommandations pour le design d'Expériences visuellement attrayantes Présentations à l’aide des Advanced Experiences Engagez des prospects en utilisant Pages Dissocier les ressources externes et les balises dans la bibliothèque Définir les polices Google pour les pages et les pages d'accueil