nyroBlog
Bannière NyroBlog, par Emi
Image par Emi - ?

Catégorie : Internet


Header flash vidéo : un moyen efficace de présenter la page

Header Vidéo sur 352 MediaJe vous parlai il y a quelques temps des headers qui changent sur les pages et des avantages qu'on pouvait en avoir.

Je suis tombé sur un site qui poussent le vice un peu plus loin, en proposant des headers en flash qui consistent en une vidéo/animation présentant le site et/ou la page en cours. Je trouve l'idée très sympa, surtout qu'elle est très bien réalisée.Jugez plutôt (en anglais) :

  • L'accueil : on présente rapidement l'entreprise et ce qu'on peut voir sur le site
  • La présentation de l'entreprise : le patron et le vice-président raconte l'histoire de la boîte, le tout accompagné d'animations flash parfaitement synchronisé très bien faites.

Vous pouvez naviguez sur les autres pages du site, les headers sont des images qui respectent la charte graphique, à savoir un fond vert, simplement... Je trouve que ces vidéos de présentation d'une excellente qualité sont vraiment utiles et se chargent très vite. Le fait de voir la personne qui parle ajoute une dimension humaine au site; il en devient immédiatement plus familier, plus agréable. Peut-être un nouvel élément à intégrer à certains sites...

En fouillant un peu plus, cette entreprise propose de réaliser votre vidéo de présentation, avec le choix de la personne qui le fera pour vous (féminin ou masculin). Les exemples qu'ils donnent :

C'est bien, mais il ne faut pas en abuser. Et je pense qu'un petit cookie flash pour savoir si la vidéo a déjà été visionnée et ne pas la relancer automatiquement serait pas mal.

En parlant de header, n'oubliez pas que vous pouvez mettre les vôtres (JPG uniquement, les flash/flv viendront peut-être un jour...) sur mon blog !

La Youtube'star du moment : Chocolate Rain

Vu à l'instant sur le journal de 22h de Fox11, Chocolate Rain (qui a déjà sa page dans wikipédia) cartonne :


Et comme toutes 'star', il y a déjà son lot de parodies...

Et ça tombe bien (façon de parler), car il pleut averse avec un bon orage s'abat sur Los Angeles actuellement, le premier depuis que je suis là.

Un ministère sur Skyblog ?

Et oui, c'est possible !

Fadela Amara, Secrétaire d'Etat à la politique de la Ville, a ouvert deux blogs.

Le premier est un "blog officiel qui s'adressera à l'ensemble de nos concitoyens pour les entendre sur la politique de la ville qui n'a pas vocation à s'adresser uniquement à une catégorie de population", a-t-elle indiqué. Le second, accueilli sur la plateforme skyblog.com de la radio musicale Skyrock - première radio des 13-24 ans - vise les jeunes. "Il faut que la jeunesse se sente partie prenante du plan banlieue. Ce sera une discussion en direct avec les jeunes des quartiers en difficulté. Je veux libérer cette parole-là."

Et à la vue de quelques commentaires, je plains les préposé à ce blog pour la validation des commentaires...
Quelques extraits :

Je mais un commentaire pour dire que moi la politique je ne mis interaissent pas trop sauf dernièrement lors des elections presidentielle mais je n'ai pas encore vraiment un opinion

Je m'y suiis déjà iinteressey , may iil ya bcp de priiviileges pr ley persOnnes agey , ke pr nOus ley jeunes... Ce que je tve nul' parce que je pense qu'On pOurraiit fayre bcp de chOz ! Pr ley "viieux" ey pr ley jeunes !!

Et encore tellement d'autres.

Tout pousse les jeunes qui arrivent sur ce blog à commenter : tutoiement, questionnement (dans le texte ou dans les vidéos). La plupart des billets ont une vidéo et deux phrases, le plus souvent des questions.

Sur les 12 billets actuels du blog, 11 ont été postés le 30 juillet à la suite, à partir de 19h20. Le dernier date du 31 juillet vers 12h30. A voir donc si de nouveaux billets vont arriver ou pas et si ce qui ressort des commentaires est vraiment prix en compte.

Source : Le monde informatique

Un peu de lightbox dans Dotclear

Si je poste moins en ce moment, c'est que je suis en pleine préparation de mon voyage à Los Angeles.

Beaucoup d'amis m'ont demander de tenir à jour ce blog, avec notemment un max de photos. J'ai donc décider d'installer un plugin sur mon dotclear pour que ce soit plus sympa à regarder.

Je me suis tourner vers une solution intégrant lightbox car je le trouve très bien, et son code est propre.

Le plugin que j'ai donc installé (et que je teste avec ce billet) et donc clikimage qui permet d'intégrer des images depuis son disque dur ou une url, avec création de vignettes ou non. L'affichage en grand peut se faire dans une popup HTML ou un light box.

Pour utiliser le lightbox, il vous faudra installer un autre plugin simplement nommé lightbox que vous trouverez ici.
NB : Une petite erreur s'est glissé dans ce plugin, pour affiche l'image de loading et l'image d'erreur. Pour la corrigé, il faut modifier le fichier dotclear/ecrire/tools/lightbox/js/lightbox.js aux lignes 62 et 63 pour rajouter un / devant les urls des images, et il n'y a plus de problèmes. (ou bien indiquer le chemin complet depuis la racine de votre site)

Voici le résultat avec quelques une de mes photos du 14 juillet, hébergés sur FlickR : 14 Juillet 01 14 Juillet 02 14 Juillet 03 14 Juillet 04 14 Juillet 05 14 Juillet 06 14 Juillet 07 14 Juillet 08 14 Juillet 09



Le résultat est très satisfaisant, non ?

Des headers qui changent

Sur mon blog, j'ai mis en place des headers qui changent à chaque appel. Voici ma petite analyse par rapport à cet élément qu'on peut mettre facilement en place sur un site.

1) Dans quels cas on rencontre ça ?
Commençons par regarder quelques exemples :

  • Ville de Besançon : l'image incluse dans le header change selon la catégorie dans laquelle on se trouve. Cette image est en rapport avec la catégorie (Ex: dans "Loisirs et Cultures" : un concert dans la ville et des enfants sur des vélos). Toutes les images sont construites par une composition de 2 images avec 1 transition en dégradé.
  • Electrolux : 1 image par page, toutes plus ou moins sur le thème printanier.
  • Leap Frog Interactive (création de sites aux USA) : les header toutes dans les teintes vertes sont en rapport avec la partie dans laquelle on est. Parfois, elle disparait.
  • Allociné : Parfois on a droit à d'imenses header (qui se prolonge très loin dans la page) aux couleurs d'un film pour en faire la promo.

2) Dans quels buts ?
Comme on vient de le voir dans les exemples précédents, il peut y avoir un but bien précis (la publicité) ou simplement de rendre le site un peu plus attrayant, en ajoutant une pointe de "fraîcheur", de "renouveau" au site à chaque page; chaque page est ainsi incluse complétement dans le site par la charte graphique du site, mais personnalisé par ce header (que l'on voit forcément) qui change tout le temps.

3) Des variantes ?
On peut très bien imaginer des headers en flash, dont les animations changent à chaque page. j'ai déjà vu aussi des sites (je n'ai pas de lien sous la main) qui changent en fonction de l'heure qu'il est. On peut aussi étendre le système au site complet et/ou à un pied de page (footer) qui changera en accord avec le header. A vous de laisser libre court à vos imaginations

4) Ma conclusion
Ajouter des headers changeant, je l'ai dit, c'est très simple à mettre en place. Ca ne prend que deux secondes, ça n'enlève rien au site, puisque la charte graphique est toujours là, mais ça ajoute un petit plus qui peut faire revenir ou rester plus longtemps le visiteur. Dans le cas d'une image dans un cadre définie, le lieu du changement est limité à ce cadre et ne perturbe aucunement le passage d'une page à une autre. On ne se rend pas forcément compte. Et si ce n'est pas conscient, l'inconscient sera là pour mémoriser les changements et se dire (pures spéculations, je ne suis pas expert dans le domaine) "Ah, y'a eu du changement là, c'est sympa, ce n'est pas toujours pareil".
C'est pour ses raisons que j'ai mis en place ce système sur mon blog, et que je vais le mettre en place sur d'autres sites, et le proposer pour mes futurs projets. En plus, vous savez qu'ici, vous pouvez ajouter vos propres headers, ce qui permet encore une petite personnalisation en plus pour ceux qui veulent...

En 2 mots : "une petite chose qui ne coûte rien, simple et discrete qui apporte un petit plus au site"