[Il reste encore 10 0 invitations pour JumpChart… si cela vous intéresse, laissez un commentaire ou envoyez un mail voilà les 10 invitations ont été distribuées… je vais envoyer un mail pour essayer d’en avoir d’autres si ça en intéresse toujours certains!]

Je test depuis quelques jours maintenant un nouveau service du nom de JumpChart (j’ai eut une invitation par quelqu’un mais je me souviens plus qui, un blog que je lis régulièrement, mais plus moyen de mettre la main sur la source, bref… corrige moi en commentaire et désolé)

Qu’est est le principe de Jumpchart?

Vous permettre simplement de designer votre site à plusieurs, sans avoir spécialement à connaître le HTML ou à coder.
Tout d’abord vous vous loggez et vous accédez à la liste des sites en cours (avec la possibilité d’en rajouter ou d’en supprimer…)

Vous sélectionnez votre projet et vous accédez aux différentes pages (avec possibilité de rajouter des pages, pages de niveau n-1, etc…)
Vous pouvez inviter des personnes à travailler sur une page ou la totalité du projet (avec des droits spécifiques au besoin)

Vous pouvez ajouter des pages, des fichiers (images, fichiers divers…)

Mais tout l’intérêt réside dans l’édition du contenu de la page très simple, un peu à la manière d’un wiki.
Vous pouvez modifier les textes, ajouter des formulaires, etc… placer vos titres, sous titres…

Surtout vous pouvez vous créer ce qu’ils appellent des snippets, sortes de portions de code prédéfinis que vous pouvez insérer où bon vous semble (qu’on peut utiliser pour un header ou un footer par exemple)
Pour ce test par exemple, j’ai créé un snippet TDW qui marque TravailleursDuWeb… c’est simple et ça marche très bien.

Vous pouvez aussi visualiser ou exporter une page ou la totalité de votre site.
L’export est propre (bien que un peu lourd pour certains éléments), avec code html et fichier css séparés.

Quel est l’intérêt de ce outil?
C’est un outil très pratique à mon sens pour les petites entreprises qui ont des projets web collaboratifs et qui ont choisi un type de fonctionnement agile. Ainsi un chef de projet peut très simplement “construire” ses pages sans l’aide d’un webdesigner, il fait ses pages, ses formulaires, etc… et peut ensuite refiler le bébé à un designer pour le côté graphique, puis au développeur…
Cet outil permet dans certains cas (pour des petits sites ou de taille moyenne) de se passer de la phase de storyboarding.
Un autre avantage est de pouvoir au fur et à mesure de la conception du site avoir un aperçu immédiat (évidemment sans le côté graphique), mais on peut immédiatement voir si le cheminement marche, si il manque un bout de formulaire, etc…

Je trouve cet outil très pratique et je l’ai déjà adopté pour mes différents projets.
Et vous, vous avez des logiciels pour tenter de zapper l’étape ultra pénible du story-board?

Nous avions vu (brièvement) les statistiques pour quelques sites types et leur utilisation. Concentrons nous maintenant un peu sur les outils à notre disposition.

Outils client:
Ces outils nécessitent d’ajouter sur vos pages (toutes les pages que vous voulez monitorer) un tag (le plus souvent javascript). Il existe des outils de stats live (où on voit l’évolution des stats en direct), mais la plupart sont générées une fois par jour (en général la nuit).

Google analytics

Je pense que tout le monde connait (ou en tout cas à entendu parler) du célèbre outil de statistique de Google: Analytics. Outil gratuit et très complet il vous permet de monitorer vos statistiques globales (pages vues, visiteurs, sources, etc…) mais aussi de placer des objectifs et de voir vos taux de conversions. Il est particulièrement indiqué si vous utilisez massivement AdWords (autre tentacule de la pieuvre Google).
Certains détracteurs diront que son comptage est particulièrement sévère (par rapport à d’autres outils)… et peu adapté à un déploiement en production.

Xiti

Outil de stats en version gratuite ou payante (en version gratuite, vous avez l’obligation de mettre le tag avec le logo Xiti [rouge sur fond jaune, berk!] visible en 1024×768…). Outils assez complet qui intègre beaucoup de fonctionnalités.
Outil massivement utilisé en version payante pour de grands comptes. Le système de taggage du site est assez compliqué à metter en place mais peut se révéler très pratique pour l’exploitation des résultats.
La solution payante se répartie en trois offres: pro, expert et analyser (avec des specs et fonctionnalités spécifiques pour chaque formule, je vous laisse consulter le détail de l’offre pour les gens intéressés)

StatCounter

Système de statistique gratuit, assez complet (bien qu’un rang en dessous de GoogleAnalytics ou Xiti en version payante) mais qui a la réputation d’avoir un système de comptage stable et fiable.

MeasureMap
Acquisition récente de Google, actuellement fermé (je pense que l’acquisition de MeasureMap a aidé à la nouvelle mouture d’Analytics). MeasureMap était orienté vers les stats de blogs, avec un interface très riche (flash, beaucoup de graphiques, de cartes, etc…)

WebTrends
Alors là on va sur du lourd, du très lourd… WebTrends c’est l’outil adoré des directeurs informatiques MS. Outil cher, plutôt lourd à mettre en place, mais extrêmement puissant. Jamais eut l’occasion de l’utiliser ou de le mettre en place, mais apparemment c’est un monstre (si quelqu’un a une expérience avec cet outil, commentez…)

PHP Stats
“Petit” outil de stats gratuit, qui vous permet une implantation simple et efficace. Cet outil à très bonne réputation dans la communauté PHP, massivement utilisé.

estat
Solution payante de mesure d’audience de site… avec des références assez impressionnantes. Evidemment la solution est payante et semble très complète.

StatsReports
Outil découvert par hazard, qui me semble basique et plutôt cher pour les services proposés… un outil de stats comme il en existe beaucoup et pas vraiment de “killer feature” (ou alors je l’ai super loupée) pour faire la différence.

Outils analyse de logs:
Ces outils analysent vos logs serveurs… ils nécessitent une installation sur le serveur et une petite modification du système de log (rien de bien méchant, mais il faut quand même pouvoir le faire). Les logs sont analysées à la demande ou une fois par jour pour générer un rapport de statistiques.

WebAlyzer

Outil libre e gratuit d’analyse de vos logs serveur (logs apache) plutôt complet, mais statistiques basique.

AWStats

Concurrent gratuit et libre de WebAlyser avec plus ou moins les même fonctionnalités

Outils heatmap:
Ces outils sont des nouveaux venus… ils ne s’intéressent pas vraiment aux nombres de visites, mais plutôt aux comportements des visiteurs, quels liens sont cliqués, survolés, etc. Un très bon outil à mettre en place pour analyser la visibilité des éléments.

CrazyEgg

Outil de visualisation des visiteurs, avec plusieurs système de prix (de 0 à 99$ par mois). Vous donne plusieurs possibilités: visualiser directement sur votre page web le nombre de clics, avoir la liste des clis, ou pouvoir aller sur une heatmap ou une vue “confetti”.

La page la plus intéressante reste la heatmap, qui vous permet d’observer les liens et endroits de votre pages les plus vues/cliquées.

ClickDensity

Outil relativement similaire à CrazyEgg, vous permet d’accéder à une heatmap, clickmap et hovermap… des prix entre 0 et 200£

ClickTracks
Solution professionnelle, commençant à 995$, jamais essayé, même si les fonctionnalités ont l’air plutôt complètes et intéressantes.

Beaucoup d’outils assez divers disponibles… et un choix difficile.
Tout dépend de vos besoins et de votre budget.
Et vous c’est quoi votre outil de stats préféré?

Aujourd’hui nous allons parler un peu de statistiques… non pas des outils (cela pourra faire partie d’un autre post), mais plutôt de l’utilisation des statistiques, quelles données prendre en compte, comment les utiliser, etc…

Petit rappel sur la collecte de statistiques:
Il existe deux types de collecte d’information: côté serveur, côté client.
Côté serveur: on analyse périodiquement les logs du serveur web pour sortir des statistiques: pages vues, erreurs, etc…
Côté client: on a placé dans notre code un tag qui va appeler une fonction javascript et permettre d’enregistrer des informations (visites, clics, etc…).
Ces deux types dépendent de vos besoin, mais il est à noté que la collecte côté client peut potentiellement récupérer des données plus large, en particulier sur le comportement du client, mais tout dépend de vos besoins.

Nous allons définir plusieurs modèles standard pour les utilisations de certains critères

Statistiques basiques
Vous avez un site normal et vous voulez savoir plusieurs choses:
- combien de personnes viennent sur votre site
- combien de pages sont vues

Statistiques avancées
Vous avez un site un peu plus perfectionné et vous voulez avoir des données supplémentaires sur les visites de votre site:
- combien de pages vues par visite en moyenne
- taux de rebond (c’est le pourcentage de visiteurs qui ne regardent qu’une page de votre site)
- provenance des visiteurs (direct, moteur de recherche, site référent)
- géolocalisation des visiteurs (pays)
- les pages les plus vues
- mots clefs moteur de recherche
Ces informations vous donnent une meilleurs idée du profile moyen de votre visiteur et surtout vous permet de savoir ce qui marche, d’où viennent vos visiteurs, etc…

Statistiques marketing
Vous avez besoin de statistiques beaucoup plus fines pour certaines pages ou certains clics, sur des produits par exemple. Mais surtout ce qui vous intéresse c’est d’avoir des taux de conversion par rapport aux partenariats ou aux publicités que vous avez passées ou aux mailings que vous avez envoyés.
Là ça devient tout d’un coup plus compliqué, puisque vous devez mixer des données venant de sources assez divers:
- statistiques du site (pages vues et clics sur certains éléments spécifiques)
- provenances divers (pubs, mailing, etc…)
- paiement (pour obtenir un taux de conversion et d’achat)

Statistiques spécifiques
Dans certains cas vous avez besoin de données beaucoup plus précises, comme une aide visuelle sur les clics ou les passages de souris sur votre site (pour voir les éléments les plus visibles, par exemple), ou faire du tracking.
Le tracking sort du système de statistique classique, puisque son but est de pouvoir collecter des informations (un peu de tout, votre historique de navigation sur le site, le passage de votre souris sur des liens, le temps de visite de chaque page, etc…) pour un utilisateur authentifié pour ensuite pouvoir lui proposer les offres les plus adaptées (si c’est un site marchand par exemple). Là on rentre dans le domaine plus du data-mining que des statistiques avec des outils beaucoup plus élaborés.

Beaucoup d’outils sont disponibles (certains gratuits d’autres payants), et choisir le bon outil n’est jamais évident, mais plus que “craquer” sur une technologie, analysez d’abord vos besoin réels, leurs évolutions éventuelles, quels chiffes et données vous seront utiles avant de choisir tel ou tel outil. Le gratuit n’est pas toujours l’outil le moins onéreux (quand on compte la mise en place, certains développement spécifiques à faire, les utilisations pas toujours optimales, etc…) pour mettre des statistiques sur son site.

J’essaye depuis quelques jours un logiciel développé par deux frères: Pixelmator.

Je suis assez impressionné par la qualité du logiciel: chargement ultra rapide, beaucoup d’outils et de fonctionnalités (qui d’ailleurs par leur emplacement et même leurs raccourcis ressemble beaucoup à Photoshop), interface très travaillée. Je n’ai qu’une utilisation basique, c’est à dire petite retouche, correction d’image, resiez, export, etc… je n’ai pas vraiment encore eut le temps de l’essayer à fond mais il a l’air très très prometteur.
Regardez la liste des fonctionnalités et specs, c’est assez impressionnant.
Le logiciel est en béta non officielle, même si en cherchant un peu on trouve facilement le fichier d’installation.
Bref, vous avez un Mac vous voulez un logiciel graphique léger, plutôt complet et novateur, n’hésitez plus.
Reste qu’il n’y a aucune date de disponibilité ou de prix.

Voici donc 3 petites astuces bien pratiques pour les heureux possesseurs d’un Mac.

1. Monter un SSH en répertoire réseau
Trouvé il y a déjà un certain temps sur LifeHacker… Ajoutez votre accès SSH à votre serveur de développement par exemple comme répertoire réseau dans votre finder grâce à MacFuse et sshfs. C’est extrêmement simple! Téléchargez les deux fichiers, installez, puis lancez sshfs.

Remplissez l’adresse de votre serveur, votre login, et éventuellement le répertoire distant

Rentrez votre mot de passe…

et hop c’est fait!

Ultra pratique, cela vous évite de devoir utiliser un logiciel pour accéder à votre serveur SSH et vous permet d’éditer directement vos fichiers avec votre éditeur de texte préféré (pour moi TextMate, évidemment)… cela remplace avantageusement les millions de manipulations sous WinSCP (devoir copier les fichiers en local, les modifier en local, les transférer, voir si ça marche…)

2. Desktop Manager
Pour vous permettre comme sous Linux d’avoir plusieurs Bureaux Virtuels… Desktop Manager est pour vous.
Je me crois revenir sous Ubuntu, avec mon bureau “contact, email, messenger, etc…”, mon bureau “éditeur”, mon bureau “test”, etc…
Ultra pratique.
Les transissions ne sont pas toutes adaptées pour un vrai travail. ‘Cube’ impressionnera les newbie, mais ’slide’ reste le plus lisible (et celui qui nique le moins les yeux… ‘warp’ est une horreur il me donne envie de vomir à chaque transition)

3. Lancement de programmes au démarrage
Et oui c’est ballot, mais de temps en temps on a envie de lancer quelques applications au démarrage, comme GoogleNotifier, ou encore DesktopManager (voir plus haut ce que c’est exactement!) comment faire?
Allez dans Préférences système > Comptes > ouverture

Et ajoute et enlevez les programmes que vous voulez au démarrage de votre Mac.