2010 sera l’année du minimalisme

Le 16 jan, 2010 par Julien Lavault, dans Technique.

Ces dernières années ont vu le jour de beaucoup de grandes tendances: web 2.0, réseaux sociaux, logiciels en mode SAAS, etc… Elles ont contribué aux modifications du visage d’internet et aux mutations de nos habitudes. Internet qui était initialement une grande encyclopédie voit sa fonction première changer et devient progressivement un espace libre d’échange.

Tous ces changements sont intéressants, mais nous passons depuis des années à coté de l’essentiel: l’ergonomie. Depuis mes débuts sur internet, l’ergonomie est l’une de mes premières batailles ! Trop souvent négligée, ignorée ou même soit disant évidente pour certains “génies” , l’ergonomie restait l’un des rares domaines où il n’y avait aucune innovation marquante ! La raison est simple, l’ergonomie nécessite deux qualités très rares : l’esprit de synthèse et le bon sens.

Néanmoins ce début d’année 2010 montre un changement : après avoir épuré tous les nouveaux concepts “hype”, les marques se disent qu’il est temps de réfléchir à leur ergonomie. Enfin ! Et la grande tendance est le minimalisme. Petite définition: la caractéristique du minimalisme dans le domaine de l’ergonomie internet consiste a épurer au maximum les interfaces graphiques dans l’objectif de se concentrer sur la fonction première de la page : économie maximale des moyens au service de la fonction première de l’élément.

Le plus belle exemple est la nouvelle interface de Google: il ne reste plus que le logo et le champ texte de recherche.

Google n’est heureusement pas la seule société, on constate plusieurs grands sites qui suivent la tendance: Dailymotion fin 2009, Facebook, la Centrale, Ebay…
La tendance est en marche, appuyée par le gourou de l’ergonomie : je pense à Apple qui a démystifié véritablement l’ergonomie avec l’Iphone ! Si vous chercher d’autres arguments pour amorcer un changement à votre niveau, il existe d’autres avantages à la pratique du minimalisme:

• Google apprécie de plus en plus les sites légers, du coup votre référencement naturel s’améliore sensiblement.
• Vous ferez des économies de serveur car le site sera moins gourmand.
• Vous améliorerez la vitesse d’affichage de vos pages et ferez économiser de la bande passante à vos visiteurs.
• …

Si vous souhaitez vous lancer dans la refonte de votre interface graphique en suivant cette tendance, il faut savoir qu’en ergonomie il existe 10 préceptes de base à suivre:

1. Une personne normalement constituée mémorise 5 types d’informations différentes sur un écran en moyenne (7 au maximum);
2. Les actions et informations similaires doivent être proches;
3. Il faut respecter une continuité visuel et uniformiser les styles graphiques pour ne pas perdre l’internaute;
4. Les couleurs doivent en rapports avec leurs significations (rouge danger ou erreur, vert rassurer ou valider, bleu conseil, orange action …);
5. Au maximum 3 cliques pour arriver à une information et 3 niveaux de profondeur pour une arborescence;
6. La hauteur de l’écran doit être proche de la hauteur d’un écran standard (au maximum 3 écrans avec une résolution moyenne);
7. Proposer des repères visuels à l’internaute pour le guider;
8. Les textes doivent être gros et les actions visibles (ajouter une couleur de fond et un état survolé aux boutons d’actions);
9. Dans une liste, les 3 premières informations sont consultées à 90%, le reste à moins de 30%;
10. Trop d’animation tue l’animation;

Je rédigerai un article plus détaillé portant du sujet prochainement.

Codeigniter, Framework PHP agile

Le 30 juil, 2009 par Julien Lavault, dans Technique.

Connaissez-vous Codeigniter, framework PHP ultra agile ? Je remercie au passage Yoann, qui m’a présenté ce framework il y a quelques mois ! Je dois dire que je n’ai jamais travaillé avec un framework aussi complet, structuré, abouti et simple d’utilisation. En un mot : tout y est !

Pour vous présenter rapidement la bête, Codeigniter repose sur un modèle MVC, qui à l’inverse de Zend est très bien pensé ! La syntaxe est simplifiée à son maximum, et les possibilités sont infinies ! J’apprécie particulière la souplesse du modèle MVC, il permet une manipulation très agile des formats de donnés. Outre la structure même du framework, votre application est découpée de la manière suivante:

• Config: vous y placez tout vos fichiers de configuration ;
• Controllers: vous permet d’instancier les Models et d’affecter les vues ;
• Errors: vous y définissez vos messages d’erreurs ;
• Helpers: vous y placez vos class dites « pratiques » ;
• Hooks: vous permet d’ajouter des scripts dans le processus d’exécution natif du framework ;
• Language: vous permet de définir vos fichiers de langue et de les affecter aux vues ;
• Libraries: vous y placez toutes vos librairies, j’y rajoute deux dossiers: php et js ;
• Models: vous y placez vos modèles qui seront les objets instanciés par les Controller ;
• Views: ici, vous placez les Views qui sont vos pages html, CodeIgniter ne propose pas de moteur de template en natif, néanmoins, il propose la class “Template Parser” reprend une syntaxe proche des principaux moteur de template.
• Pour ma part, je rajoute encore un dossier, Template qui contient les images, vidéos, audios, swf, css, et font.

La société derrière tout ça se nomme Ellislab qui est composée d’une dizaine de personne. Outre son activité de développement web, Ellislab propose également de l’hébergement et un CMS que vous pouvez tester içi. Je trouve le travaille de cette société vraiment impeccable. Ils réalisent des choses simples, complètes et faciles à prendre en main !
Je n’ai qu’un conseil à donner: testez !