Dites non aux animations 3D 15


Juste parce que vous pouvez ne veut pas dire que vous devez, et le fait que maintenant la plupart des navigateurs supportent des belles transitions 3D ne signifie certainement PAS que vous devriez les utiliser.

En ergonomie, une règle essentielle est de ne pas mettre ou faire de choses qui n’ont pas de valeur ajoutée pour l’utilisateur.

L’esthétique est certes, en soi, une valeur ajoutée. Mais il faut considérer deux choses :

  • Cette technique apporte-t-elle une valeur esthétique qui n’est pas remplaçable par le bénéfice d’une autre technique ?
  • Le bénéfice que mon utilisateur en retire compense-t-il les inconvénients auxquels il est confronté ?

Pour les animations 3D, la réponse est clairement NON, dans 99% des cas.

D’abord, généralement l’animation est lente, ne serait-ce que pour que le mec devant son écran puisse la voir. Vu le temps qu’on passe à se faire chier à rendre une app plus rapide et fluide à utiliser, pourquoi voulez-vous, VOLONTAIREMENT et ARTIFICIELLEMENT faire patienter votre utilisateur 400ms de plus devant le slide à cube rotatif pour voir la photo suivante ?

Ensuite, malgré l’énorme progrès de nos navigateurs, ça bouffe beaucoup de ressources. Bien sûr, quand vous testez sur votre machine quad core avec chrome et un tab ouvert, c’est parfaitement fluide. Mais il suffit de jouer sur seul de ces paramètres pour que ça ne le soit plus :

  • 20 tabs sont ouverts.
  • Un autre tab utilise Javascript comme un goret (Hello Twitter !).
  • Un autre tab utilise de la 3D.
  • Un autre tab charge beaucoup d’images.
  • Un autre tab utilise flash.
  • L’utilisateur a des logiciels récents sur une vieille machine.
  • L’utilisateur utilise d’autres logiciels que son navigateur qui sollicitent la carte graphique (quelle honte, il ose avoir une vie en dehors de facebook et votre site de merde!).

Dans la vraie vie vivante, ce sont plusieurs de ces paramètres qui rentrent en compte, presque systématiquement. Et je ne vais même pas vous parler de ceux qui utilisent IE avec plein de toolbar sur une machine infectée jusqu’à la moelle. Qui sont, je le rappelle, la majorité des personnes dans le monde. Pas forcément la majorité de votre cible, mais tout de même…

…vous êtes une putain de page Web, vous ne pouvez pas pré-supposer de ce que l’utilisateur fait et dans quel contexte.

Bref, à moins d’avoir une app avec une connotation visuelle primordiale, par exemple un jeu vidéo, arrêtez avec ces foutues transitions 3D, ça rend votre app inutilisable. Les transitions 2D suffisent largement à améliorer l’ergonomie et l’esthétisme d’une page, et elles bouffent beaucoup moins.

Merci

15 thoughts on “Dites non aux animations 3D

  • kontre

    20 tabs, c’est tout ? J’en ai plus souvent une centaine, moi ! (Certes, pas tous chargés)

    Attention, ce message n’apporte rien à la discussion.

  • LeSocraTIC

    Voilà un bon diagnostic! Un Geek doit avant tout penser penser à la vraie satisfaction de ses clients. Moi, je suis plutôt conservateur. Car là se trouve la stabilité: c’est mon avis.

  • Sam Post author

    Tu es en colombie @LeSocraTIC ? Comment est le marché de l’IT là bas ? Et Python est-il utilisé ?

  • Sam Post author

    Ah non, Bénin (cf profile github). J’avais cru colombie car ton mail est en .co. Mais si tu as des infos sur le port de cotonou ça m’interesse aussi : est-ce que c’est informatisé ? Avec quoi ? Etc.

  • Bronco

    De toutes façons, la 3d ça ne sert à rien, c’est chiant à mettre en place, c’est peu compatible avec le parc effectif d’ordinateurs…
    zou… à dégager voie 12 ^^

  • kontre

    Et puis bon, la 3D c’est #old :


    ..______________________
    ./...................../
    /_____________________/|
    |....................|.|
    |..N..N...OO...N..N..|.|
    |..NN.N..O..0..NN.N..|.|
    |..N.NN..O..0..N.NN..|.|
    |..N..N...O0...N..N..|/
    |____________________/

    (évidemment, avec des espaces à la place des points ça serait mieux…)

  • arthro

    @Kontre

    J’en suis à 306 onglets sous firefox moi ! (mais je dois n’en avoir qu’une petite cinquantaine de chargé)
    Qui dit mieux ?

Leave a comment

Your email address will not be published. Required fields are marked *

Utilisez <pre lang='python'>VOTRE CODE</pre> pour insérer un block de code coloré

Des questions Python sans rapport avec l'article ? Posez-les sur IndexError.