Le Concept : One Song One Take One Cab !

Petite perle trouvée récemment par une après midi pluvieuse passée sur le net, BlackCabSessions.com rassemble la bonne centaine de concerts improvisés par des groupes plus ou moins médiatiques mais non moins marquants dans un univers lo-fi et indé.

Les ingrédients : des musiciens sympas et pas mauvais, une scène de luxe – les places arrières d’un taxi (le Black Cab londonien à l’origine), quelques instruments peu encombrants, une caméra, et de la bonne humeur. Et c’est parti pour une dizaine de minutes sur les routes, en musique.

Hafdis Huld from Black Cab Sessions on Vimeo.

A l’origine de l’initiative, Jono Stevens, Hidden Fruits, et trois jeunes réalisateurs qui comptent bien tirer parti du potentiel de la video online. Après l’université, ces trois derniers fondent l’agence londonienne Just So Films. Depuis, les Black Cab Sessions ont connu un succès grandissant, les films étant visionnés aujourd’hui dans environ 150 pays. Rien de mieux pour faire connaître l’agence, qui a depuis vendu ses services à Google et Grand Designs Live, et dont le dynamisme a été récompensés par le « BBC New Talent Award ».

Bombay Bicycle Cycle from Black Cab Sessions on Vimeo.

Le Web-Marketing 

Un site axé communauté ?

Simple et efficace, la communauté online s’articule autour d’un blog, l’annonce des événements, les derniers commentaire sur le site et sur twitter, une newsletter. Une barre « sociale »  (trop discrète néanmoins) est présente dans la sidebar et propose de visiter la page facebook (le lien ne marche pas …!), la page twitter, le myspace et permet de s’abonner au flux RSS. 

On aurait pu toutefois aller plus loin dans la dimension communautaire en intégrant un vote pour les meilleures videos, des fonctions de partage vers les réseaux sociaux personnels… Le site reste plus une plateforme de contenu qu’espace d’échange et de partage.

Une ergonomie intuitive

La video a clairement la part belle sur les pages et attire l’oeil, occupant en moyenne un quart de la fenêtre du navigateur.

La navigation se fait ensuite en faisant marcher sa curiosité, puisque sont mis en avant les artistes, présentés en colonnes par une étiquette image+nom colorée. Le visiteur a aussi la possibilité de reclasser les videos (par nombre de vues, ordre alphabétique).

La sidebar (partie droit de l’écran) est le second élément d’intérêt. L’internaute y trouve un outil se suggestion d’artiste ( »You might also like »), une box rassemblant les informations générales sur l’artiste joué, les commentaires relatifs. Enfin on trouve sous forme de tickets le menu permettant de naviguer dans les différents événements couverts. 

Discret enfin, le header permet sans surprise la navigation générale, clairement son intérêt dans l’ergonomie générale est mineur, comme le révèle d’ailleurs le peu de temps accordé à la réalisation du site (deux liens du header ne marchent pas … soit !).

ps : On notera une ressemblance frappante avec la composition de la page des concerts à emporter sur la blogotheque.net

Publicité

On note au passage l’habillage du site par Ray-Ban, la présence d’un bandeau publicitaire stratégique sous la video, et le placement de leur gamme colorize dans les videos de certaines sessions, qui ajoute une dimension marchande au buzz.

Pour finir en Musique …

E-commerce : l’ergonomie est votre meilleur vendeur

L’e-commerce permet à vos clients de découvrir vos produits et d’acheter en ligne. S’il est devenu relativement facile de créer une interface de vente online sur son site internet (je pense par exemple aux multiples plugins wordpress utilisant paypal), la plupart de ces services se révèlent rapidement dépassés alors que le nombre de produits augmente. Alors que dire à votre prestataire ?

Quand vous faites votre shopping, qu’est-ce que vous aimez ? Vous aimez certainement l’organisation des rayons et les pancartes qui vous aident à vous orienter et vous permettent de ne jamais vous perdre. Mais vous adorez aussi le classement des CDs à la fnac qui vous permet de trouver le merveilleux « Harvest » de Neil Young presque aussi vite que le dernier album de Bloc Party. Mais vous appréciez aussi la charmante vendeuse qui vous aide de manière (relativement) désintéressée à assortir votre nouveau trench avec une écharpe « qui vous va très bien au teint ». Un site d’e-commerce doit pouvoir faire aussi bien, voire mieux !

Quelles sont les bonnes pratiques ergonomiques pour faire de votre site d’e-commerce un espace d’achat agréable et mettre le prospect (client potentiel) en confiance ?

Top 4 des bonnes idées ergonomie

1. Navigation intuitive : orientez et canalisez

Organisez vos produits en catégories et sous catégories claires. Plutôt qu’une liste interminable de produits, proposez à votre client d’affiner les propositions par rapport à ses préférences/ »critères d’affinage » (taille, prix, couleur, note des utilisateurs, disponibilité, usage recommandé, sélection du moment, promotion en cours…).

Pour chaque article consulté, proposez des articles pouvant intéresser l’acheteur (un « encart de recommandation », comme sur iTunes, ou la Fnac par exemple « vous aimerez aussi »/ »d’autres ont aussi acheté »).

Donnez aussi un fil d’ariane à l’internaute pour qu’il s’y retrouve dans son cheminement dans l’arborescence. Un encart « derniers produits consultés » est un bon moyen de faciliter la navigation, l’internaute pouvant retrouver en un clic un produit.

N’oubliez pas le moteur de recherche en ligne, pour permettre la recherche rapide de produits (vous pouvez même faire des suggestions aux premières lettres tapées, pour éveiller la curiosité).

2. Fiches produits pertinentes : détaillez sans surcharger

Acheter sur le net ne doit pas signifier acheter en aveugle : rien de plus frustrant qu’une description incomplète (et quand on est frustré…). Vos fiches doivent être claires et bien présentées, tant au niveau de l’orthographe que des informations (organisez chaque fiche avec un plan logique et tenez vous à ce plan de présentation pour chaque produit).

Le prix est un élément qui DOIT être visible.

Donnez des conseils d’utilisation, d’entretien… et laissez les clients s’exprimer et les acheteurs s’informer, vous installerez ainsi une relation de confiance qui ne peut jouer qu’à votre avantage.

Enfin, n’oubliez pas d’indiquer les informations CAPITALES que sont le mode et la date de livraison, les modalités de paiement, ainsi que la disponibilité du produit (vous pouvez compenser en proposant une alerte mail à la disponibilité !). RASSUREZ !

3. L’importance des images : faites visualiser

Vous avez la chance de pouvoir présenter vos articles sous leur meilleur jour, alors n’ayez pas peur du grand format. Permettez à l’internaute d’agrandir la photo de l’article, proposez plusieurs angles de vue.

La video, la 3D ou les techniques de réalité augmentée peuvent vous permettre de donner à vos articles la mise en valeur qu’ils méritent, et votre prospect sera comblé.

Limitez les clics et permettez à l’internaute de visualiser vos produits sans quitter la page, en permettant le zoom ou le changement de vue par survol de la souris par exemple.

4. Le Panier : soignez la praticité

Le panier est un élément central, que dis-je, un pilier, de votre site e-commerce. Il permet à l’internaute de rassembler sa sélection de produits sans perdre de temps et de la modifier rapidement.

Votre panier doit être placé bien en évidence (coin supérieur droit ou coin inférieur droit le plus souvent, mais vous pouvez le laisser visible en permanence, sous forme de fenêtre coulissante) et accessible quelle que soit la page du site visitée. Un feedback à l’ajout d’un article est un plus pour l’utilisateur.

Il doit renseigner le prix des produits ainsi que le total, permettre la suppression facile ainsi que la modification du nombre d’exemplaires, l’accès rapide aux informations produit, ainsi que bien sûr un bouton bien visible pour valider et « passer en caisse ». La présentation du panier sous format tableau permet à l’utilisateur de classer ses articles, de faire apparaître les coûts de livraison.

Et pourquoi pas permettre à l’utilisateur de créer un profil et ainsi pouvoir sauvegarder son panier pour finir son shopping en ligne plus tard (vous récupérez en plus des données clients)!?

Enfin, pensez à bien ajouter un bouton visible (et au design évocateur) proche du prix du produit consulté.

Ca vous va ?

Comment savoir (rapidement) si mon site respecte les quelques règles essentielles pour être visible des internautes mais aussi des moteurs de recherche ?

Je vais lister un certain nombre de critères qui me semble essentiels : pour l’internaute (première partie), et pour le moteur de recherche (deuxième partie).

Pour l’internaute

- Un titre à votre site (Balise <Title> renseignée) : Nom du site, l’adresse et ce que vous jugez capital

- Un logo visible (Le logo en haut à droite reste conseillé, c’est ce qui frappera votre visiteur à son arrivée sur le site web)

- Une structure bien respectée (Header / Corps du site / Footer)

- Un plan du site dans le Footer (ainsi que les mentions légales)

- Des images à chargement rapide mais avec une qualité minimum (si votre photo est pixelisée votre visiteur n’y verra rien et votre image en prendra un coup)

Pour le moteur de recherche

- Utilisation des balises H1,h2… (Ces balises renseignent les titres et sous-titres)

- Utilisation des balises <alt> pour les images

- Utilisation du URL-rewriting* dans la mesure du possible

- Une page 404 complète qui redirige sur la page d’acceuil

- Un contenu cohérent

- Des liens valides (internes comme externes)

Cette liste n’est pas exhaustive, mais il convient de s’assurer en priorité de la validité de ces critères. La non validation de ces conditions pourrait très sérieusement perturber le SEO de votre site web.

URL-Rewriting :
Technique qui permet d’appliquer un masque sur les URLs de votre site web. Exemple : www.weboptimisation.fr/test.php deviendrait www.weboptimisation.fr/Test/.
Cette technique est très utile pour les moteurs de recherche, en intégrant le titre cohérent dans l’URL vous confirmez le positionnement du site web.