Le projet était dans les cartons de la webagency de Los Angeles Varien : une nouvelle plate-forme opensource d’e-commerce. Son nom : Magento. Avatar du célèbre osCommerce, il est annoncé comme une révolution du produit. Si la communauté suit…

Bien que Varien promette que sa solution est bien plus flexible qu’osCommerce, il n’en reste pas moins que ce dernier occupe une place stratégique dans le corebusiness des développeurs. Avec ses 3000 contributions, osCommerce outille déjà bon nombre de plateformes commerciales. Et de l’une à l’autre solution, il ne s’agit pas d’un simple upgrade…

A la simplicité de prise en main affichée, les développeurs de l’open source répondent que la clarté du code n’en implique pas forcément la simplicité. Certes développé en PHP, certains vont même jusqu’à évoquer un mode de fonctionnement proche du C++, tant l’option de l’orientation objet y est valorisée. D’autres utilisateurs évoquent quant à eux la problématique de la compatibilité de cette nouvelle solution avec des outils de gestion interne de stocks et de facturation des entreprises ; chose qu’osCommerce avait quelque peu résolu.

Quoi qu’il en soit, les « plus » (urlrewriting intégré, processus marketing 2.0, rich media optimisé, et d’autres fonctionnalités) laissent à penser que Magento ne sera pas un coup dans l’eau. D’autant plus que l’entreprise américaine a l’intelligence de lancer avec la première version de son logiciel, une véritable stratégie de communication internationale, prévoyant d’ores et déjà le multilinguisme, non seulement de l’outil mais aussi des forums.

Visionner les démos de Magento

L’interview de Roy Rubin sur Captain Commerce

Le forum Magento

Le forum Fragento (version francophone)

Très contestée, et depuis fort longtemps déjà, la règle des 3 clics fait tout de même long feu. Pourtant, l’évolution visible de l’internet démontre chaque jour sa relative inanité.

Pour forcer le trait, la conception « en entonnoir » d’un site motivé, dans son architecture, par la règle des 3 clics nie totalement l’expérience et l’expertise de l’utilisateur. Cette conception considère l’internaute comme un être lambda dont le comportement serait prévisible et gravé dans le marbre.

Or il n’en est rien. De plus en plus, les internautes affinent leurs recherches, multipliant les mots clés dans les moteurs (externes et internes). En conséquence de quoi, si un site actuel a toujours sa page d’accueil, toute bonne conception de site « user friendly » induit que chaque page du site est potentiellement une page d’accueil. La page d’accueil d’un utilisateur à un moment donné de l’historique de son expérience web personnelle.

Pour être extrême, les règles de la qualité rédactionnelle et du référencement naturel supposent qu’idéalement, la règle des 3 clics devrait être oubliée à la faveur de la règle DU clic. En effet, un contenu optimisé (qualité des mots-expressions clefs, rubriquage performant et référencement page par page) est idéalement en phase (spatiale et temporelle) avec l’utilisateur (identifié et profilé). L’ergonomie ayant, dans ce cadre, la fonction de filets de sécurité si l’internaute, pour l’une ou l’autre raison, tombait « à côté de sa page ».

Les conditions de cette « mise en phase » entraîne inéluctablement une expérience utilisateur gratifiante et agréable ; et dès lors, à partir de cette situation (si et seulement si), le nombre de clics n’a plus guère d’importance car :

• ou l’internaute trouve rapidement ce qu’il cherche ;
• ou, de liens logiques en liens logiques, il musarde sur le site.

Lorsqu’un site commercial s’internationalise, il est nécessaire d’envisager sa transcription multilingue. Cette transcription ne se limite pas en une traduction littérale de son contenu. Cette adaptation porte le nom de « localisation » et consiste en un effort de traduction intelligente mais aussi de compréhension des us et coutumes locales du (des) public(s)-cible visé(s). Cette compréhension peut aller jusqu’à la refonte littérale de l’ergonomie d’un site, le choix des photos, des schémas explicatifs, du style de buzz, etc. Un vrai boulot donc qui doit mériter sa chandelle.

Voici un article intéressant qui reprend les différentes étapes d’optimisation de localisation de son site. Pour la plupart des (petites) entreprises implantées sur des zones territoriales étendues, cette démarche ne les préoccupe pas de prime abord. Mais certains pays comme la Belgique se doivent de s’y intéresser. Tout simplement parce nous avons la particularité de compter pas moins de trois langues sur notre territoire de 30.528 km² où, par ailleurs, se situe la capitale de l’Europe !

L’identité visuelle des entreprises est tout sauf anecdotique. Elle est le fer de lance de leur crédibilité, de leur anticipation et de leur stabilité. Cette identité ne se limite pas à un logo même si ce dernier semble être la partie visible d’un iceberg. Or le logo n’est que le drapeau au sommet de l’iceberg.

Ce qui compose l’identité visuelle d’une entreprise, c’est par ailleurs, sa (ses) couleur(s), sa police de caractère (certaines grosses entreprises n’hésitent pas à faire créer leur propre police), sa mise en page, certains mots-clés, … Et surtout ce qu’on peut faire et ce qu’on ne peut absolument pas faire !

La liste des guidelines peut être longue. Et c’est avec ferveur, lorsqu’elles ont été définies, qu’il faut s’y tenir. C’est dire si tous les cas de figure doivent y être étudiés (exemple : un logo coloré doit être pensé aussi en niveaux de gris pour l’impression au quotidien de documents internes ; voire même en noir et blanc pour l’envoi de fax).

Toutes ces données doivent être réunies en un endroit unique, constituant une « bible » identitaire. Dans le cadre de création d’un site web, cette bible sera très utile aux webdesigners pour élaborer la charte graphique du site web mais aussi pour en orienter des méthodes de navigation (ergonomie) en accord avec les meilleurs principes du web et la philosophie de la société.

Pour découvrir pratiquement en quoi consiste une identité visuelle, voici deux cas d’études :

–> Daimler
–> Heineken (dans le cas d’Heineken, on lira profitablement cette page qui établit la nuance entre la visibilité de la société Heineken et l’identité du produit Heineken)

Au passage, un cri du cœur :

S’il-vous-plaît, entreprises de toutes sortes et de toutes dimensions :

- conscientisez-vous à la nécessité de posséder une charte graphique et des guidelines de société professionnelles ! C’est un investissement qui peut aller de quelques centaines d’euros à quelques milliers. Mais c’est primordial !

- cessez de demander au fils de la secrétaire qui a chopé une version craquée de photoshop sur internet de vous bidouiller un logo pour trois euros 6 centimes. ça se voit !

Ceci dit…

Revers de la médaille, lorsqu’une entreprise en facilement identifiable, elle s’expose à des attaques frontales clairement identifiées. Dans le genre « campagne virale » de consommateurs furieux qui mettent le paquet, voici un bel exemple. Et nous sommes curieux de la réponse qu’apporteront les intéressés à ce qui va être un monstrueux bouche-à-oreille. A moins qu’ils ne fassent le gros dos…

Segmenter les prospects pour déterminer son (ses) public(s) cible(s) est le b.a.ba de la démarche marketing. Cependant, saviez-vous que vous pouvez aller plus loin ? Lorsque votre public cible est déterminé, il vous est possible de pousser l’analyse jusqu’à étudier les réactions possibles à vos campagnes des différents (sous-)profils qui composent ce groupe, en réalisant une série de « personas ».

Si la segmentation a pour objectif de déterminer à qui vous allez vous adresser pour tenter de lui vendre quoi, les personas vont vous aider à simuler le comment et le pourquoi les choses vont se passer tel que vous le souhaitez (ou pas).

La méthode des personas passe par la constitution de différents profils «en mouvement»; quelles sont leurs motivations et leurs objectifs à un moment “t”? Au niveau d’un site web ou d’un intranet (ou d’un blog privé, d’un wiki, …), cette réflexion passera par l’analyse du contenu et de ses différents états d’accessibilité mais aussi par le design (est-ce que mon site est user friendly pour ce type de profil de mon segment ?).

Pour ce faire, vous réaliserez des fiches de personas qui vous permettront, un peu comme sur un jeu de plateau, de simuler l’activité de vos clients sur votre plate-forme, eu égard à un nombre de paramètres que vous aurez déterminés : l’histoire de votre persona, sa situation socio-culturelle actuelle, son degré de formation, …

Evidement, plus votre segmentation sera large, plus le nombre de personas sera important.

Pour approfondir le sujet, nous vous renvoyons à deux articles (en anglais ):

Reconciling Market Segments and Personas

An introduction to personas and how to create them

Et une liste de ressources documentaires.

Ainsi qu’à un article prochain annoncé par Amélie B. sur Ergolab et qui sera sans aucun doute passionnant à suivre du point de vue de l’approche ergonomique.

La polémique est presqu’aussi ancienne que le web lui-même : est-ce que l’internaute scrolle ou pas ? Entre les pour et les contre, un consensus général admet que l’internaute scrolle… si on lui en donne l’envie. De la même manière que l’on rentre plus ou moins profondément dans un magasin ; si, dès l’entrée, on ne se sent pas concerné par les produits, on fera rapidement rebrousse-chemin pour passer au magasin suivant.

Pour autant, on remarque une étrange tendance chez certains organes de presse. L’observatoire des médias s’est penché sur les cas de 20minutes et autre post.fr. Ces sites d’informations n’hésitent pas à proposer à leurs lecteurs jusqu’à 20 écrans ! Ce qui fait dire à Ecosphère que le web, dans certains cas, se lirait désormais comme un parchemin.

Il n’y a pas encore d’études claires qui indiquent si les internautes accrochent réellement à cette façon de présenter toute l’info en une seule page (géante). Certes, on peut y voir une forme proche du blog. Mais les objectifs et les modes de communication sont tout de même très différents. Quoi qu’il en soit, les juges de paix de cette nouvelle forme seront incontestablement les annonceurs et les résultats dans les moteurs de recherche.

A suivre donc et voir s’il s’agit là d’un effet de mode doublé d’un effet de manche(tte)…

Une question qui récolte un lot impressionnant de commentaires et d’avis en tous genres sur les forums et chats de discussion. Depuis comment créer une page HTML ? à la réalisation de feuilles de style et sans oublier les aspects “user friendly” de toute page web qui se respecte, il y a de quoi en perdre son latin ! Après ça, si vous décidez de vous en remettre au bon vieil ouvrage du type “How to… for dummies ?, passez d’abord faire un tour ici.

Web design from scratch est une plate-forme dédiée au webdesign bien sûr mais pas qu’à ça ! C’est aussi une mine d’astuces et de méthodes bien ficelées pour créer de simples pages web, améliorer son graphisme ou encore repenser son ergonomie web.

La règle de proximité

Personnellement, l’une des méthodes que j’ai pu retenir est un principe ergonomique simple mais qui fonctionne plutôt bien une fois appliqué. Celui du pouvoir de la proximité. En d’autres termes et selon cette règle, l’utilisateur a tendance a regrouper ou à associer des éléments dans un site web pour leur donner le même sens ou la même fonction.

Pour faciliter la navigation, il s’agit ainsi de regrouper des éléments sur base de leur similitude graphique ou proximité et d’éviter ainsi chez l’internaute des erreurs d’interprétation. Règle qui vaut pour les icônes sur un site mais également pour la présentation d’un formulaire ou le regroupement d’informations sur une page.

Parce qu’un exemple est bien plus parlant, voici le site de Dille & Kamille, magasin de produits de décoration d’intérieur qui a respecté cette règle comme vous pouvez le voir ci-dessous et dont le “touch and feel” du site est je trouve également très réussi.

Et vous, donnez aussi votre avis ? Pensez vous que les aspects graphiques dans un site web ont plus ou moins d’importance ? Et les règles ergonomiques ? Plutôt tenter de les respecter ou pas ?

Stabel vient de publier un document (en pdf) présentant les principaux résultats de leur enquête sur les TIC menée auprès des ménages et des individus belges par la Direction générale Statistique et Information économique en 2005, 2006 et 2007.Les statistiques sont classées en huit domaines principaux : Généralités, Territoire et environnement, Population, Société, Économie et finances, Agriculture et activités assimilées, Industrie, Services, Commerce et transport.

Extrait :

Ce document volumineux (264 pages) est une mine d’or pour tous ceux qui s’intéressent à l’ergonomie web et à l’e-commerce. Il permet d’identifier les résistances (et préférences) des internautes et de leur proposer des solutions online facilitatrices (et donc rentables).

Avant de vous plonger dans ce vaste mane de erssources, voici quelques tableaux, véritables diapositives de la situation des TIC en Belgique.

Amélie Boucher vient de publier un ouvrage consacré à un domaine qu’elle connaît très bien : l’ergonomie web. Et c’est d’ailleurs justement le titre de son ouvrage, paru aux éditions Eyrolles.

Le livre présente, de manière claire et pragmatique, les différentes règles essentielles à suivre pour optimiser la navigation de son site. L’ouvrage est parcouru de multiples exemples qui permettent de comprendre, en pratique, les concept et formules présentées. Une bonne boîte à outils donc et, sans aucun doute, un excellent investissement.

Pour en savoir plus sur le livre et en télécharger des extraits, un site dédié est visitable ici.

Extrait de l’intro :

Extrait du chapitre 02 :

•  La sacro-sainte règle des 3 clics
• Les internautes sont idiots
• L’ergonomie et le design, ennemis jurés
• Pas besoin d’ergonomie, on a fait un focus group
• Faites-moi un site ergonomique
• Les internautes lisent en F
• L’ergonomie c’est juste du bon sens
• On le fera en web 2.0, en Ajax, etc.
• Les internautes ne scrollent pas
• Pour l’ergonomie, on verra à la fin.”

Pour ceux qui ne connaitraient pas l’excellent Smashing magazine, voici pour vous mettre l’eau à la bouche, une sélection de 40 fonts libres de droit qui ont été sélectionnées par l’équipe éditoriale. Ce choix a été effectué sur des critères typographiques précis, ce qui donne à cette sélection une valeur indéniable. De quoi réaliser des titres graphiques de qualité professionnelle. Mais prenez le temps de visiter les autres sélections du magazine.

Smashing Magazine propose de nombreuses sélections qui vous donneront de multiples idées pour réaliser des blogs qui allient ergonomie et design parfois audacieux, souvent classieux, quasi toujours efficaces.

En vrac, voici quelques articles intéressants :

50 sites au webdesign simple

45 blogs au webdesign excellent

20 sets d’icônes libres de droit

80 solutions Ajax

Des plugins WP

et même une série de conseils pour faire du look 2.0 avec classe.