Création d'une expérience totale pour l'utilisateur
Google vous permet de transposer votre contenu dans un contexte géospatial. Plus important, il vous donne la possibilité de raconter des histoires. Dans ce didacticiel, vous découvrirez comment rendre votre contenu facile d'accès, comment renforcer son intérêt et comment en faciliter la navigation.
L'interface de Google Earth
Les visiteurs peuvent interagir avec votre contenu par l'intermédiaire de l'interface Google Earth de trois manières différentes :
- Panneau Lieux
- Carte 3D
- Vos infobulles descriptives
Pour que vos visiteurs profitent d'une expérience réellement immersive en visionnant votre contenu, vous devez prendre en considération la manière dont ils exploreront celui-ci. Commencez par analyser la carte dans la vue 3D, explorez quelques infobulles et examinez les options du panneau Lieux. Assurez-vous que votre conception s'appuie solidement sur la carte elle-même.
Voici quelques exemples de contenus qui offrent au visiteur une expérience réellement immersive :
Faites une bonne première impression
La première chose que les gens voient lorsqu'ils ouvrent un fichier KML ou KMZ, ce sont les icônes, les modèles, les superpositions d'image et les polygones qui s'affichent dans la vue 3D de Google Earth. C'est à vous de les séduire et de leur donner envie de découvrir votre contenu. Vous trouverez ci-dessous des conseils pour faire une bonne première impression.
Prenez des captures d'écran de vos repères.
Définir un point de vue par défaut approprié pour vos repères et dossiers est essentiel pour obtenir une expérience utilisateur satisfaisante.
- Lorsque vous double-cliquez sur un repère, la visionneuse affiche le point de vue par défaut. Si vous n'en avez pas spécifié un explicitement, ce point de vue peut être trop proche du repère.
- Choisissez une perspective appropriée pour chaque repère. Ne vous approchez pas trop du repère si la résolution des images satellites est faible ; en revanche, si la résolution est élevée, profitez-en !
- N'utilisez pas systématiquement une vue plongeante. Inclinez la vue pour que le relief environnant soit visible ou alignez-la sur la photo de l'infobulle du repère.
- Pour définir le point de vue par défaut d'un repère, cliquez dessus avec le bouton droit de la souris, soit dans la carte, soit dans le panneau Lieux, puis choisissez Utiliser la vue actuelle.
Ne submergez pas les visiteurs.
Une quantité trop importante de repères peut gêner même les utilisateurs les plus chevronnés. Voici quelques idées pour que le nombre de repères reste raisonnable :
- Utilisez les régions pour contrôler le moment où les repères deviennent visibles. Pour obtenir de l'aide concernant l'utilisation des régions, reportez-vous à la section Régions du Didacticiel KML 2.1 et au didacticiel Utilisation des régions pour éviter les surcharges sur ce site.
- Combiner les liens réseau et les régions constitue une méthode efficace pour proposer dynamiquement un contenu différent aux visiteurs en fonction de leur emplacement. Pour en savoir plus, reportez-vous à la section Chargement intelligent de liens réseau basés sur les régions du Didacticiel KML 2.1.
- Vous n'êtes pas obligé de placer tout votre contenu dans un seul fichier KML ou KMZ. Incluez des liens vers d'autres fichiers KML ou KMZ dans les descriptions de vos infobulles pour que les visiteurs les téléchargent seulement s'ils le souhaitent.
Utilisez vos icônes pour transmettre des informations.
Il est possible de transmettre une grande quantité d'informations avant même qu'un visiteur n'ait cliqué sur un repère. Voici quelques astuces pratiques pour utiliser les icônes de manière efficace :
Choisissez les couleurs avec soin.
- Utilisez différentes couleurs pour les lignes, polygones et icônes pour voir les données ou représenter des classes de lieux.
Observez cet exemple d'infos pratiques de la Crise du Darfour qui utilise des polygones de différentes couleurs pour représenter le déplacement de la population et les camps des réfugiés, et des icônes de différentes couleurs pour les villages partiellement endommagés ou complètement détruits.
- Pour les icônes, les lignes et les polygones, choisissez des couleurs qui contrastent avec l'imagerie satellite de fond.
Les lignes jaunes des infos pratiques Global Heritage Fund ressortent sur la forêt verte du fond.
Créez des infobulles qui ressortent.
Une fois que l'un de vos visiteurs a ouvert l'un de vos repères, vous devez vous efforcer de retenir son attention. Rien de tel que les descriptions de repère pour apporter encore plus d'informations à propos d'un site en particulier ou même pour guider les visiteurs vers d'autres repères et votre site Web.
Incluez un repère de présentation.
Vous connaissez votre contenu mieux que quiconque, il est par conséquent très facile d'oublier que les autres ont besoin d'aide pour le découvrir. Envisagez d'inclure un repère de présentation qui servira de guide pour utiliser vos fichiers KML. Mettez en évidence les différents composants de votre contenu. Suggestions d'informations :
- Une présentation globale de votre organisme et de votre travail
- Des captures d'écran du panneau Lieux ou un curseur chronologique pour aider les visiteurs à naviguer au mieux au sein de votre contenu
- Une explication des icônes ou des couleurs employées dans votre fichier KML
Voici des exemples de guide de l'utilisateur et de repère de présentation tirés des infos pratiques Sensibilisation mondiale (Global Heritage Fund et Crise du Darfour).
Restez concis et correct.
Les meilleures infobulles séduisent l'utilisateur en proposant une courte description avec des liens pour plus d'informations. Vous pouvez toujours guider l'utilisateur vers votre site pour obtenir toute l'histoire ou les inviter à télécharger d'autres fichiers KML avec des informations plus détaillées.
Dans cette optique, utilisez des infobulles de taille raisonnable. Mettez tout votre contenu dans un tableau HTML qui ne dépasse pas 400-500 pixels de large. Cela permet de s'assurer que les infobulles ne sont pas trop volumineuses pour les petits écrans et qu'il reste un peu d'espace pour que l'utilisateur puisse encore voir la carte et cliquer dessus.
Conservez un style homogène.
Une apparence homogène de vos infobulles oriente les visiteurs. Démarrez avec des modèles que vous pouvez créer avec le didacticiel Création d'infobulles plus efficaces. Au moment de développer vos propres modèles, gardez ces conseils à l'esprit :
- Utilisez des types d'infobulles légèrement différents pour signaler des types de repères différents. Pensez à utiliser des bordures de couleurs différentes pour marquer les niveaux de menace pour l'environnement ou les programmes sur les différents continents. Vous pouvez également utiliser des mises en page plus fouillées pour différents niveaux hiérarchiques à l'intérieur de votre contenu, comme les bureaux internationaux, nationaux, régionaux et locaux, les lieux de recherche ou les projets d'aide humanitaire.
- Utilisez un en-tête. Créez une bannière avec le logo de votre organisme et la même couleur ou une photo accrocheuse en haut de chaque infobulle.
- Incluez un pied de page. Mentionnez toujours le nom de votre organisme, un lien vers votre site Web et un copyright en bas de toutes vos infobulles. Utilisez une police de couleur grise ou claire pour que le texte du pied de page soit accessible sans distraire l'attention.
- Utilisez les jeux de couleurs du site Web de votre organisation pour créer une expérience cohérente.
- Tirez parti du texte en couleur. Utilisez la couleur pour augmenter ou diminuer l'importance des titres et des légendes.
- Utilisez des icônes standard comme l'icône KML, si votre infobulle contient des liens vers un contenu supplémentaire de ce type.
Servez-vous de l'élément <BalloonStyle> pour normaliser vos en-têtes et pieds de page.
Pour ajouter facilement des en-têtes et des pieds de page homogènes à toutes vos infobulles, utilisez les balises <BalloonStyle> et <text> . Ces balises vous permettent de créer un modèle HTML qui sera appliqué à tous vos repères. Vous pouvez inclure dans le modèle des descriptions spécifiques à chaque repère. Cela vous aidera à différencier les éléments communs à toutes vos infobulles du contenu spécifique de chaque repère.
 L'exemple de KML Santa Cruz, Bolivie vous montre comment les repères utilisent <BalloonStyle> pour l'en-tête et le pied de page. (Cet exemple est une modification des infos pratiques PNUE : Atlas de l'évolution de notre environnement.)
Utilisez <BalloonStyle> pour colorer l'ensemble de l'infobulle.
En utilisant les onglets <bgcolor> et <textColor> avec <BalloonStyle>, vous pouvez attribuer une couleur de fond à l'infobulle tout entière. Pour les couleurs, saisissez un code hexadécimal à 8 caractères, tel que AABBVVRR (R - rouge, V - vert, B - bleu, A - transparence alpha). Ce code diffère du code habituel à 6 caractères employé en HTML (RRVVBB). Voici deux façons de choisir une couleur d'arrière-plan dans Google Earth :
- Essayez le sélectionneur de couleur KML.
- Si vous connaissez le code HTML de la couleur que vous désirez, échangez les deux derniers et les deux premiers caractères, puis ajoutez "FF" au début pour que la couleur soit complètement opaque. Par exemple : pour la couleur HTML :
#0066CC, écrivez FFCC6600 (FF + CC6600).
N'oubliez pas le panneau Lieux !
Même si l'attention de beaucoup de visiteurs est attirée principalement par la vue 3D de Google Earth, il est tout aussi important que votre fichier KML ait une apparence nette et conviviale dans le panneau Lieux.
Utilisez des descriptions courtes (snippets) vides.
- Par défaut, Google Earth affiche les deux premières lignes de la description d'un repère sous son nom. C'est ce que l'on appelle la description courte du repère, ou snippet. Récupérez cet espace souvent perdu en spécifiant une description courte vide dans votre fichier KML comme suit :
<Placemark>
<name>Mon repère</name>
<Snippet></Snippet>
<description>Plein d'informations intéressantes !</description>
...
</Placemark>
Choisissez des noms explicites.
- Souvent, lorsque vous sauvegardez votre projet KML, Google Earth sauvegarde vos fonctionnalités dans un conteneur <Document>. Vous reconnaîtrez un document par son icône :
Par défaut, le nom du document est celui du fichier KML. Ce nom est souvent peu explicite, voire trompeur. Évitez d'utiliser des caractères qui sont interdits dans les noms de fichier ( / ? < > \ : * | ). Si vous tentez d'enregistrer un dossier intitulé "Bureaux : 2007" ou "Locaux/Régionaux", Google Earth ne vous laissera pas effectuer l'enregistrement. Ce problème peut être résolu en rouvrant le fichier KML, en renommant le document de niveau supérieur et en l'enregistrant en remplaçant le fichier d'origine.
- Vous trouverez ci-dessous un exemple correct et un exemple incorrect de nom pour un document : "bgColor Examples" et "ux_bgcolor.kml".
Utilisez les icônes de liste pour mieux transmettre le contenu et l'objectif.
- En utilisant <ListStyle> et <ItemIcon>, vous pouvez modifier les icônes par défaut de vos fichiers, documents, repères et autres éléments.
- Identifiez vos infos pratiques avec le logo de votre organisme pour les documents et dossiers de premier niveau. Cette technique est particulièrement utile si vous voulez masquer le contenu d'un dossier mais que voulez que le dossier représente visuellement le repère qu'il contient. (Voir la rubrique "Évitez le désordre" ci-dessous pour plus d'informations sur le masquage du contenu d'un dossier.)
- Les icônes de liste sont ramenées à l'échelle 16 x 16 pixels : utilisez donc des images avec ces dimensions précises pour de meilleurs résultats.
- Consultez le guide Référence KML 2.1 et les exemples suivants.
Exemple ListStyle: Le dossier "icône de dossier personnalisée" emploie <ListStyle> pour spécifier une icône en forme de croix rouge, ce qui signifie pour les visiteurs que le contenu peut concerner des hôpitaux ou des cliniques.
Évitez le désordre : contrôlez le comportement de vos dossiers.
- Maintenez la vue de liste de votre fichier KML courte et bien organisée.
- N'incluez pas plus de 2 ou 3 niveaux hiérarchiques à l'intérieur de vos documents.
- Si l'exposition de certains repères est importante, enregistrez le KML avec les dossiers ouverts ; sinon laissez-les fermés.
- Contrôlez le contenu d'un dossier depuis la vue de liste avec les onglets <ListStyle> et <listItemType> .
- Les dossiers avec bouton radio ne permettent aux visiteurs d'activer qu'un élément d'un dossier à la fois.
- Cochez Masquer enfants pour que les dossiers masquent leur contenu : cela est une bonne idée si vous avez des centaines ou des milliers de repères à l'intérieur !
- Cochez Désactiver seulement pour que les dossiers puissent être désactivés mais pas activés : idéal pour les dossiers qui contiennent beaucoup de modèles ou des polygones complexes. Cela empêche les visiteurs de tout afficher en même temps et de saturer Google Earth.
Consultez la Référence KML 2.1 et le Didacticiel KML 2.1 pour de plus amples informations et étudiez les exemples suivants.
Discussions et commentaires
Vous avez des questions à propos de ce didacticiel ? Vous aimeriez nous faire part de vos commentaires ? Consultez le groupe de discussion Google Earth Actions publiques pour discuter avec les autres internautes.
Et maintenant ?
|
