J’ai déjà eu l’occasion de vous parler de services en ligne exploitant une interface minimaliste comme Minutes.io, Billable.me ou Scri.ch (Deux applications en ligne sans interface). Il semblerait que ce type d’interface a fait des émules, je vous propose ainsi de découvrir deux applications exploitant des interfaces (quasi) transparentes.

Il y a tout d’abord Clear, une application iPhone de gestion de tâches qui a fait grand bruit lors de sa sortie : No More Buttons, Clear Demonstrates the Power of a Purely Gesture-Based Interface.

Force est de constater qu’ils sont allés très loin dans la rationalisation de l’interface puisqu’il n’y a ni menu, ni boutons. Et pourtant, la manipulation reste intuitive et performante :

Précisons au passage qu’il existe une version HTML5 (non-officielle) de cette application réalisée par un étudiant : Looking for work, this student built Clear in HTML5 and it isn’t half bad.

Autre exemple : CheckThis, une plateforme de publication avec une interface quasi-transparente. Le principe de ce service est de vous donner l’opportunité de créer une page pour publier un article, vendre un produit, recruter quelqu’un ou faire un peu tout ce que vous voulez : CheckThis, Getting Creative With a Single Web Page.

Comme vous pouvez le constater, l’interface est d’une extrême simplicité puisqu’elle se concentre sur l’essentiel : le contenu. Là où ça devient intéressant, c’est que ce contenu est structuré selon les trois modèles proposés (publier, vendre et engager) :

Les options de présentation et de paramétrage ne sont proposées qu’en périphérie de page, tout comme la création de compte. Face à des plateformes de publication ou de e-commerce toujours plus sophistiquées (WordPress, Prestashop…), ce service me semble être une alternative tout à fait crédible pour ceux qui ont des besoins très ponctuels : publier un seul article, vendre un seul produit ou recruter une seule personne. Je suis de plus en admiration devant le travail d’épuration de l’interface qui est une merveille de minimalisme et d’intuitivité. Du grand art !

Sommes-nous en présence d’une tendance de fond avec ces interfaces transparentes ? Je l’espère, car je suis un fan inconditionnel.

Connaissez-vous la toute nouvelle boutique lancée par Amazon pour le marché indien ? Elle s’appelle Junglee et pourrait bien présager de ce que seront les sites web dans quelques années : Amazon Launches New Website for India. La particularité de cette nouvelle boutique est de proposer une sélection correspondant aux attentes du marché indien, mais également de se conformer à une spécificité locale : du fait d’infrastructures défaillantes, plus de la moitié des accès internet s’effectue via des téléphones mobiles (In India, 40% of search and 67% of e-commerce is mobile).

Le fait que la majorité des internautes indiens se connectent via un terminal mobile ne pouvait pas être ignoré par Amazon. Même si la nouvelle version en cours de déploiement prend en compte les smartphones et tablettes, ils devaient aller plus loin… surtout plus loin que Flipkart, leur principal concurrent. Ils ont donc décidé de prendre le problème à l’inverse et de concevoir une boutique pour les terminaux mobiles qui s’affichent bien sur un écran d’ordinateur.

Vous pourriez me dire qu’avec des techniques comme le responsive design ce n’est pas nécessaire, car il suffit simplement d’optimiser le code pour que la mise en page s’adapte. Certes, mais ça c’est la théorie. En pratique le responsive design est une technique de code (ou plutôt une approche) qui exige une sacrée gymnastique et qui est tout de même contraignante. Je parle d’expérience, car le blog que vous lisez en ce moment est codé selon ce principe et ça n’a pas été une mince affaire (Nouveau thème graphique en HTML5 et responsive design). Ce n’est ainsi pas un hasard si l’on ne trouve que très peu de sites à fort trafic en responsive design (à part le Boston Globe).

La solution est donc de concevoir votre site pour les terminaux mobiles, puis de l’enrichir pour qu’il soit plus performant sur les écrans d’ordinateurs. L’approche du Mobile First n’est pas nouvelle, car en parlait déjà en 2009 (il y a même un livre à ce sujet). La solution ultime consiste donc à coupler ces deux approches : mobile-first responsive web design.

Vous noterez que ce couple Mobile First + Responsive Design est la synthèse de nombreuses années de discussions et théories et qu’il représente la technique de conception la plus efficace et pragmatique. La boutique Junglee est ainsi un bel exemple de pragmatisme en matière de commerce en ligne : pas de fioritures, l’accès rapide aux produits est privilégié sur tout le reste. Ceci étant dit, je ne peux que vous mettre en garde contre les complications et contraintes inhérentes à cette philosophie, elles sont nombreuses et je ne suis pas le seul à le dire : Where are the Mobile First Responsive Web Designs?.

Au final, l’approche utilisée pour Junglee est-elle l’avenir de la conception web ? Je ne saurais le dire, en tout cas de la conception web multi-écran. Je n’ai eu de cesse de dire et répéter sur mes différents blogs que beaucoup de choses allaient changer avec l’avènement de la mobilité et de HTML5, Junglee est là pour nous rappeler que l’horloge tourne…