Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #a
  • #an
  • #ant
  • #anti
  • #antipattern
RSS: #antipatterns

#antipatterns

  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 16/09/2013
    10
    @kent1
    @b_b
    @vlentz
    @0gust1
    @cy_altern
    @touti
    @fil
    @mukt
    @jeanmarie
    10

    Le #carrousel (ou #slider) dans un site #web, c’est souvent mal. Un article tout de même pour améliorer sa #performance.

    Slider et WebPerformance
    ▻http://blog.nursit.net/Slider-et-WebPerformance.html

    Les sliders (ou carrousels) constituent un élément d’interface assez critiquable, et plusieurs études tendent à montrer qu’ils sont mentalement filtrés par les utilisateurs au même titre que la #publicité.

    Cependant, un usage défendable est le #diaporama d’image, qui à un but illustratif plutôt que de mise en avant du contenu. Mais lorsqu’on utilise un slider dans ce but, il faut faire attention au temps de chargement de la page qui peut vite se dégrader !

    Pour aller plus loin, je compile dans le même message quelques liens autour des tests d’#ergonomie et d’#utilisabilité de ces carrousels.

    Un article de l’ergonome #Jakob-Nielsen ▻http://fr.wikipedia.org/wiki/Jakob_Nielsen de janvier 2013 :
    Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility
    ▻http://www.nngroup.com/articles/auto-forwarding

    Summary: The user’s target was at the top of the page in 98-point font. But she failed to find it because the panel auto-rotated instead of staying still.

    Don’t Use Automatic Image Sliders or Carousels, Ignore the Fad
    ▻http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad

    - Reason 1: Human eye reacts to movement (and will miss the important stuff)
    – Reason 2: Too many messages equals no message
    – Reason 3: Banner blindness

    Une discussion entre experts d’ergonomie avec des retours d’expérience de vrais tests utilisateurs (pas juste du « je pense que » quoi), ainsi que des liens vers d’autres sources aussi :
    Are carrousels effective ?
    ▻http://ux.stackexchange.com/questions/10312/are-carousels-effective

    Almost all of the testing I’ve managed has proven content delivered via carousels to be missed by users. Few interact with them and many comment that they look like adverts and so we’ve witnessed the banner blindness concept in full effect.

    En français, février 2013 :
    Abandonnez les carrousels car ils ne fonctionnent pas
    ►http://www.simpleweb.fr/2013/02/20/abandonnez-les-carrousels-car-ils-ne-fonctionnent-pas

    Ce qu’il faut retenir de ces différents écrits et discussions est que des blocs de promotion ou de mise en avant statiques sont bien plus efficaces qu’un carrousel. Il va donc falloir vous armer de courage pour convaincre vos collègues d’abandonner cette “norme”, au même titre que la règle des 3 clics. Pour se faire, le meilleur moyen est de vous appuyer sur des statistiques : placez un marqueur sur le carrousel suffira à démontrer un taux de clic très faible.

    #développement #UX #conception

    RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/12/2013

      Nouvelle ressource sur le sujet :
      ▻http://shouldiuseacarousel.com

      Et l’interview associée :
      ▻http://www.creativebloq.com/accessibility-expert-warns-stop-using-carousels-7133778

      J’admets que les carrousels fonctionnent très bien pour trouver un contenu dont vous savez déjà qu’il est dans le carrousel [ndt : autrement dit, pour celui qui a fait le site], mais ils sont beaucoup moins efficaces pour les utilisateurs finaux qui découvrent du contenu qu’ils ne connaissent pas. Sans tests sur les utilisateurs finaux, il est facile de négliger les problèmes que vos carrousels vont provoquer.

      Il ne faut donc surtout pas les utiliser pour le fun, juste pour mettre des trucs qui bougent sur une page d’accueil. Les seuls qui peuvent les utiliser seraient ceux qui auraient fait des tests utilisateurs sur les cibles du site où on veut en mettre. Ce qui est rarement le cas.

      Éradiquer les carrousels nous forcera à prendre de meilleures décisions sur le contenu et la conception : quel est le contenu le plus important et comment vais-je le présenter d’une manière signifiante, simple, et accessible ?

      Cette phrase est vraiment importante, à mon avis.
      Signifiante, simple, et accessible.

      #accessibilité #utilisabilité #simplicité

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 13/02/2014

      Une autre ressource, mettant l’accent sur les faits, avec un test A/B additionné à un #eye-tracking, c’est bien fichu :
      ▻http://www.conversionista.se/okar-bildspel-pa-forstasidan-din-konverteringsgrad

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/03/2014

      Traduction en français du « shouldiuseacarousel » :
      ▻http://www.doisjeutiliser.fr/unCarrousel

      Avec en prime d’autres #antipatterns (#anti-patrons) quand on remonte à l’accueil.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @touti
      vide @touti 1/05/2014
      @fil

      ►http://blog.velir.com/index.php/2014/04/18/why-you-shouldnt-use-a-carousel-to-feature-content
      hop, via @fil sur irc

      vide @touti
    • @fil
      Fil @fil 1/05/2014
      @touti

      Ah oui @touti et les arguments principaux de ce blog
      ►http://blog.velir.com/index.php/2014/04/18/why-you-shouldnt-use-a-carousel-to-feature-content

      – Carousel clickthrough rates are terrible for every slide except the very first one

      – Most carousels don’t indicate what’s on subsequent (or previous) slides

      – Carousels that auto-rotate rarely do so at an appropriate speed

      – Carousels compromise information retention

      Fil @fil
    • @fil
      Fil @fil 6/07/2016

      autre argumentaire et bonnes pratiques cf. ▻https://seenthis.net/messages/297966#message507068

      Fil @fil
    Écrire un commentaire
  • @0gust1
    0gust1 @0gust1 CC BY-NC 22/10/2010

    Exception-Handling Antipatterns | Java.net
    ►http://today.java.net/article/2006/04/04/exception-handling-antipatterns

    #design #code #java #patterns #programming #antipatterns #exception #exceptions

    0gust1 @0gust1 CC BY-NC
    Écrire un commentaire

Thèmes liés

  • #design
  • #code
  • #utilisabilité
  • company: java.net
  • #exceptions
  • #exception
  • #programming
  • #patterns
  • #java