Erreur 404

illustration papillon

Dans l’UX comme pour les vêtements les modes se font et se défont. En terme d’expérience utilisateur, l’une des dernières en date s’appelle le « Bento design ». Petite explication sur cette mouvance qui pourrait bien apparaitre un petit peu partout sur vos écrans dans les mois à venir.

A quoi ça ressemble

Si vous vous êtes intéressé aux dernières keynote d’Apple, vous avez déjà eu à faire à du Bento  design. 

image

Facilement reconnaissable avec ses boites rectangulaires aux coins arrondis, cette tendance tire son nom des boîtes Bento japonaise dans lesquelles la nourriture est minutieusement compartimentée. L’idée est de retrouver cette organisation dans le design de l’interface.

Comment faire du bento design ?

  1. Compartimenter l’écran de sorte à ce que chaque boîte représente une info ou une fonctionnalité.
  2. Jouer sur la taille des boîtes. La hiérarchie de l’information doit se faire grâce à la place qu’occupe la boîte sur l’écran.
  3. Rester simple. Le design global se veut moderne et épuré, ne mettez pas des images de fond dans toutes vos boites !
  4. Respecter les espaces. Cela paraît logique mais l’espace entre les boîtes doit toujours être le même, en hauteur et sur les côtés ! Sinon, tout l’aspect satisfaisant de l’organisation s’envolera en éclats.

Pourquoi ça marche ?

En plus d’offrir à l’utilisateur une interface ludique et attrayante, le bento design tire son épingle du jeu en terme d’accessibilité : il permet de proposer de grosses zones de clic. On peut aussi facilement imaginer un design responsive puisque chacune des boites pourra se déplacer sur la grille pour s’adapter au mieux à la taille de l’écran. Attention tout de même, il y a peu de place pour le vide, il faudra y penser au moment d’adapter son interface pour les tailles d’écran intermédiaires.

Ses limites 

Bien que très convaincant pour des présentations de type Keynote, le bento design trouvera ses limites s’il s’agit de concevoir un site à la navigation complexe ou de hiérarchiser plus précisément l’information. De plus, il laisse peu de place aux textes et devra donc s’utiliser pour des cas assez particuliers.

FAQ

Contactez-nous !

Du lundi au vendredi : 08h30 - 18h00
70 rue Carreterie - 84000 Avignon

famille-cookie
Notre site utilise des cookies
(Mais nous n'en mangeons pas)