samedi 18 juillet 2009

Le best of de la semaine : screencast, screentesting, éditeur d'images gratuit

Les vacances sont là mais les nouveautés s'enchainent toujours aussi vite sur le net. Voilà 3 services qui pourraient bien devenir indispensables pour les travailleurs du Web.

1- Screenjelly : screencast gratuit et en 1 clic
En matière de screencast, Screenjelly fait très fort. Rien à installer sur votre ordi, aucune inscription, c'est gratuit. Vous pouvez faire une capture d'écran vidéo de votre écran en 1 clic puis la partager avec votre communauté en à peu près autant de clics. Screenjelly est donc l'appli idéale pour envoyer rapidement une démo ou un tutorial à un utilisateur distant.

2- Pixlr free : éditeur d'image gratuit
Je vous avais parlé de Sumo, un éditeur d'images en ligne façon Photoshop Lite. Voici Pixlr Free, un concurrent sérieux. Vous y trouverez toutes les fonctionnalités clef d'un bon éditeur d'image : gestion des calques, application de filtres, de textures...

3- Usertesting.com : regardez les internautes surfer sur votre site
Usertesting.com n'est pas le premier service à proposer de filmer la navigation de testeurs de votre site, mais c'est le premier à casser les prix ! Pour 29 $, vous obtenez une vidéo d'un internaute qui surfe sur votre site et commente ses impressions. C'est donc une excellente façon de tester l'ergonomie générale de votre site ou de vérifier que vos objectifs sont atteints (inscription à une newsletter, remplissage d'un formulaire etc...). A noter, vous pouvez aussi vous inscrire en tant que testeur pour gagner 10 $ lors de chaque test.

vendredi 17 juillet 2009

Comment ajouter un bouton retweet sous blogger

On ne présente - presque - plus Twitter. Une des raisons de son succès, c'est qu'il permet de diffuser ultra-rapidement des informations. C'est donc un outil fantastique pour booster le trafic d'un site Web.

Un écosystème de services complémentaires est venu se greffer au site Twitter. Parmi ceux ci on trouve Tweetmeme.com. C'est le Digg de Twitter, c'est à dire qu'il classe les informations les plus retweetées, donc les plus populaires.

Tweetmeme propose de nombreux plugin pour Wordpress, Joomla ou Drupal. Une fois installés sur votre plate-forme ils vont permettre à vos visiteurs de re-teweeter en 1 clic le contenu de votre blog (ou site). Avantage : vous booster le trafic de votre site grâce à la force du réseau.

Seul hic, Tweetmeme ne propose pas encore de plugin compatible Blogger. Voici donc comment faire pour rajouter un bouton "retweet" sur votre blog blogger.

2 versions de bouton retweet

Suivez le guide :

1- Allez dans Mise en page -> Modifier le code HTML
2- Cochez la case "Développer des modèles de gadgets"
3- Cherchez le code suivant :
<div class='post-header-line-1'/>

A- Si vous voulez utiliser un bouton "retweet" par défaut, insérez le code suivant juste en dessous :
<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>

Ceci aura pour effet de positionner le bouton à droite de votre billet (comme sur Justblogit.net). Pour le positionner à gauche, il faut juste remplacer float:right par float:left.

B- Si vous préférez utiliser le bouton compact, utilisez plutôt le code suivant :

<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_style = 'compact';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>
4- Sauvegardez le template et c'est tout ! (Vous pouvez aussi prévisualiser le template pour être sûr que tout est ok :-)

NOTE : Par défaut, le billet retweeté sera de la forme "RT @tweetmeme". Vous pouvez afficher à la place votre compte Twitter en utilisant le code suivant :

<div style='float:right; padding: 5px 5px 5px 5px'>
<script type='text/javascript'>
tweetmeme_url=&#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;Your User Account&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script> </div>
Remplacez "Your user account" par votre nom de compte twitter.

Si vous avez un souci, contactez moi !

[Billet traduit et adapté issu du site Blog Godown]

samedi 11 juillet 2009

Carton rouge pour 3suisses.fr

Hier, j'ai failli - failli seulement - faire un achat sur le site 3suisses.fr. J'allais dégainer ma CB quand je me suis aperçu de 2 pratiques très limite-limite du site.

1- Opt in passif en veux tu en voilà

La loi française (article L34-5 du code des postes et des communications électroniques) stipule qu'il est interdit de collecter une adresse email sans le consentement de son propriétaire et/ou via une case pré-cochée qu'il faut donc décocher dit "opt-in passif".

Les 3suisses-3sioux font un superbe cumul des 2 procédés. Lors du processus d'achat, l'adresse email est demandée pour recevoir une confirmation de commande. On est alors informé que l'on recevra des offres commerciales de la part des 3suisses. Sauf qu'il est impossible de refuser de recevoir ces mailing. Donc si on veut effectivement recevoir une confirmation de commande puis de livraison, il faut obligatoirement se faire spammer. Pas très correct vis à vis des clients.

2- Participation forfaitaire aux frais de paiement... bien cachée

C'est à l'ultime instant que j'ai vu apparaitre cette fameuse participation forfaitaire aux frais de traitement, dans un petit encadré en haut à droite. Le site appâte le visiteur avec des "frais de livraison à 1 euro seulement" puis glisse discrètement cette participation forfaitaire de 6 euros au dernier moment. Encore une fois c'est limite-limite.

La prochaine fois, je commanderais chez la Redoute.

vendredi 3 juillet 2009

2 raccourcis iPhone bien pratiques

Voilà 2 astuces pour gagner un peu de temps lorsque vous utilisez votre iPhone préféré.

1- L'auto-scroll unidirectionnel contextuel par rémanence digitale... ou plus simplement "haut de page en un clic" :-)

Pour remonter instantanément en haut d'une page, par exemple dans Safari, il vous suffit de cliquer sur la petite barre horizontale où s'affiche l'heure. Une photo vaut mieux qu'un long discours.
Attention : cette astuce ne fonctionne pas dans toutes les applications (et c'est bien dommage).

2- Afficher le contrôleur de piste audio même en mode veille

Si votre iPhone est en veille pendant la lecture d'un mp3 et que vous souhaitez passer au morceau suivant ou revenir au précédent, il vous suffit de double cliquer sur le bouton "home" pour afficher le contrôleur de piste.

Voilà alors ce qui s'affiche :

Bien sûr si vous utilisez les écouteurs livrés par Apple, vous pouvez aussi cliquer et/ou double cliquer sur le micro pour switcher la piste. Et si vous avez le firmware 3.0 vous pouvez aussi secouer d'un coup sec votre phophone pour obteni le même résultat :-)