PUBLIC MARKS with tags [fr] & webdesign

Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage.

Il est des pratiques qu’il est bon de rappeler, mais il est également bon d’en rappeler les origines. Petite leçon d’histoire par Rudy Rigot à propos des agents utilisateurs et les bonnes pratiques à appliquer vis-à-vis de ceux-ci.

Il est des pratiques qu’il est bon de rappeler, mais il est également bon d’en rappeler les origines. Petite leçon d’histoire par Rudy Rigot à propos des agents utilisateurs et les bonnes pratiques à appliquer vis-à-vis de ceux-ci.

Vous êtes designer, intégrateur, concepteur d’interfaces ou chef de projet. De votre compétence dépend l’accessibilité des services et applications que vous développez. Faisons un point sur cette notion et voyons comment vous allez pouvoir la prendre en compte.

Les notices AcceDe Web s’adressent de façon spécifique à chaque intervenant d’un projet web et sont adaptées aux différentes étapes de conception.

Non, ce qui m’intéresse moi, c’est de vous présenter un peu plus en détails les différents formats de police, en particulier TTF, OTF et WOFF, de tenter de répondre à la question « Mais pourquoi mes fontes sont toutes cracra sous Windows », et de vous donner quelques astuces pour optimiser le rendus des polices @font-face.

Jamais, non, plus jamais n’oserez vous approcher une page HTML sans ressentir le désir ardent d’en découvrir l’envers, d’en démasquer la charpente, d’en partager la mécanique.

La morale de ce (long) billet est qu’il faut parfois remettre en question ses a priori et préceptes établis et que CSS, comme le Web en général, est un concept vivant qui évolue. A nous d’évoluer avec lui.

Ça commence à se savoir, les navigateurs mobiles n’en font qu’à leur tête rien que pour nous mener la vie dure : tailles virtuelles, viewport fluctuants, pixel-ratios incohérents, résolutions divergentes, valeurs faussées selon les contextes, etc.

Bref, les mobiles nous mentent ! Et en beauté.

Comme les tableaux et les listes de valeurs ne sont pas toujours très parlants, je me suis dit que des exemples visuels et illustrés seraient bien plus éloquents.

les trucs qui bougent pourtout, qui scintillent, qui clignotent sans arrêt, ont un haut pouvoir de nuisance sur la concentration et la sérénité du visiteur. Ces techniques sont donc à utiliser avec raison et parcimonie.

Au-delà des modes et des recettes toute faites, les principes de base d'une bonne ergonomie web sont connus. Ils ne datent pas d'hier.

Son but est de servir de base commune à tous les projets d'intégration web, grâce à une nomenclature et des conventions constantes. Mais aussi de faciliter les positionnements d'éléments, de gérer les alignements, les gouttières, etc. Le tout de la façon la plus propre et accessible possible

Sur l'impulsion du Web riche et du mobile (téléphones et tablettes) on voit disparaître des boutons permettant de confirmer une action….

Nous codons pour des humains, pour nos collaborateurs présents et/ou futurs donc un code lisible et compréhensible est primordial. Cette charte propose des règles pour écrire des CSS cohérentes et uniformisées pour améliorer leur maintenabilité.

En architecture de l’information, l’interface filaire (ou communément appelée story-board) est une méthodologie de prototypage rapide qui permet de déterminer la structure d’un site web ou d’une application logicielle. Elle consiste à représenter les unités d’information, leur hiérarchie de façon schématique et à formaliser les interactions au niveau d’un gabarit d’une page-écran.

ARIA, vous en avez peut-être entendu parler sans bien savoir à quoi ça sert, ni comment l’utiliser… une lacune qu’Aurélien vous propose de combler en vous en expliquant les bases et en vous montrant plusieurs exemples d’utilisation concrète.

une introduction à la conception web mobile sous forme d'un glossaire des principaux termes et d'une double méthodologie pratique

Deux chercheurs proposent une liste de recommandations d'accessibilité pour les malvoyants et les dyslexiques sur la base d'une comparaison de différents référentiels. L'objectif est de rendre la navigation et le contenu des sites plus lisibles par les personnes handicapées, mais les recommandations peuvent être utiles également au grand public.

Le cauchemar des webdesigners, c’est le client qui a une idée floue de ce qu’il veut. Ou qui change d’avis sur la structure de son site plus souvent que de chemise.

C’est un peu normal, pourtant. N’étant pas tous des spécialistes de l’écriture web, nous avons parfois du mal à nous représenter la structure finale de notre site. Une mindmap, avec sa structure fortement hiérarchisée peut nous y aider.

Comment signaler un souci technique sur un site Web ?

La solution est alors peut-être à chercher du côté du Web sémantique. Ajouter au code source de chaque page des informations sémantiques pointant vers un système de gestion de tickets.

De plus en plus, je rencontre des pratiques absolument horribles sur des sites soit disant optimisés pour mobile. Là où j'ai le sentiment que l'ergonomie et l'utilisabilité des sites desktop s'est améliorée, j'ai l'impression qu'on fait un retour 10 ans en arrière sur mobile. Des chefs de projet, graphistes, développeurs et intégrateurs se permettent tout et n'importe quoi sans aucune considération pour les utilisateurs de leurs sites.

solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel

Cet article est destiné aux personnes voulant créer des applications internet riches avec une fonctionnalité de glisser-déposer et souhaitant la rendre accessible.