Simplifions nos interfaces !

2

illus_simplifions_interface

Le mobile a cet avantage, il nous force à remettre en cause nos habitudes graphiques et ergonomiques. L’idée du « Think mobile first » veut que nous allions directement à l’essentiel, afin d’adapter les interfaces web à la taille des écrans de nos smartphones, puis aux versions tablettes et desktops.

Paradoxalement, les sites dont je veux vous parler ici ne sont pas optimisés pour mobile :(. Cependant, ils proposent un service de manière claire et efficace. L’idée me plaît, surtout quand d’autres sites offrant le même service, se noient sous différentes strates de navigation. Il est donc possible de faire simple et efficace pour nos écrans de bureau.

Le premier site est celui de Capitaine Train, une agence de voyage. Le site vous permet de réserver votre billet de train, c’est d’ailleurs leur slogan : « Nous vendons des billets de train. Super rapidement. ». Le site est, pour l’instant, en version béta, il vous faudra donc une invitation pour pouvoir le tester.
Toute la scène de réservation se passe dans une seule et même page. L’action, elle, se déroule en trois actes : vous trouvez vos billets, vous payez, vous les récupérez.
Une fois connecté, vous arrivez sur l’interface principale. Seul le minimum est affiché à l’écran :

  • Logo
  • 3 onglets
    • Recherche
    • Panier
    • Billets
  • Votre nom, avec une option de déconnexion au rollover.
  • Dans le sub header, très discret, 4 liens, et un bouton « Aide » sur fond rouge.

Une question simple, « Quel est votre trajet ? ».
Au focus sur chaque champ, un bloc s’affiche à droite et vous propose des options par rapport au champ sélectionné, vous facilitant la tâche. Même le champ date et heure est rapide à remplir, grâce à cette fenêtre d’information.
Vous recherchez…

Seconde étape, vous sélectionnez votre train.
Sur une seule ligne vous pouvez connaitre l’horaire, les prix 2ème et 1ère classe. A droite un panneau vous donne plus d’informations sur votre trajet.
Vous choisissez votre trajet.

Troisième étape on vérifie son panier.
Si tout est ok, on paye (oui forcément…).

Le module de paiement se passe également dans la page, sans rechargement de site. La navigation reste donc fluide et continue.
Bref, vous payez.

Un autre site offre à l’internaute un concept et une expérience utilisateur simple : Tubalr.

Le principe : vous utilisez Youtube pour vous créer une playlist de vidéo.
Comme précédemment tout se joue dans une seule fenêtre.
Sur la HP, vous entrez le nom d’un artiste, cliquez sur « only » ou « similar » selon l’envie.

A ce moment là, le champ de recherche monte, et laisse place à la vidéo. Sur la droite le reste de la playlist à venir.

C’est tout, simple et efficace, grâce à ce merveilleux outil, vous devez pouvoir ruiner toute la bande passante de votre entreprise pour le plus grand plaisir de votre IT :).

Tout ceci pour dire, faire simple pour le mobile, c’est bien, faire de même pour le desktop c’est bien aussi !

Charger les commentaires

2

Commentaires

  1. Webdesigner à Genève Répondre

    Oui mais selon l’adage « Less is more » plus on essaie de simplifier l’interface plus le travail se complexifie en essence! Il faut simplifier et regrouper… pas toujours facile sur les projets réels. Mais à essayer toujours, c’est certain!

  2. David Mouton Répondre

    Simplifier n’est pas chose aisée.
    Cependant, chercher à ne proposer à l’écran que ce dont a besoin l’utilisateur à chaque interaction, est déjà un bon moyen d’ameliorer l’expérience utilisateur.

Laissez un commentaire :

  • (will not be published)