newsinformation
participate
terms

Archives 2 octobre 2010

suggest
rss

Et IE6 dans tout ça…

Ce matin, la ferme du web propose un article et un sondage sur LE sujet polémique de la création web : la compatibilité avec Internet Explorer 6.

Âgé de (presque) 10 ans  IE6 fait souvent débat, en effet il est souvent incompatible avec les standards de développement CSS et Javascript, et le temps d'adaptation des sites et applis webs (ainsi que la taille des fichiers rendus compatibles) est souvent multiplié dans une proportion non négligeables.

Personnellement, si je m'efforce de garder une interface utilisable sous IE6, j'ai renoncé a chercher  obtenir un rendu similaire aux autre navigateurs  sous ce navigateur. ce qui me console, c'est que certaines des plus grandes entreprises du web ont fait aussi ce choix.

Par contre, il peut être intéressant de proposer sur un site mettant en œuvre un contenu non compatible avec IE6 d'indiquer à l'utilisateur que d'alternatives de navigateurs Internet sont possibles.
par exemple grâce à un petit bout de code javascript  découvert chez babylon Design inséré tout en bas de sa  page juste avant la balise

de quoi essayer de faire migrer doucement les utilisateurs vers des navigateurs plus sur et plus respectueux des standards du web

news

Rendre son site Germaine Michu friendly

La société Toutembois, cuisiniste depuis près de 25 ans vous a demandé de réaliser son site internet; son directeur communication vient d'embaucher un jeune et dynamique webmaster qui maitrise parfaitement les logiciels de création web et assurera le rôle de community manager de la société. Pour votre part, vous devez mettre en place un CMS qui permettre de publier le catalogue et les superbes photos réalisées par un des photographes les plus recherché par les magazines de décoration.

Voilà la commande de rêve que vous avez à mettre en œuvre.

Dans la vraie vie, la société Toutembois est une petite PME locale fondée par Roger Toutembois, salariant 4 menuisiers, 2 poseurs et Germaine Michu la secrétaire comptable qui gère les payes, les courriers et les rendez-vous du patron. En créant son site monsieur Toutembois souhaite proposer à des clients locaux de voir les réalisations de sa société de son grand classique « la cuisine chapeau de gendarme » (20 ans de succès et de tradition) et sa grande nouveauté la cuisine « Damidot » en panneaux de bois laqués rose et noir qui a un succès certain chez la ménagère de moins de 50 ans...

Les photos des cuisines seront prises par les poseurs avec le petit appareil numérique acheté par Monsieur Toutembois et animation et la mise a jour sera assurée par  Germaine Michu quand un trou se présentera dans son planning ...

Mais si, mais si, cette situation vous est déjà arrivée. Et c'est traduite par de nombreux coups de fil affolés de Germaine Michu qui a besoin de conseils pour découper les images au format imposé par le gabarit du site, qui ne comprend pas pourquoi les texte qu'elle importe de Word, ne s'affichent pas correctement sur le site et qui ne sait pas comment créer (ou supprimer une page).

Quand on réalise un site web pour un client, on s'efforce de créer une interface la plus accessible possible pour les visiteurs. Par contre on en parfois tendance à proposer une interface de mise à jour un peu plus austère, en argumentant qu'elle s'adresse à un public plus restreint et qui maitrise la publication sur le Web. Ce qui dans les faits et souvent faux.

En essayant de rendre le plus simple possible l'interface de mise à jour d'un  site :

  • On réduit le nombre d'erreurs  commises par la personne qui le met à jour,
  • On réduit ainsi le temps de maintenance et de hotline,
  • On s’assure de la qualité du contenu produit pour les visiteur du site, et par la même de son efficacité.
  • Enfin on rassure la personne chargée de son animation et on améliore ainsi grandement la qualité de ses rapports professionnels avec son client ce qui n'est jamais négligeable.

Quelques pistes pour rendre son site « Germaine Michu friendly » :

Proposez un environnement de travail « familier »
Si la personne qui me a jour le site à l'habitude de travailler avec une suite bureautique, elle c'est peu ) peu imprégnée des « codes » graphiques et textuels de cet outil (icônes, nom de fonctions,...) n'hésitez donc pas à utiliser des icônes simple a identifier pour créer un nouveau document, copier, coller, mettre un texte en gras, etc...

Ne parlez pas « web »
Germaine Michu ne connait pas le charme des balises HTML ni la grâce des codes javascript (si tant est que charme et grâce s'applique a ces langages du web) proposez, donc une interface graphique pour les zones d’édition de texte si cela est nécessaire (Comme Ckeditor ou Tinymce)

Limitez les options.
Vous avez fait le choix d'un éditeur graphique : simplifiez son interface au strict nécessaire, proposez par exemple la possibilité de mettre un texte en gras ou en italique si ce sont les seules options nécessaires, il ne faut pas proposer des options qui peuvent nuire à la compréhension de l’utilisateur en adaptant les barre d'outil aux stricts besoin sde la publication, vous limitez les risque d'erreurs, de plus il est peu probable que Germaime Michu ait à utiliser des zones de formulaire et des balises html exotiques


(ou alors sous la torture ;o) )

Accompagnez la création
Proposez des étapes, et des messages d'erreur si par exemple il faut trois étapes pour la création d'une page (création de la page, saisie du texte, validation de la publication) proposez des titres explicites et une numérotation des étapes qui permettent à tout moment à Germaine Michu de savoir où elle en est de même prévoyez des messages d'erreur explicites (et dans la langue de l'utilisateur), un message comme « merci de ne saisir que des chiffres » et plus explicite que « erreur 2006 ».

Limitez l'utilisation de logiciels externes.
Pour un diaporama (par exemple) vous avez besoin qu'une image ai un format spécial, rappelez vous que Germaine Michu n'a aucune connaissance technique et qu'un pixel ne lui dit pas grand chose. Pensez à intégrer un script de redimensionnement automatique, ça lui évitera bien des déboire les fan de Mootols en trouverons un ici  les aficionados de Jquery ici  .

Fournissez une documentation avec le site.
Sous forme d'un livret, d'un fichier PDF ou d'une aide en ligne. Il n'est pas obligatoire de fournir une documentation exhaustive, si vous utilisez un CMS largement rependu comme joomla ou wordpress par exemple, la documentation complète n'est pas nécessaire à germaine Michu qui ne trifouillera jamais les fonctions avancées,  il en est de même si vous travaillez avec votre propre système de publication, par contre proposer des cas pratiques (comment créer une nouvelle page, comment ajouter une video, etc...) sera la bienvenue.

Il y a sans doute d'autres conseils qui pourraient compléter cette liste comme « soyez disponible et à l'écoute de Germaine Michu quand elle vous appelle paniquée car le site ne répond pas comme il devrait » «gardez le contact avec l'utilisateur du site pour améliorer les nouvelles versions de votre système de publication».
En effet si germaine Michu n'est pas la personne qui décidera de vous confier les futurs projets webs de son entreprise, elle a un rôle de prescripteur certain, et on a souvent tendance à sous estimer le pouvoir de prescription d'une bonne secrétaire dans le fonctionnement d'une entreprise...

terms

Créez des revues de presse personnalisées avec Google Reader

rss

Dans la boîte à outils [Chapitre 7]

Quelques outils découverts ces dernières semaines à ranger dans la boite

Des images pour vos applis Ajax
Si vous créez (ou que vous utilisez) des applications Ajax, peut être avez vous besoin de petite image animées pour signifier aux utilisateurs que des données sont en train d'être chargé, Le site preloaders.net vous propose plusieurs dizaine de modèles d'image de preloader dont vous pouvez personnaliser les couleurs et les vitesse de déplacement...

Des astuces pour wordpress
Pour mes amis  développeurs de sites sous WordPress une liste de 21 astuces (et leur explication) pour éviter de surcharger son site de plugins qui pourraient le ralentir , à découvrir chez Seomix


Améliorer la lisibilité de ses feuilles de style
Un autre outil sympa vu chez Idorian   : Styleneat une petite appli web qui rens le code de vos feuilles de style plus lisible et plus compréhensible


Des icônes monochromes
Paul Amstrong, est un webdesigner Etazunien de Minéapolis (je suis chez moi et jécris étazunien si je veux). Il propose sur son site une belle série d' icônes en noir et blanc sous licences Creative Commons utilisable dans vos projet professionnel (ou personnel).

Des templates de sites web
Enfin,chez Trancool on trouve une compilation de 8 sites proposant des modèles de mise en pages web gratuite (plus ou moins heureuses et inspirantes) a zyeuter ...

news
information
Bear

Switch to our mobile site