|
Astuces
d'utilisabilité pour inclure des contenus en
Flash
détection
du Plug-in - Les utilisateurs ont des
possibilités différentes en fonction
de leur version de flash installée. Si les
fonctions incluses dans le développement
nécessitent une version minimale du plug-in
pour fonctionner, les développeurs doivent
ajouter une détection de plug-in au sein de
leur projet.
S'il
est possible de détecter le plug-in flash
à partir d'une commande ActionScript, le
développeur ne devrait pas faire confiance
aveuglément à Javascript qui peut
marcher plus ou moins bien selon les navigateurs.
Des scripts de détection plus sûrs
sont disponibles sur le site Flash exchange de
macromédia.
Si
une version supérieure à celle de
l'utilisateur est requise pour
bénéficier du contenu, offrez
à l'utilisateur les possibilités de
mettre à jour son plug-in, ou
d'accéder aux contenus en format
alternatif
(ndt.
Je vais plus loin: même si l'utilisateur a la
bonne version du plug-in, offrez lui TOUJOURS et
à tout endroit de l'animation la
possibilité d'accéder au contenu
alternatif. Bon exemple: Kartoo.com, quoique
l'accès à la version HTML soit
moyennement signalé.)
Les
dernières stats de pénétration
du Plug-in Flash sont accessibles sur le site de
macromédia
Fournissez
à l'utilisateur une alternative "flash
free" - C'est une bonne idée de fournir
un contenu non flash pour pour les quatre pour cent
d'utilisateurs qui n'ont pas le plug-in.
(ndt.
au risque de me répéter, pour les
autres aussi. Un utilisateur ayant flash n'a pas
systématiquement envie de l'utiliser - en
fait, à tout moment, l'utilisateur doit
pouvoir passer de l'une à
l'autre)
Les
versions HTML du contenu Flash vont en outre aider
au référencement du contenu Flash par
les moteurs de recherche, et offriront (si elles
sont bien conçues) un accès plus
rapide aux contenus pour les utilisateurs à
accès très lent au
réseau.
Des
contenus différenciés par leur
consommation de bande passante
Permettez
à l'utilisateur de sélectionner sa
vitesse de connexion. Les utilisateurs avec des
connections lentes, ne veulent pas forcément
accéder à l'ensemble des fonctions
potentiellement offertes par Flash. Pour ces
utilisateurs, vous pourrez utilement offrir des
versions de vos contenus expurgées des
fichiers sonores les plus lourds et des images
bitmap haute résolution. Quand la taille du
fichier est réduite, le temps de chargement
l'est aussi, et l'expérience utilisateur des
visiteurs de cette section du site est
significativement améliorée.
Dans
quelques cas, les performances du processeur et de
la carte graphique de l'utilisateur peuvent influer
sur la vitesse de l'animation. sur de "vieux"
ordinateurs, l'utilisation de techniques comme
l'inclusion de couches alpha ou de variation
d'échelle peut s'avérer gourmande en
ressources. Si possible, offrez des animations
restant utilisables pour les possesseurs de
matériel "ancien".
Les
développeurs peuvent utiliser Flash pour
tester la vitesse de connexion avant de charger
divers éléments de contenu en flash.
En mesurant le temps de chargement d'une
pièce de , disons, 20K, le
développeur peut établir une variable
indiquant à flash quelle version du contenu
offrir à l'utilisateur.
Pré-chargement
des contenus - Si vous ne pouvez tenir compte
de la vitesse de connexion, optimisez le chargement
des contenus pour des liaisons à bas
débit (modem). Utilisez les capacités
de streaming de flash pour mettre en oeuvre le
contenu pendant qu'il se charge. Les utilisateurs
se focalisent sur le contenu avant de
s'intéresser aux autres
éléments du design, essayez de faire
en sorte que le contenu de démarrage se
charge en premier et en moins de 5 secondes si
possible.
Pour
réduire le temps de chargement, utilisez de
préférence des images vectorielles,
plus légères que leurs
équivalents bitmap. Ceci dit, les bitmap
complexes devront être conservées sous
ce format. L'usage de fontes accroît
également la taille des contenus Flash,
aussi tenez vous en à un petit nombre de
polices de caractères, et faites en sorte de
choisir des polices qui n'augmentent pas trop la
taille du fichier. Utiliser les fontes
système diminue la taille du fichier, mais
ces fontes ne s'affichent pas en mode lissé
(anti-aliasing).
Pour
analyser comment les contenus flash vont se
comporter sous diverses bandes passantes, n'oubliez
pas de les tester via l'éditeur de bande
passante du menu Vue, en mode test. Même des
animations compactes consomment de la bande
passante et peuvent retarder ou inciter les
utilisateurs à se détourner de
l'atteinte de leur objectif.
Quand
le projet nécessite que l'utilisateur fasse
face à un grand chargement initial, affichez
à l'écran la progression du
chargement, en pourcentage ou en volume. Cela
l'aide à estimer le temps qui lui reste
à attendre.
(ndt.
le pourcentage me parait plus pertinent. Et
surtout, prévenez l'utilisateur AVANT qu'il
ait cliqué sur le lien lançant le
contenu qu'il y a un peu de chargement à
faire. Et veillez à ce que la promesse de
plus value affichée en amont soit
suffisamment attractive pour que l'utilisateur ait
envie de supporter un temps de chargement long
!)
Lancer
un contenu Flash dans le navigateur - gérer
le "retour"
Le
bouton "Back" ("retour", "page
précédente") du navigateur est la
commande de navigation la plus utilisée. Or
ce bouton est naturellement inopérant pour
des contenus en Flash. Au lieu de ramener
l'utilisateur à l'état
précédent du contenu Flash, il
ramène l'utilisateur à la page HTML
précédente. C'est un sérieux
problème auquel les développeurs
flash doivent apporter une solution si ils veulent
améliorer l'utilisabilité. Voici
quelques possibilités.
Créez
des pages successives pour chaque division d'une
séquence - Le meilleur moyen de
prendre en compte les outils de navigation du
navigateur (touche back et forward) est de
séparer l'animation en sections logiques
et de les placer sur des pages HTML simples
successives. Quand vous délivrez le
contenu ainsi, les utilisateurs peuvent en outre
facilement ajouter à leurs favoris une
section spécifique du contenu.
Usage
des Frames - En combinant l'usage des
Frames, de la Meta-balise Refresh e de
javascript, les développeurs peuvent
fabriquer une alerte attachée au bouton
"back", qui avertit l'utilisateur avant de
l'amener à une page
précédente. Un exemple de script
est disponible sur le site Flash Exchange de
Macromédia.
Usage
des fenêtres "pop up" - Un autre moyen
de traiter le casse-tête du bouton retour
est d'offrir à l'utilisateur la
possibilité de lancer les contenus en
flash dans une nouvelle fenêtre sans barre
d'outils. Toutefois, cette possibilité
doit être offerte comme une option, jamais
comme une façon standard de lancer un
contenu. En général, l'ouverture
de fenêtres pop up offre une
utilisabilité médiocre et est
considérée comme un manque de
respect par l'utilisateur. De plus, cela suppose
que le navigateur de l'utilisateur supporte
JavaScript. Enfin, soyez attentifs au fait que
si le bouton "back" n'est pas là,
l'utilisateur est plus à même de
fermer la fenêtre concernée.
(ndt.
A employer avec précaution tant de
nombreux utilisateurs ne savent pas gérer
convenablement des fenêtres multiples -
nb. Sur Mac, l'utilisateur peut toujours faire
réapparaître la barre
d'outils)
Lancer
le contenu Flash dans une fenêtre pop up
permet de prendre le contrôle d'un certain
nombre d'aspects de la fenêtre. Avec
javascript, on peut contrôler la taille et
la situation de la fenêtre, l'affichage
des barres supérieures, de la barre
d'état, des ascenseurs de
défilement, et si la fenêtre est
redimensionnable. Mais les développeurs
ne doivent pas exagérément
personnaliser l'apparence de la fenêtre.
Des éléments tels que la barre
d'état, qui fournit des informations de
connexion à l'utilisateur, et le trait
plus ou moins épais autour de la
fenêtre, qui permet à l'utilisateur
de la déplacer et d'en délimiter
le contour, ne devraient jamais être
omis.
La
taille de la fenêtre pop up devrait
plutôt être relative à la
taille de l'écran de l'utilisateur,
à partir d'un javascript
déterminant la résolution
écran du visiteur. Offrez à
l'utilisateur des options pour renforcer son
contrôle sur vos contenus. Les options
pourraient inclure l'affichage sur une
fenêtre plein écran, demi
écran, ou le lancement de l'animation
dans la fenêtre courante.
(ndt.
la clarté du choix offert au visiteur
oblige toutefois à limiter le nombre
d'options et à en soigner
particulièrement le
libellé).
Les
performances d'affichage des contenus flash sont
affectées par les vitesses des
processeurs et la taille de la fenêtre
dans laquelle se déroule l'animation. des
animations dans une fenêtre 640X480
consommeront moins de ressources que dans une
fenêtre 1600X1200. Permettre aux
utilisateurs de matériel "ancien" de
dérouler une animation dans une
fenêtre de petite taille ne peut
qu'améliorer leur feeling par rapport au
contenu.
Son
et utilisabilité
Utilisez
le son parcimonieusement - Le web est
traditionnellement un média silencieux. A
caque fois que vous incluez du son dans un
contenu Flash, vous devez permettre à
l'utilisateur de désactiver le son, et ce
avant que les sons ne soient lancés.
Quand vous utilisez le son, soyez certains que
cela est indispensable par rapport au but
recherché (ndt. et pas seulement "fun").
Souvenez vous en outre qu'une part non
négligeable des ordinateurs en entreprise
n'ont pas de possibilités sonores.
Optimisez
les bandes son - Les sons augmentent
significativement la taille des fichiers en
Flash. Testez plusieurs paramètres de son
dans vos animations pour trouver de bons
compromis "taille-qualité" pour chaque
échantillon sonore.
Fournissez
une alerte quand le pré-chargement est
terminé - Sur le web, les
utilisateurs ouvrent souvent de leur chef
plusieurs fenêtres, notamment pendant un
chargement. Si la fenêtre en flash est
masquée par d'autres, l'utilisateur peut
rater une partie de l'animation,
spécialement les effets sonores.
Permettez à l'utilisateur d'être
averti quand le préchargement est
terminé. Un simple bip d'alerte
suffit.
Donnez
le contrôle à l'utilisateur.
Laissez
l'utilisateur avoir un maximum de contrôle
sur les animations. L'utilisateur devrait toujours
pouvoir arrêter les animations à
n'importe quel endroit, revenir en arrière,
régler le volume sonore d'un simple clic. Le
menu contextuel (clic droit, ou CTRL+clic sur mac)
est un bon point de départ pour ces
possibilités, il permet entre autre de
zoomer sur le texte dur à lire, de revenir
en arrière de l'animation sans rechargement,
et ajuster la qualité de l'image à la
puissance de la machine. ce type de contrôle
ne devrait jamais être
désactivé.
Permettez
de passerz les introductions, ou mieux,
évitez les
Les
animations en intro servent à raconter une
histoire au visiteur, pendant que le reste se
charge. Les introductions peuvent utilement
"meubler" le temps lors d'un chargement via liaison
lente, toutefois, dans un cas contraire, elles
risquent de faire quitter le site au visiteur si
celui ci estime que l'intro ne correspond pas aux
buts de sa visite.
Les
introductions ne doivent pas être
utilisées sauf si le visiteur a un moyen
simple et visible de la passer. L'instruction
"passer l'introduction" doit appartenir au code
HTML de la page ce qui permet à
l'utilisateur d'y accéder sans avoir
à attendre le chargement de l'animation
Flash.
Évitez
les introductions qui gênent l'accès
à la page d'accueil. Très souvent,
l'introduction pourrait être embarquée
dans une page HTML traditionnelle, et s'animer
après que le reste de la page ait
été chargé.
Utilisez
les cookies pour vous rappeler les
préférences de
l'utilisateur
(ndt.
L'auteur du texte original, étant
américain, ne mentionne pas les obligations
légales relatives à l'utilisation des
cookies dans l'hexagone. Plus d'infos sur le site
de la CNIL.)
Les
cookies peuvent être une aide
précieuse pour augmenter
l'utilisabilité d'un site. Les informations
sur le paramétrage, l'usage des cookies avec
flash sont disponibles dans l'article
"préparez des cookies pour vos visiteurs en
Flash.
(ndt.
et rappelez vous que si l'utilisateur n'accepte pas
les cookies, le site doit fonctionner quand
même, mémorisation des
préférences en moins. un site ne
devrait jamais poser de questions à
l'utilisateur relative aux cookies (les deux tiers
n'y entendent rien), mais se débrouiller des
paramètres de l'utilisateur de façon
transparente.)
Intros:
ne les déroulez qu'une fois - Placez un
cookie en fin d'animation pour indiquer que
l'utilisateur l'a déjà vue. La
prochaine fois que l'utilisateur reviendra sur le
site, recherchez la valeur du cookie et redirigez
le sur la page suivant l'intro. Eventuellement,
placez un lien pour permettre à
l'utilisateur de jouer l'intro si cela lui
chante.
(ndt.
Ce paragraphe est un de mes rares vrais points de
désaccord que j'aie avec le livre blanc de
C. MacGregor. Si l'utilisateur ne souffre d'aucune
moins value à ne pas voir un contenu, alors
ce contenu est inutile. Ainsi en va-t-il de la
quasi totalité des "flash intros" du web
actuel).
Cookies
et profilage de bande passante - Si
nécessaire (cas d'animations contenant des
fichiers très lourds), établissez un
cookie dont la valeur varie en fonction de la
vitesse de connexion de l'internaute. Les
développeurs peuvent utiliser
[actionscript] pour déterminer le
temps nécessaire pour charger contenu
donné (par exemple de 20K) et fixer la
valeur de la variable du cookie en
conséquence. Les visiteurs ayant besoin de
plus d'une seconde pour charger le contenu seront
considérés comme disposant d'une
connexion lente et se verront délivrer un
contenu flash édulcoré, alors que les
autres pourront disposer d'une version
enrichie.
Déterminer
la version du plug-in - Détectez la
version du plug-in de l'utilisateur et donner
à cookie la même valeur. L'utilisateur
en version 5 peut bénéficier du
support XML de Macromédia flash 5. Avec la
version 4, il accède à des
fonctionnalités d'impression correctes. En
fonction des plus values réelles que ces
technologies permettront de délivrer
à l'utilisateur, vous pouvez délivrer
un contenu différencié en fonction de
la version.
Préférences
colorimétriques et daltonisme - Le
daltonisme affecte 7% des hommes et 4% des femmes.
Les daltoniens ne distinguent pas le rouge du vert,
ou qu'ils voient le rouge et le vert
différemment des autres personnes. Quand
vous utilisez des rouges et des verts dans vos
animations, vous pouvez offrir à
l'utilisateur le choix d'accéder à
une version bleue et jaune. Ces couleurs ne sont
pas gênantes pour les daltoniens.
Flash
et les moteurs de recherche
Comme
en HTML, il faut ajouter des méta-balises
pour les moteurs de recherche. Le problème
est que les contenus en flash ne sont pas
directement accessibles aux moteurs de recherche.
Aussi les quelques stratégies qui suivent
peuvent être employées pour
améliorer le référencement de
vos contenus en Flash, qui doivent être
employées en complément des
procédures traditionnelles
d'enregistrement.
créez
des synopsis - Les développeurs doivent
offrir un synopsis html textuel décrivant
les contenus en Flash, qui aidera les moteurs
à indexer les contenus flash qui y seront
rattachés. Ce synopsis doit contenir des
termes significatifs propres à l'animation
flash, il doit résumer le contenu en flash
et procurer à l'utilisateur les
données spécifiques qu'il peut
rechercher. En addition aux synopsis, les
développeurs devraient ajouter l'indication
de la présence de contenu en flash, les
méta-tags "Keywords" et "description", et un
lien vers le téléchargement du
plug-in. Quand vous enregistrez un contenu Flash,
soumettez l'URL du synopsis aux moteurs de
recherche. bien entendu, des liens du synopsis vers
l'animation et de l'animation vers le synopsis
seront fournis.
L'accessibilité
aux handicapés est un atout - Le contenu
Flash qui a été
développé en respectant les
prescriptions destinées à faciliter
l'accessibilité décrites plus haut
(transcriptions, alternatives non-Flash...), est
prêt pour le référencement dans
les moteurs. Il suffit de soumettre les Url des
transcriptions et des alternatives aux
moteurs.
>
page suivante : Test
utilisateur sur les contenus Flash
©
version originale : Chris Mac Gregor,
Flazoom.com
traduit avec autorisation de l'auteur.
|
