Lunaweb, une réflexion sur la création web et le marketing Internet

Archive pour le mot-clef ‘accessibilite’

Le mirage de l’illusion : sites web & sites mobiles

Par le
No Gravatar

Le « web mobile », c’est notre dada ! Sachant qu’aujourd’hui un téléphone sur quatre acheté en France est un smartphone, ce sujet intéresse de plus en plus, et tout particulièrement les entreprises.

Certains prédisent même un renversement des tendances : d’ici 3 à 5 ans, les internautes navigueront majoritairement en situation de mobilité, plutôt que sur leur ordinateur.

Alors, développer une application ou un site mobile ? J’avais abordé ce sujet il y a quelques temps, n’hésitez pas à y jeter un coup d’oeil si vous souhaitez creuser le sujet. Car aujourd’hui, nous allons nous concentrer sur le site mobile.

Pourquoi ? Parce-qu’on a tendance à penser que les principes de design et d’ergonomie des sites mobiles seraient les mêmes que les sites web « classiques ». Et pourtant, ils sont très différents.
D’ailleurs, d’après une étude menée par Jakob Nielsen, 80% des sites web sont accessibles sur ordinateur, et seulement 64% des sites conçus pour mobiles.
Toujours d’après cette étude, seulement 53% des sites web prévus pour un écran d’ordinateur peuvent être consultés sur un smartphone… soit un sur deux !

telephone mobile

Lire le reste de cet article »

Le web accessible à tous : une utopie ?

Par le
No Gravatar

L’accessibilité web ne date pas d’hier : la première tentative d’uniformisation au niveau mondial, la Web Accessibility Initiative, a été lancée en 1997 par le W3C.

Et même si on peut constater des progrès depuis presque 15 ans (rappelons-nous de ces magnifiques sites décorés de gif animés… nostalgie quand tu nous tiens), nous sommes encore loin du web accessible à tous.

Depuis les tous débuts de LunaWeb, dans l’accessibilité we trust. Tout d’abord parce-qu’on a souhaité coller au plus près aux standards du W3C, et parce-que rendre nos sites accessibles (dans la mesure de notre marge de manœuvre) ne se limite pas uniquement à l’égalité du web pour tous. Et nous allons vous expliquer pourquoi…

Lire le reste de cet article »

La typographie pour le web

Par le
No Gravatar

Le Web est un média naissant, l’information qu’il véhicule est transmise par des caractères et des images, animées ou pas. La typographie pour le Web a longtemps été LE parent pauvre du www, quelle misère de devoir composer avec les fameuses 11 polices compatibles !

Table de typographie du 9ème siècle

Non, ce n'est pas la première version du Comic Sans MS

On devait alors composer avec le peu de variété à notre disposition (bon alors pour ce site, Arial ou Verdana ? Youhou !), ou passer les titrages en mode image pour éviter d’avoir une mise en scène proche du traitement de texte. Et donc alourdir le poids de la page, perdre l’accessibilité du texte, et faire reculer le référencement naturel.

Mais c’est fini ! Réduite initialement à un rôle purement pratique (juste pour lire du texte), la typo reprend ses lettres de noblesse sur le Web, et devient enfin un vrai vecteur de communication et d’identification du locuteur.

Lire le reste de cet article »

Faut-il utiliser l’intégration en HTML5 en contexte de production ?

Par le
No Gravatar

Coder en HTML5Après avoir touché un peu au HTML5 dans mon précédent article, je pense que cette version 5 du langage le plus utilisé du Web va révolutionner la manière de structurer le code des pages et donc des interfaces que nous réalisons au quotidien.

Il y a des pour et des contre, et à travers cet article je vais surtout vous exposer ce qui me semble incohérent ou pas prêt pour la mise en production d’un site codé en HTML5.

Lire le reste de cet article »

Mac OS X est-il vraiment ergonomique ?

Par le
No Gravatar
Le bureau de Mac OS X Leopard

Le bureau de Mac OS X Leopard

À en croire la plupart des écrits que l’on peut trouver sur Internet, depuis son article sur Wikipédia jusqu’aux argumentaires de vente d’Apple, Mac OS X est un système d’exploitation simple, ergonomique, qui propose à l’utilisateur une expérience sans égale.

Mais qu’en est-il réellement ?

Jusqu’en Janvier dernier, je travaillais chez LunaWeb sous un environnement Linux, plus précisément une distribution Kubuntu que j’utilise encore à titre personnel.

L’équipe s’agrandissant et les nouveaux arrivants choisissant tous de travailler sur des machines Apple, je suis resté seul à ne pas pouvoir utiliser pleinement certains outils qui se mettaient progressivement en place. Afin de ne pas rester en marge, j’ai décidé de migrer moi aussi vers Mac OS X et de troquer mon ancien poste contre un Mac mini fonctionnant sous Mac OS X Léopard.

Après plusieurs mois d’utilisation, j’aimerais faire aujourd’hui un comparatif des deux systèmes et vérifier avec vous si ce que l’on dit de Mac OS X est bien vrai. Car si il est effectivement assez simple à prendre en main et graphiquement très abouti, qu’en est-il de l’ergonomie ?

Lire le reste de cet article »

Entity Code, le site des abréviations HTML

Par le
No Gravatar

Entity Code, le site des abbréviations HTML

Lire le reste de cet article »

L’ergonomie et l’e-publicité compatibles ?

Par le
No Gravatar

Ergolab, le site des ressources en ergonomie web et logicielDans son article Publicité sur le web : que fait l’ergonomie ?, l’excellentissime Ergolab revient en détail sur ce que l’ergonomie peut apporter au contenu promotionnel d’un site Internet, puisqu’il s’agit avant tout de continuer à respecter l’accès aux contenus d’un site même lorsque l’on a recours à l’e-publicité.

La publicité sur le web est omniprésente. Comme tout élément de contenu constitutif d’un site Internet, elle entraîne des questionnements ergonomiques. Notre objectif consiste à laisser la publicité jouer son rôle, tout en limitant ses défauts potentiels du point de vue de la qualité d’utilisation d’un site.
(…) Véritable fondement de l’économie numérique, la publicité sur le web existe et ne peut pas être exclue sous prétexte qu’elle est susceptible de gêner l’internaute.

Lire le reste de cet article »

10 raisons expliquant pourquoi les clients n’ont que faire de l’accessibilité Web

Par le
No Gravatar

L’accessibilité WebMême si les choses ont un peu évolué depuis la parution de cet article de Christian Heilmann (merci Pompage.net pour la traduction), ce dernier vous permettra sans aucun doute de mieux comprendre pourquoi de nombreux clients sont encore peu sensibles à l’accessibilité et vous donnera peut-être quelques idées pour essayer de les faire changer d’avis.

Comme le dit son auteur :

Il est actuellement très frustrant d’être consultant en accessibilité dans une entreprise spécialisée dans les technologies de l’information. Les procès fortement médiatisés et les mythes profondément enracinés sur l’accessibilité ne nous rendent pas service lorsque le produit final n’aide pas vraiment les visiteurs. Nos clients ne s’inquiètent pas autant de l’accessibilité que nous le voudrions et il y a plusieurs raisons à cela.

Lire le reste de cet article »

Evaneckard : le design et l’ergonomie réunies

Par le
No Gravatar

evaneckardUne fois n’est pas coutume, je vous propose aujourd’hui de faire la critique d’un site que j’ai récemment découvert, que je trouve exemplaire à bien des égards, et que je vous propose de commenter : www.evaneckard.com.

Lire le reste de cet article »

Les 10 principes du Webdesign accessible et ergonomique

Par le
No Gravatar

Dans un article 10 Principles Of Effective Web Design, Smashing Magazine (l’un de mes 3/4 sites d’inspiration préférés), l’auteur revient sur les concepts d’usabilité, d’ergonomie et d’accessibilité abordés depuis la perspective du design.

D’une documentation remarquable (je ne sais comment ils vont chercher tous ces sites exemplaires pour illustrer leurs dires), cet article reprend les principes de base de l’heuristique appliquée au webdesign.

J’apprécie particulièrement la première partie de cette intervention, intitulée How do users think?, qui démontre images à l’appui que les internautes ne lisent pas, ils scannent une page, comme l’illustre l’aperçu suivant :

Analyse des mouvements de l'oeil sur une page Web

Les zones « chaudes » de cette image correspondent aux endroits les plus consultés par l’iris du lecteur, ceci grâce à l’analyse des mouvements de l’oeil sur une page Web (en savoir plus sur cette technique : Eyetools.com. Autrement dit, les internautes cherchent des points d’accroche, comme des ancres, permettant de poser le regard sur un éléments, qu’il s’agisse d’un bloc de texte ou d’une image.

En comparant les deux aperçus, on se rend bien compte de l’intérêt du visuel et du menu contextuel sur la page de droite. La page est bien plus balayée, et maintient une attention jusqu’à la fin du document.

Je vous laisse découvrir les 10 principes du Webdesign accessible et ergonomique par la lecture de l’article original.

↑ Haut de page