Jean-Sébastien Mansart .com - Lu chez les autres

8 erreurs d'ergonomie évitables qui vous pourrissent un site web

Jean-Sébastien Mansart — Wed, 22 Jul 2009 11:16:00 +0200

Frédéric liste huit erreurs d'ergonomie web facilement évitables et qui pourtant se retrouvent assez souvent même sur des sites de qualité.

Pas de <label /> sur les libellés de formulaires
Pas de message d’erreur
Utiliser des alert() pour afficher erreurs, messages de service et demandes de confirmations
Pas d’indication de chargement sur les actions en AJAX
Ne pas indiquer les champs obligatoires dans les formulaires
Bloquer le parcours ou la validation d’un formulaire au clavier
Barrer les liens déjà visités
Déclencher les médias au chargement

Même si cette liste peut sembler banale, ça fait toujours du bien de le rappeler de temps en temps...

A cette liste je rajouterai :

9. Ne pas cocher par défaut une checkbox. Surtout si elle se trouve sous le bouton submit.
Un peu comme ce que l'on peut trouver sur les formulaire d'ajout de commentaire sur les blog avec la case : "Recevoir les commentaires suivants par email"

Article original écrit par Jean-Sébastien Mansart et publié sur Jean-Sébastien Mansart .com | Lien direct vers l'article | Si vous lisez cet article dans son intégralité sur un autre site que Jean-Sébastien Mansart .com c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le sig naler à son auteur original en cliquant ici | © jsmansart.com.

A propos de l'ergonomie

Jean-Sébastien Mansart — Thu, 12 Feb 2009 13:28:00 +0100

L’ergonomie c’est un truc pour aider les choses à bien faire les machins avec les bidule quand les gens font des trucs sur le chose. C’est un peu comme la synthèse du vocabulaire, de la conjugaison et de la syntaxe. On ne sais pas l’expliquer mais ça sert à se faire comprendre.

Via ergophile

Les métiers du web, les connaissez vous tous ?

Jean-Sébastien Mansart — Tue, 12 Aug 2008 08:00:00 +0200

Une offre d'emploi sur le blog, de plus en plus affligeant, de Travailleur du web à propos d'un intégrateur web m'a fait réagir. L'offre demandait des compétences en PHP, MySQL, javascript, etc... Je me suis demandé jusqu'où allait la compétence d'un intégrateur, son rôle et ce qu'on pouvait attendre de lui.

L'idée de faire une revue des différents métiers du web m'est apparue comme une évidence.
Mais...

Ben oui, forcément, avant d'écrire un article sur un sujet, je tâte le terrain, je me renseigne, je me documente, afin de voir si quelqu'un n'aurait pas déjà écrit un article, et éviter de raconter des bêtises plus grosses que moi.

A l'évidence, pour ce billet c'est raté. Sandrine Szabo a fait un travail de titan en recensant plus de quarante (40 oui) métiers du web !

Ayant parcouru les différentes descriptions de poste, je n'ai pas relevé de failles, les descriptions sont très bonnes et bien faites, mis à part peut-être le développeur et l'analyste qui sont une seule catégorie dans le web : le développeur web.

Mon article tombe donc à l'eau vu que je n'ai rien de plus à ajouter, voilà donc pourquoi cet article tombe dans la catégorie "Lu chez les autres" et non dans "web".

Je peux néanmoins répondre à la première question levée en début d'article : Non, un intégrateur ne doit pas avoir des compétences en MySQL, il doit toutefois avoir des connaissances en javascript et en langage de template (PHP, TALES, etc...) pour modifier rapidement l'affichage d'une vue sans pour autant rentrer dans le code même.

Je cite Sandrine :

L'Intégrateur HTML
Il converti les maquettes du webdesigner en pages web avant qu'interviennent les développeurs qui les programmeront. Il réalise le découpage, l'optimisation et le montage du HTML. Il maîtrise les langages et outils suivants : HTML, XHTML, CSS, il a une bonne compréhension des rendus des navigateurs, connaît le javascript et les logiciels de graphisme type photoshop. L'intégrateur à également des notions de standards, de sémantique et d'accessibilité.

On pourra continuer avec la définition du développeur web :

Développeur
Le développeur est apte à déchiffrer une demande et élaborer un cahier des charges. Il sait concevoir une architecture d'application, maîtrise plusieurs langages de programmation et les principaux serveurs applicatifs. On fait appel à lui, par exemple, pour mettre au point des systèmes de paiement sécurisé ou des formulaires reliés à des bases de données.

Analyste Programmeur
L'analyste programmeur est l'homme de l'ombre de l'Internet. C'est la petite main du code informatique sans laquelle les sites Internet ne sauraient exister. L'analyste programmeur intervient en aval du développeur. Lorsque le développeur conçoit une nouvelle application, il rédige une analyse détaillée à partir de laquelle le programmeur écrit le code du programme informatique contenant les instructions nécessaires au bon fonctionnement de l'application. Un programmeur se doit donc de connaître les principaux langages de programmation qui régissent la micro-informatique, mais aussi, les langages propres à l'Internet (html, Lingo ,…). Son but : réaliser le travail demandé en un minimum de temps et en utilisant le moins de ressources possibles. Très rigoureux et méthodique, le programmeur dispose d'une solide formation généraliste en informatique. Il maîtrise plusieurs langages de programmation et possède une grande capacité d'adaptation dans un marché en constante évolution.

Et pour fini le graphiste :

Graphiste
Il crée, choisi et utilise des d'éléments graphiques (dessins, polices, photos couleurs...) pour élaborer un objet de communication et/ou de culture. C'est lui qui va définir la charte graphique, les logos et selon ses domaines d'interventions (Illustration, Affiche, communication d'entreprise, presse, édition, packaging, publicité, web, etc.), il interviendra dans la chaîne graphique de l'imprimerie et des autres média. C'est un expert des mondes virtuels en puissance et de l'animation.

Des remarques quant à cette liste ?

La killer-app pour l'iPhone enfin disponible ?

Jean-Sébastien Mansart — Mon, 10 Mar 2008 16:55:00 +0100

Il aura fallut plus de 6 mois avant d'avoir enfin accès à cette application, certes innovante et dont Apple n'avait absolument pas pensé. Grosse erreur de leur part...

Grâce à iCopy, ça y'est on peut enfin faire du copier / coller.

Et franchement c'est pas trop tôt !

Le Flash, c'est peut être pas assez bien pour l'iPhone, mais le copier / coller ?
De qui se moque-t-on ?

Via TechCrunch

Plone soutient l'industrie du sexe ?

Jean-Sébastien Mansart — Mon, 25 Feb 2008 19:32:00 +0100

En effet, Plone serait devenu, bien malgré lui, l'un des premiers fournisseurs de liens pour adultes.
Les enfants, fermez les yeux, ce n'est pas pour vous…

J'en parlais, il y a quelques mois, les failles de sécurité de Plone sont rares, mais lorsque l'on en découvre une et qu'elle est exploitée, elle peut faire mal.

Cette fois, la faille de sécurité s'identifie au niveau du portal_memberdata. Il était possible d'exécuter du code python grâce aux modules statusmessage et linkintegrity.
Pour vérifier si votre site plone est impacté, sous google tapez :
site:monsite.com inurl:portal_memberdata sex
et vous aurez directement la réponse sous les yeux.
N'oubliez pas bien sur de bookmarker les différents liens contenus dans les pages pour une consultation ultérieure…

Pour supprimer et éviter de se faire spammer, la première chose est de supprimer le droit "add portal member" aux anonymes, de supprimer tous les comptes indésirables, puis depuis la ZMI dans le portal_memberdata de purger le contenu.
Bien entendu, cette méthode n'est qu'une rustine, la meilleur façon est encore de mettre à jour votre version de plone, soit en 3.0.6 soit en 2.5.5

Avez-vous déjà été confronté à des failles de sécurité ?

Via TrendLabs

mEgo : la carte de visite web 2.0

Jean-Sébastien Mansart — Wed, 20 Feb 2008 20:51:00 +0100

mEgo est à la carte de visite ce que le web est au papier.
Si vous cherchez un moyen sympa et novateur d'agréger toutes vos données en un seul endroit tout en le distribuant à droite, à gauche, mEgo vous ravira.
En tout cas, moi je trouve ça fun et bigarré.

mEgo, c'est facile, vous vous inscrivez, et vous commencez par choisir un avatar, un fond, une petite animation qui fait bling bling et vous remplissez du contenu. Les utilisateurs de MySpace seront avantagés : vous pourrez importer toutes vos données depuis votre compte.

Un wizard plutôt bien fait vous guide pas à pas dans la création de votre widget. Vous pouvez rentrer votre compte last.fm, flickr, votre wishlist Amazon et j'en passe… Vous pouvez aussi ajouter les flux RSS de votre choix.

Une fois fini, vous obtenez un widget en flash que vous pouvez exporter partout. Il y a un nombre de raccourcis assez impressionnant pour ajouter votre fiche dans vos réseaux préférés, et si dans le pire des cas il n'est pas listé, vous pouvez copier/coller un bout de code et l'affaire est jouée – par contre le code html n'est vraiment pas aux normes, berk.
Bien sur lorsque vous modifiez des infos dans votre mEgo, Ô magie de l'internet, toutes les occurrences de votre avatars sont forcément mises à jour (ben oui, forcément).

Donc imaginez un peu, la même chose, mais sur un support différent, genre une carte de visite électronique, en e-paper, un peu comme ça.
Votre carte de visite serait un peu plus dans le mouv' et toujours à jour… (bon, par contre pour le prix de la carte de visite…)

Ca ne vous donne pas envie ?

Via Fred Cavazza

Une métrique pour évaluer la qualité du code

Jean-Sébastien Mansart — Tue, 05 Feb 2008 15:33:00 +0100

Une nouvelle métrique à fait apparition et permet d'évaluer la qualité du code produit.
L'intérêt réside dans le fait qu'elle est très simple à mettre en oeuvre et qu'elle fonctionne pour n'importe quel type de projet et pour n'importe quel langage.

Via osnews

Bon Patron : ne faites plus de fautes !

Jean-Sébastien Mansart — Mon, 28 Jan 2008 12:18:00 +0100

Vous êtes nul en français ?

Pas de soucis, BonPatron.com est là pour vous aider. Grâce à une interface simple, vous pouvez vérifier votre texte. Non seulement il détecte les fautes d'orthographe, mais aussi la grammaire et la syntaxe !

Les fautes sont encadrées en rouge et en jaune ce qu'il faut vérifier. La version gratuite fait apparaitre des pubs de temps en temps lorsque l'on demande une vérification, il suffit de valider pour voir son texte entièrement corrigé.

Un must pour nous, les geek, qui ne savons plus écrire qu'en python.

L'histoire ne dit pas si BonPatron.com vérifie aussi le code HTML...

Edit : après plusieurs test, il semblerait que le correcteur ne soit pas si bon que ça. Il laisse passer pas mal de fautes...

Via PresseCitron

Life 2.0 : la réalité augmentée

Jean-Sébastien Mansart — Fri, 11 Jan 2008 15:40:00 +0100

La réalité augmentée est une piste que de nombreux chercheurs explorent.
Que ce soit dans l'automobile, pour faire afficher des informations sur le par-brise, grâce à nos mobiles et la fonction GPS, des lunettes qui nous affichent des informations supplémentaires, les puces RFID qui permettent de nous identifier à des terminaux, la réalité augmentée est sur le point d'aboutir.

Voici un court métrage d'anticipation d'un futur pas si lointain :

Life 2.0
envoyé par manukeo

Via Blablog

Gmail offre l'IMAP

Jean-Sébastien Mansart — Wed, 24 Oct 2007 11:25:00 +0200

Google propose enfin aux utilisateurs l'IMAP comme protocole pour synchroniser son compte gmail. Depuis le temps que j'attendais cette fonctionnalité, je dois dire que je suis content et que je vais (peut être) me mettre à utiliser mon adresse gmail.

La principale différence entre l'IMAP et le POP, c'est que l'IMAP, contrairement au POP qui ne fait que rapatrier les mails (en les effaçant) depuis le serveur vers le client mail, synchronise le serveur mail avec le client. Le serveur et le(s) client(s) sont donc toujours à jour et avec les mêmes mails.
Plus fort, vous créez un dossier depuis votre client mail, le dossier sera automatiquement créé sur le serveur. Vous supprimez un mail sur le client, le mail sera aussi supprimé sur le serveur. Très pratique lorsque – comme moi – vous avez un client mail au bureau et un autre à la maison. Vous êtes certain d'avoir toujours les mêmes informations de partout.

Cette "option" qui manquait à gmail m'avait rebuté lors de l'adoption de mon adresse email en tant qu'adresse principale. J'utilise un compte chez La Poste qui propose un espace de stockage de 1Go et l'IMAP en standard et ceci depuis le début.

Maintenant qu'il n'est plus obligatoire d'aller sur le site de gmail pour consulter ses emails, Google va devoir mettre en place un nouveau moyen de monétiser son application. Publicité à la fin du mail comme le fait Yahoo ? Ou compte-t-il sur le fait que l'IMAP n'est pas connu du grand public et qu'il ne sera que très faiblement adopté. Il est encore trop tôt pour le savoir, mais c'est une affaire à suivre...

Note : pour l'instant, l'IMAP n'est accessible que pour les comptes en anglais.

Via TechCrunch fr

Les meilleurs logiciels et solutions open-source en 2007

Jean-Sébastien Mansart — Thu, 18 Oct 2007 11:43:00 +0200

Sys-Con publie la liste des meilleurs logiciels open-source choisis par les lecteurs des magazines www.opensource.sys-con.com et www.linux.sys-con.com.

The awards recognize the best tools, solutions, and education offerings in 13 categories. Winners were selected through online voting at SYS-CON Media's world-leading Linux and Enterprise Open Source online magazine sites (www.opensource.sys-con.com and www.linux.sys-con.com).

On retrouve dans la liste, Ubuntu, Sendmail, Eclipse, etc...

Via le blog de Nidhal.

Failles de sécurité dans les CMS

Jean-Sébastien Mansart — Thu, 04 Oct 2007 10:02:00 +0200

John Stahl publie un article où il liste le nombre de failles de sécurité connus dans les CMS open source et langages associés.

Voici la liste, avec entre parenthèses le nombres de failles connues en juillet, et ensuite le pourcentage de progression :

Plone: 3 (3) - 0%
Drupal: 55 (22) - 150%
Mambo: 91 (31) - 194%
Joomla!: 74 (20) - 270%
Zope: 16 (15) - 6%
MySQL: 129 (99) - 30%
Python: 18 (17) - 5%
Rails: 2 (0) - infinite
PHP: 2271 (1258) - 80%
Ruby: 14 (7) - 100%
Perl: 105 (97) - 8%

Zope, Plone et Python s'en sortent très bien, ainsi que Ruby et Rails. Par contre, PHP, Joomla!, Mambo et Drupal explosent...

Il faut cependant faire la part des choses, ces données ne veulent pas dire grand chose sorties de leur contexte.
Cela peut néanmoins être pris à titre indicatif lors de l'adoption d'un CMS.

Enquête : combien de temps passez-vous chaque jour à lire vos flux RSS ?

Jean-Sébastien Mansart — Fri, 14 Sep 2007 13:39:00 +0200

Frédéric de Villamil lance une enquête auprès des francophones concernant leur rapport avec leur agrégateur RSS : qui, où, quand, comment, combien de temps et de flux ? Il s’agit juste de répondre, par mail, aux 10 petites questions que vous trouverez sur son blog .

Pour ma part, voici mes réponses :

1. Quel âge avez-vous ?
28 ans

2. Quel est votre domaine d’activités (informatique, marketing, mode…) ?
Développeur web, donc informatique

3. Combien de flux avez-vous dans votre agrégateur ?
75

4. Combien de temps passez-vous chaque jour à lire vos flux ?
Ca va dépendre du nombre d'articles publiés, on va dire 1h, 1h30

5. Où lisez-vous vos flux (maison, bureau… )?
Principalement au bureau, sinon à la maison

6. Quel agrégateur utilisez-vous (Google Reader, Bloglines, Netvibes, Liferea…) ?
Jusqu'à présent Netvibes, mais je suis en cours de migration, je test Google Reader, et je vais tester Bloglines

7. Vos lectures ont-elles principalement un rapport avec votre activité professionnelle ?
Principalement, mais pas toutes, certaines sont complètement dans mon coeur de métier, sur les technologies que j'utilise, d'autres sont sur le web, d'autre sur l'informatique en général, et ensuite c'est des blog perso, des trucs qui n'ont rien a voir

8. Classez-vous vos flux par thématiques dans votre agrégateur ?
Oui : web, blogs, blogs perso, zope - plone, etc...

9. Votre liste de lecture évolue-t-elle régulièrement ?
Non, très peu

10. Pourquoi ?
C'est très difficile de trouver de bons flux, et même si un article publié est bien, le reste n'est pas forcément au même niveau, la sand box est une bonne idée, cela permet d'évaluer pendant un moment la qualité des billets. Ensuite, il n'est pas facile de trouver tout simple un flux, cela demande du temps à chercher sur le net, à fouiller, etc...

Une carte web2.0

Jean-Sébastien Mansart — Mon, 30 Jul 2007 15:48:00 +0200

Le web2.0, c'est pire que le métro parisien.
Avec tous les sites, applications web, réseaux sociaux, clones, et clones de clones qui sortent tous les jours, il devient dur de s'y retrouver. Heureusement, une carte vient de sortir. Suivez le plan !

J'aime bien la partie "météo" (forecast), avec pour Microsoft un temps bien pourri...

Via Viral Buzz and co

Plone 3 : 8 trucs cool

Jean-Sébastien Mansart — Tue, 17 Jul 2007 14:39:00 +0200

Plone 3 arrive en Release Candidate 1 (RC1) et les tests des nouveautées commencent.
Jon Stahl fait le point sur 8 nouveautées plutôt cool à ne pas rater et qui vous feront surement passer à Plone 3 le moment venu :

Kupu, l'éditeur WYSIWYG HTML de Plone arrive en version 1.4 avec pas mal de bugs résolu et de nouvelles fonctionalités
Du texte riche pour les dossiers automatique (topic ou smart folder)
Refonte de l'onglet partage : beaucoup plus simple, plus clair et plus concis
Plusieurs profils de base pour les workflow
"link integrity" : plus de liens mort sur le site. Plone vous avertis lorsque vous supprimez ou déplacez un élément qui est utilisé ou lié ailleurs
Versioning, staging et vérouillage
Recherche dans les fichiers Word et PDF (de base, sans produit supplémentaire à installer)
Nouvelle gestion des portlets avec du drag & drop