jfverville.com

Contexte

Ça fait un bout de temps que je veux parler de cette librairie Javascript mais j'oubliais toujours. C'est en tombant sur la nouvelle création Flash d'une agence interactive de Québec que l'idée m'est revenue. Au départ je ne suis pas un grand fan de Flash et de l'anti-accessibilité en général. L'une des raison pourquoi je n'aime pas les sites 100% Flash est parce que notre site n'a alors qu'un seul URL (la racine du domaine).

La solution

La librairie SWFAddress de la compagnie Asual permet de palier à ce problème. En effet en liant cette librairie à notre site, Flash peut communiquer au navigateur un changement de page et l'adresse de la page est rafraîchie automatiquement.

Exemple

(download)

Click here to download:

ameliorer-le-seo-de-vos-sites-flash-avec-swfaddress-fnsgatjlAcJxszGsrbDj.zip (147 KB)

Conclusion

La prochaine fois que vous faites un site 100% flash ou en Heavy Ajax, pensez-y! Aller au site de SWFAddress

J'ai le plaisir de vous annoncer qu'à compter de ce mercredi 18 février, je serai sur les ondes de CHYZ 94,3 FM à Québec dans l'émission du matin La descente du lit, pour donner mon point de vue sur les tendances du web, parler de ce qui a retenu mon attention au cours des derniers jours ainsi que mes prédictions pour les tendances à venir. Les lecteurs de ce blogue ne seront pas dépaysés par les propos tenus dans ces interventions mais j'y vois une opportunité d'aller chercher un auditoire différent. Prenez note de l'heure: 8h20. Sur ce, bonne semaine!

Récemment, j'ai eu à faire une présentation multimédia (ou webcast, ou podcast, ou... appellez ça comme vous voulez, une présentation avec du son et de l'image). Je me suis rendu compte qu'aujourd'hui en 2009, les options offertes sont très intéressantes! J'ai donc décidé de partager avec vous mes découvertes.

Microsoft Powerpoint ou Openoffice Impress +Audacity + Slideshare (avec option Slidecast) (Gratuit)

1. Faire vos slides sur Powerpoint (ou Impress)
2. Enregistrer sous ppt
3. Enregistrer votre voix sur Audacity
4. Sauvegarder au format MP3
5. Uploader votre MP3 sur un serveur web (ftp) quelconque
6. Uploader votre présentation sur Slideshare
7. Dans Edit, sélectionnez l'option make a slidecast
8. Copier-coller l'adresse de vote MP3 dans slideshare
9. Ajuster les délimiteurs pour permettre à Slideshare de sychroniser la présentation à votre voix

Microsoft Powerpoint ou Openoffice Impress +Windows Movie Maker + Audacity + Youtube (Gratuit)

1. Faire vos slides sur Powerpoint (ou Impress)
2. Exporter sous forme de JPG toutes vos slides
3. Importer vos jpg dans Movie Maker
4. Enregistrer votre voix sur Audacity
5. Sauvegarder au format MP3
6. Importer votre mp3 dans Movie Maker
7. Faire les ajustements nécessaires
8. Exporter sous forme de WMV
9. Uploader votre film sur Youtube

Jing + Outil de conversion SWF + Youtube (l'outil peut être payant)

1. Enregistrer votre présentation vidéo avec Jing
2. Utiliser un outil de conversion pour transformer votre SWF Jing en MOV (ex: Moyeasoft)
3. Uploader sur Youtube

Liste des outils dont vous aurez besoin

• Audacity (codec permettant de sauvegarder en MP3)
• Openoffice
• Jing
• Moyeasoft
• Slideshare
• Youtube

Ça y est! CHYZ 94,3 FM, la radio de l'université Laval à Québec, a un tout nouveau site web. En tant qu'ancien webmaster pour CHYZ, j'étais très curieux de voir le nouveau concept. WOW! Le moins qu'on puisse dire, c'est qu'ils n'ont vraiment pas fait les choses à moitié. Tout est changé, à commencer par l'interface 100% flash qui, lorsqu'on la désactive, nous donne droit à un beau: vous n'avez pas flash, mangez de la mar**. Pauvres employés de bureau pour qui flash est désactivé au travail, pauvres utilisateurs novices du web qui n'ont sans doute pas les versions les plus à jour et surtout, PAUVRE GOOGLE!!! Sans blague, Transistor Design, les auteurs de ce nouveau concept, ont grandement besoin d'un Analyste SEO et d'un spécialiste en accessibilité/usabilité pour avoir proposé un pareil concept de bonne foi. Michelle Blanc ferait probablement une syncope, elle qui n'est à l'avance pas très partisane du Flash.

1. Lay the groundwork (Expliquer ce qu'on aura en effectuant l'action demandée)
2. Offer a little extra (Donner un bonus à l'action)
3. Have a small number of distinct actions (Limiter le nombre d'options)
4. Use active urgent language (Utiliser un lexique d'action, créer un setiment d'urgence)
5. Get the position right (Positionner le call to acion dans le haut et centré)
6. Use white space (Laisser respirer le call to action)
7. Use an alternative colour (Utiliser une couleur spécifique pour le call to action)
8. Make it big (Utilisez de gros caractères, de gros boutons)
9. Have a call to action on every page (Répéter le call to action sur toutes les pages)
10. Carry the call through (Ne demander que le strict nécessaire)

Tiré d'un excellent billet  de Paul Boag pour aider les designers d'interface à rendre le plus efficace possible le Call to action d'un site web. Voyez le billet original au http://boagworld.com/design/10_techniques_for_an_effective/

Toutes les adresses qui peuvent vous être utiles en tant que web designer. Merci à Michelle Blanc pour cette découverte.