Les articles du mois de octobre 2011

La semaine dernière, Chris Coyer de l’excellent CSS-Tricks a lancé un mini concours invitant les internautes intégrateurs à réaliser un mini projet commun. Objectif : notez 3 barres chocolatées par ordre de préférence.

Créez une interface où un utilisateur peut noter 3 barres chocolatées (un Snickers, un Twix et un Butterfinger) par ordre de préférence (1er, 2ème, 3ème).

Vous n’avez pas besoin d’enregistrer les informations. Vous n’avez pas besoin de construire une page complète autour. Juste la partie où vous faites le classement.

Après 1h30 passées sous Coda et Chrome, voici ma participation : http://tinkerbin.com/57oln1L2 (attention, sur Tinkerbin, il faut impérativement exécuter le Javascript en cliquant sur le bouton vert « Run » en bas à gauche)

Oui, c’est très moche. Mais le but était de trouver une solution ergonomique, facile à comprendre, et ne nécessitant pas trop de manipulations de la part de l’internaute. L’intérêt du concours, c’est bien évidemment de découvrir au fur et à mesure les participations de tous les internautes dans les commentaires (avec même une version spéciale Nutella).

Les différentes participations ont été reprises et sélectionnées dans un nouvel article aujourd’hui, et le résultat est vraiment intéressant. Entre les liste déroulantes multiples, les solutions en drag & drop, les solutions au clic, c’est vraiment intéressant de voir à quel point un sujet si simple peut donner des résultats aussi différents. Au final, j’ai perdu (il y avait 3 t-shirts à gagner), mais j’ai vraiment apprécié ce petit exercice, très instructif et très enrichissant. Je participerais volontiers au prochain, et je me dis même que ça pourrais être intéressant de faire ça entre frenchies (sur ce blog, ou ailleurs).

Le livre « HTML5 pour les web designers » de Jeremy Keith est une référence pour toute personne travaillant dans le web. Hier soir, son auteur a fièrement annoncé que l’intégralité du livre était désormais lisible en ligne gratuitement, en anglais, sur le site html5forwebdesigners.com. Les 6 chaptires sont bien présents dans leur intégralité, et consultables sur ordinateur comme sur mobile, avec un cache d’application HTML5 pour une consultation hors ligne. Petit bonus (découvert par Chris Coyer de CSS Tricks) : le bandeau orange du header est en fait la balise <title> du document HTML, rendue visible et stylée. oO

MAJ : le site semble actuellement down (erreur 404), et le nom de domaine a été redirigé vers la boutique de A List Apart. Gardez l’URL dans vos favoris, ça devrait revenir une fois que le lancement se sera un peu calmé.

MAJ2 : le site est revenu.

My Dinner With Android est le blog d’un utilisateur d’iOS qui a passé 4 mois avec Android dans le but de comprendre ce qui attirait autant de monde, et pourquoi un utilisateur lambda pourrait choisir un téléphone Android plutôt qu’un iPhone. Cette semaine, il a livré la conclusion de son expérience, qu’il résume lui même en une phrase : « Je suis vraiment content d’avoir un iPhone 4S. » Je recommande vivement la lecture de son dernier article et son blog en général. Et j’ai particulièrement aimé sa comparaison entre le feeling d’iOS et d’Android avec la conduite d’un jeu conducteur.

Quand iOS est sorti, il est devenu évident pourquoi les précédents écrans tactiles avaient échoué : le feeling est important.

Ce sont des appareils numériques qui essayent d’être analogues au monde réel. Voilà pourquoi les stylets sont nuls : quand est-ce que vous manipulez quelque chose comme ça ? Ça n’a rien à voir avec de l’écriture, à part le fait de tenir le satané machin. Mais utiliser vos doigts pour manipuler principalement des boutons est quelque chose que nous sommes habitué à faire. Le problème est qu’il faut qu’on ait le sentiment de manipuler de vrais objets quand on est en réalité en train de simuler ça sur un morceau de verre.

L’iPhone a visé juste pour ça. Les appuis, les glissés, les défilements et les zooms fonctionnent et semblent si bien parce qu’ils s’approchent d’une action réelle à une échelle 1:1.

Avec Android, en tout cas sur mon Nexus S, rien ne semble aussi bon. Tout semble toujours comme c’était une action qui causait une réaction. Vous faites quelque chose avec vos doigts, l’OS l’interrompt, et des trucs se passent sur l’écran. La performance n’est pas au rendez-vous, et ça donne un mauvais feeling.

La meilleure comparaison que je puisse trouver pour décrire ça est lorsque mon grand frère m’a appris à conduire une transmission manuelle il y a une dizaine d’années. Quand on débute, ça semble insurmontable : lâcher l’accélérateur, appuyer sur l’embrayage, passer la vitesse, lâcher l’embrayage un peu, accélérer au point de frottement, lâcher l’embrayage. Ça semblait comme une série de tâches insurmontables. Après une heure de manoeuvre, j’étais plutôt frustré et je n’allais nulle part. Mon explication de cet échec : je n’arrivais pas à effectuer parfaitement tout ce que je devais faire en aussi peu de temps et avec autant de précisions pour que ça fonctionne. Son conseil : arrêter d’y penser comme une suite de procédures. C’est un mouvement mené à bien par tout mon corps, pas 4 ou 5 différentes tâches. 10 minutes plus tard, je nous ramenais à la maison.

iOS semble être comme une transmission manuelle dirigée par un pilote chevronné. Android est un adolescent débile qui lâche constamment l’embrayage, et qui devient de plus frustré avec le temps qui passe.

Cette semaine, dans un tribunal de Californie, dans les poursuites qui opposent Apple à Samsung sur la violation de brevets de l’iPad par les tablettes Galaxy :

Dans un tweet en direct de l’audience, le correspondant de Reuters Dan Levine déclare que la juge Lucy Koh « a tenu les 2 tablettes au dessus de sa tête, l’une dans chaque main et a demandé aux avocats de Samsung d’identifier laquelle était laquelle. » Levine déclare qu’il a fallu aux avocats de Samsung « un bon moment pour y arriver ».

Ubuntu ont mis en ligne une visite guidée du système d’exploitation, totalement utilisable, avec un faux explorateur de fichiers, un faux LibreOffice, un faux Firefox (dans lequel on peut à nouveau visiter le site d’Ubuntu, inception-style), etc… Sur le papier, ça paraît une excellente idée pour présenter de manière interactive l’interface de l’OS et quelques unes de ses fonctionnalités, plutôt que des screenshots ou des vidéos.

Sauf que dans la pratique, je trouve l’expérience assez désagréable. L’interface réagit comme une interface web, pas comme un système d’exploitation. On est loin de retrouver l’expérience qu’on est en mesure de vivre sur le vrai OS. Pire, comme la visite guidée est très limitée, on arrive très rapidement à une popup nous invitant à télécharger Ubuntu. Quand on veut lancer un fichier MP3 par exemple. Ou dès qu’on va cliquer dans une cellule du LibreOffice. Du coup, on en resort plus avec l’impression qu’on ne peut rien faire sur ce système. Et je ne suis pas certain que c’était l’effet voulu.