Redescendons un peu sur la terre ferme en revoyant ensemble ce phénomène. Une fois les clés en main, votre opinion pourra devenir tranchante et votre culture Web enrichie.

Quel bonheur !

« Le Cloud Computing, kézako ? »

Le Cloud Computing ou informatique dans les nuages est un terme général qui désigne le fait de proposer des services hébergés sur Internet.
Cela signifie pour les utilisateurs, qu’ils accèdent à leurs applications et données sur des serveurs distants et non plus sur leurs propres machines. Dans ce concept, les utilisateurs n’ont plus à se soucier des aspects techniques (infrastructures, déploiement, mises à jour…)

Source

« Et j’y gagne quoi à utiliser le principe de Cloud Computing ? »

Il est fort probable que vous l’utilisiez déjà sans vous en rendre compte : Gmail, Flickr ou Spotify sont des services auxquels vous avez accès via Internet et où vous stockez des données. C’est exactement le principe du Cloud Computing.
Si on synthétise, voici sur quels points nous sommes gagnants :

1. L’accessibilité : Vos données sont sur un serveur, consultables à n’importe moment et où que vous soyez via une connexion Internet. Elle n’est pas belle la vie ?
2. Partage et travail collaboratif : Vous pouvez également partager vos ressources et permettre ainsi un travail à plusieurs. Pensez à Google Docs, on touche du doigt le Web 2.0.
3. Économique : Votre prestataire gère complètement les aspects techniques du service et des coûts engendrés. Pour une entreprise, cela se traduit par exemple par la disparition de mises à jour pour chaque poste, car réalisées côté serveur. Homogénéisation des versions et gain de temps. Nous le savons tous : « Le temps c’est de l’argent ».
   De plus, lorsqu’ils ne sont pas gratuits, les services en cloud computing sont proposés sur un modèle « à la demande », offrant ainsi aux entreprises la possibilité de moduler leurs demandes en logiciels selon leurs besoins.

« Hum. Niveau inconvénients, qu’est-ce qu’il en ressort ? »

Aucun système n’est parfait, et le Cloud Computing n’échappe pas à la règle. Les points suivants sont à méditer :

1. Connexion Internet obligatoire : Sans celle-ci, inutile d’espérer pouvoir accéder à vos ressources. C’est un réel frein lorsqu’on sait qu’en pleine campagne par exemple, le Wi-Fi devient rare et la 3G difficile à capter.
2. Transportabilité des données : Vos données sont-elles « prisonnières » du service auxquelles elles sont liées ? C’est parfois le cas, Google Wave en est un exemple. Comment récupérer nos données en cas de fermeture d’un service ou pour simple sauvegarde locale ?
3. Sécurité et intégrité des données : Le sujet est loin d’être simple et mérite des études approfondies. En regroupant vos ressources sur Internet vous perdez, une partie du contrôle sur celles-ci. Dès lors que vos données, même chiffrées, transitent sur Internet, le risque de piratage est bien plus présent que sur une utilisation locale.

Deux exemples récents de pertes de données utilisateurs en cloud computing prouvent que le sujet est encore préoccupant.
Toutes les données (contacts, agenda, photos, etc) d’utilisateurs du téléphone Sidekick (de l’opérateur T-mobile) se sont envolées suite à une opération de maintenance ratée par Microsoft.
Autre exemple, un service en ligne de sauvegardes, Carbonite, a perdu les données d’une cinquantaine de clients, à cause d’une défaillance matériel. Il est donc primordial de prendre conscience des limites que le Cloud Computing impose.

« Au final, le Cloud Computing, c’est bien ou c’est mal ? »

Les avis divergent. D’un côté les révolutionnaires vénèrent le principe et voient le futur sur un petit nuage. Un avenir mutualisé et sans cesse connecté à la Toile. De l’autre, les méfiants qui le redoutent et font des inconvénients cités ci-dessus leur argumentaire d’anti-cloud. Trop risqué et trop fragile, ce n’est pas un concept viable.

Au-delà de ces caricatures, le Cloud Computing est un principe révolutionnaire attisant la curiosité et l’intérêt. Google Chrome OS en est la preuve. Ses avantages sont certains et concordent avec les nouveaux besoins grandissants. Mais les craintes qui lui sont associées méritent une attention particulière.
Personnellement, je pense que les particuliers, les professionnels ou les entreprises ne sont pas prêts à se fier complètement à ce principe et de nombreuses craintes subsistent (à juste titre).
Cependant, le Cloud Computing reste indéniablement dans la liste des « Trends topics » (sujets populaires) dans l’avenir des usages Web, qui plus est en 2010 !

La présence d’un configurateur d’apparence vient palier à ce problème. Il est désormais possible de pouvoir intervenir sur l’apparence du site afin de le rendre le plus facile à lire pour la vue. Inversion des couleurs, texte en blanc sur fond noir, changement de contraste, tailles des polices, typographies, tout est ici paramétrable ! Une visualisation en directe permet de se rendre compte du résultat avant validation.
Quel progrès ! Ce genre d’initiative n’est certes pas nouvelle mais rarement déployée de manière aussi complète et efficace sur un site aussi important que celui de la BBC.
Bien évidemment, cela a un impact non négligeable en terme de coût de réalisation. Si cette politique est clairement à encourager, je serais quand même curieux de savoir si le retour sur investissement (un des facteurs qui décourage les annonceurs) est intéressant sur un projet de cette envergure et pour ces problématiques d’accessibilité.

Une initiative similaire avait été présentée lors des ateliers Paris Web 2007 pour le musée Beaubourg et son site adapté au public handicapé.

Réalisé à l’époque par des étudiantes des Gobelins (aujourd’hui professionnelles du web), ce site permet d’obtenir de nombreux contenus de manière totalement accessible (adaptation du site aux différents types de déficiences visuelles, vidéos sous titrées, interprétation correcte par les synthétiseurs vocaux etc…)

Tout juste rentré des ateliers Paris Web 07 que déjà la frustration de n’avoir pu assister aux conférences s’installe. En effet, tous les excellents échos que j’avais pu avoir se sont révélés vrais.

Plusieurs « pointures » du web français et international étaient présentes ce qui a donné lieu à des interventions d’une qualité plus qu’appréciable, des interactions nombreuses avec les auditeurs et une bonne humeur générale toute à fait plaisante.

Le seul défaut que j’ai pu trouver à cette journée est qu’il était impossible d’assister à tous les ateliers…damned

Puisqu’il a fallait en choisir 4, voici les ateliers auxquels j’ai assisté :

• « Analysons ensemble l’ergonomie de votre site Internet !» par Amélie Boucher
• « Flex, Flash et accessibilité» par Stéphane Deschamp
• « Le RGAA par la pratique » par Aurélien Levy
• « Conception d’un site accessible : démarche et bilan ! » par Émilie Sidoli, Julie Landry, Laurence Borne, et Marie Destandau.

Je vais donc vous faire mon petit compte rendu sur ces 4 interventions (en 4 billets différents) qui, est-il besoin de le préciser, ont toutes d’été de grande qualité.

1^er atelier : Analysons ensemble votre site Internet par Amélie Boucher

Amélie Boucher – fondatrice d’Ergolab et auteur du récent ouvrage sur l’ergonomie web disponible chez Eyrolles.

Première remarque et non des moindres, la salle était pleine. Pleine, à tel point qu’il n’y avait plus de places assises et que les retardataires ont dû rester debout. Bien que cela ait l’air tout à fait anodin, quel meilleur témoin de la prise de conscience de la place importante de l’ergonomie dans la conception de site Internet.

La présentation s’est axée autour de 12 règles essentielles :

- Une architecture bien rangée et adaptée à la cible

S’il semble évident que cela soit une nécessité de base, de nombreux sites Internet viennent nous prouver tous les jours le contraire. L’architecture business ne doit pas systématiquement être adaptée de façon « brut de pomme » sur le site. En effet, certains termes spécifiques à la marque ne sont pas toujours porteurs de sens pour l’internaute ce qui peut venir perturber la navigation au sein du site.

Par ailleurs, il existe une différence notoire entre la quantité d’informations proposées par le site par rapport à celle perçue par l’utilisateur d’où l’importance capitale d’organisation du mieux possible l’information.

- Organisation visuelle

L’organisation visuelle se cale directement sur les lois de Gestalt (grands principes d’organisation visuelle)

-Cohérence

Conserver une logique tout au long de la navigation de l’internaute.

Un peu facile mais tellement flagrant en ce moment, les portails France Television en pleine refonte. La page d’accueil de France 2 et France 3 viennent d’être mise à jour alors que le contenu de niveau 2 conserve l’ancienne mise en forme. Un peu déroutant même pour les utilisateurs avertis que nous sommes.

-Convention

Les conventions font appel à la mémoire utilisateur et au « règles » ou « principes » établis des usages sur Internet. Exemple concret : le logo d’un site Internet. Ce dernier est systématiquement placé en haut à gauche pour suivre le principe de lecture qui va dans ce sens. De façon intuitive nous avons le réflexe d’aller le chercher là quand bien même il serait placé à droite.

L’exemple présenté par Amélie s’est fait sur le site de Clarins. Il est vrai que lors du choix du produit, une liste de checkbox est laissée libre à l’utilisateur. Instinctivement (et puisque c’est gratuit), nous avons tendance à cocher toutes les cases.

Dommages, un seul article semble autorisé (et pourtant cétait indiqué). Un radiobutton aurait semble-t-il été plus judicieux d’autant que les différentes utilisations des éléments de formulaires sont maintenant quasiment acquis pour les utilisateurs réguliers du net.

-Information – visibilité du feedback

Informer l’utilisateur ! Un utilisateur informé est un utilisateur en confiance, qui plus est sur un site d’achat.

Sur VirginMega, un ajout de produit présent déclenche l’affiche en haut de page d’une alerte précisant le contenu du panier. Problème, on ne le voit pas lorsque l’on est trop bas dans la page.

Dommage de ne pas avoir pensé à faire adapter la position de cet affichage selon là où l’on se trouve dans la page.

Résultat de cette erreur, un double clic de l’utilisateur donc un double ajout ce qui entrainera plus tard une suppression dans la page dans son panier. Bien évidemment, cela ne sera pas pour rassurer le futur acheteur.

-Compréhenssion

Faire comprendre à l’internaute ce qu’il est en train d’entreprendre sur le site. Les actions ne doivent pas être ambigües mais claires pour être le plus efficient possible.

-Assistance

Guider l’internaute !

Il faut suggérer les actions (notion d’affordance) qu’il doit faire sur le site. Ne pas le laisser perdu dans cette masse d’information sous peine qu’il ne revienne pas.

-Gestion des erreurs

La gestion des erreurs est essentielle. Comme dans la règle « information », un utilisateur informé est un utilisateur rassuré.

L’erreur en elle-même n’est pas problématique, il faut simplement faire attention à bien le faire remonter à l’internaute en lui indiquant précisément d’où vient le problème pour faciliter la correction.

Attention toutefois à la surprotection.

L’exemple étudié pour illustré les formulaires à vérification instantanée a été Remember the Milk déjà mis en avant par Fred Cavazza. Amélie Boucher montre ici que ce formulaire, aussi intuitif soit-il, pousse la protection utilisateur contre les erreurs trop loin dans le sens où le site considère comme erreur tout champ non rempli à partir du moment où le focus de la souris est sur ce champ.

A titre personnel, je trouve le formulaire d’inscription au portail Yahoo bien plus intéressant et intuitif (celui-ci fera d’ailleurs l’objet d’un article prochain). L’ajax est certes beaucoup utilisé mais de manière plus judicieuse que dans RTM. En effet, Amélie Boucher précisait que si la vérification instantanée était très appréciable d’un point de vue ergonomique, une sur-utilisation pouvait ne pas être utile.

-Rapidité

La rapidité où comment être efficient sur une page.

Un exemple tout simple de comment perdre du temps lorsque l’on cherche quelque chose sur le site de l’AFNIC.

Lorsque vous rechercher un nom de domaine mais que vous souhaitez le modifier, le contenu du champ disparait systématique et l’on se retrouve à devoir ressaisir mainte et mainte fois la saisie.

-Liberté

Live free or die…

L’internaute doit ressentir une grande liberté d’action sur le site. No comment.

-Accessibilité

Bien évidemment, l’accessibilité est une contrainte essentielle.

Selon Tim Bernes Lee, directeur du W3C et inventeur du World Wide Web « Le pouvoir du Web réside dans son universalité»

Rendre un site accessible devrait être aujourd’hui considéré comme un postula obligatoire dans toute création web. Mais oui, un site accessible est souvent plus long à faire ce qui impacte des coûts supplémentaires que tous les annonceurs ne sont pas près à assumer. Par ailleurs, un site accessible n’est pas synonyme de charte graphique absente et d’une mise en page laide, en témoigne le site réalisé par Émilie Sidoli, Julie Landry, Laurence Borne, et Marie Destandau pour le centre Pompidou.

-Satisfaction de l’internaute

Ce point se passe à mon sens de commentaire. Le titre seul suffit à comprendre.

La séance s’est terminée par une analyse de quelques sites proposés par les personnes présentes. Par manque de temps, seuls 3 sites ont été analysés.

Au final, j’ai trouvé que cette intervention était l’un des plus intéressantes de la journée. La bonne humeur dégagée par notre oratrice et les nombreux exemples ont permis d’apprendre rapidement quelques règles essentielles d’ergonomies, qui bien qu’elles soient connues, sont loin d’être appliquées partout.

Bravo pour cet atelier !

Amélie Boucher sera également présente à la conférence du 29 novembre à Adobe organisée par Designers Interactifs.

Synerg’heTiC ne manquera pas de vous faire un compte rendu.

Graphiquement, on peut toujours trouver à redire. Cependant, essayez de zoomer sur le texte (”touche ctrl” + “molette de la souris” par exemple). Là c’est tout de suite plus interessant puisque, c’est assez rare pour le souligner, la mise en page est conservée de façon très fidèle selon le niveau de zoom. Les tailles de typographies sont gérées en « em » dans la feuille de style, et les dimensions des images sont probablement mises à jour à la volée par javascript. Chapeau.

Bon, de là à complimenter AOL pour ses efforts en matière d’accessibilité, il faudra déjà voir à valider le code html (transitionnel) au W3C…

Ecrit par le grand Elie Sloïm et les contributeurs Opquast, ce fascicule se veut être à la fois une introduction à l’accessibilité, un guide de recommandations (reprenant les critères AccessiWeb), et un premier outil d’audit sur le terrain.

C’est très pratique, ça coùte à peine 5€, alors foncez vous le procurer!

Pour définir la nature et l’objectif de ce blog collaboratif, rien de mieux que les propres mots de son créateur déjà auteur de Tentatives Accessibles :

“J’ai aujourd’hui le plaisir de vous annoncer le lancement de Planète Accessibilité. Ce site Web recense et classe les articles récents en provenance de divers sites ou blogs traitant de l’accessibilité numérique.” Sébastien Delorme.

Cette démarche est d’autant plus louable que cela permet à tous webmestre, en un flux rss, de se tenir un minimum au courant des recommandations, débats et avancées concernant l’accessibilité numérique. Bravo.

Le site a d’ailleurs été réalisé par plusieurs étudiants de Synerg’heTiC.
Vous y trouverez les photos de l’événement, la publication des supports des conférences, ainsi que plusieurs interviews vidéos pour approfondir les sujets abordés.