Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Chroniqueur Actualités

    Trolldi : comment devenir un gourou du développement Web ?
    Trolldi : comment devenir un gourou du développement Web ?
    Voici les meilleures pratiques adaptées au Web moderne

    Casper Beyer, un développeur, note avec une pointe d'humour les différentes conceptions Web qu'il a pu rencontrer et qui ne l'ont pas marqué positivement. « De temps en temps, je vois une page qui n'a pas sauté dans le train. C'est simplement inadmissible, alors il faut revoir ensemble les meilleures pratiques adaptées au Web moderne. Ces pratiques sont immuables, vous devez les suivre car je suis un developer advocate. Elles sont également en vigueur sur un certain nombre des meilleurs sites Web classés par Alexa, mais gardez surtout à l'esprit que je suis un developer advocate ».

    Pour la petite précision, un developer advocate est une personne dont la principale responsabilité est de faciliter l’utilisation d’une plateforme par les développeurs.

    Voici les pratiques proposées par Beyer :

    Parlez de la version mobile de votre application

    La première chose que vous devez faire lorsqu'un utilisateur visite votre site Web est de lui montrer une grande boîte de dialogue lui indiquant qu'il doit simplement installer l'application mobile à la place.


    Une petite astuce consiste à mettre un lien proposant d’aller directement sur le site et le placer très près du lien qui permet à l'utilisateur d'installer l'application. Cela rendra les utilisateurs beaucoup plus heureux car il est si facile d'installer l'application et de ne pas fermer accidentellement la boîte de dialogue !

    Parlez aux utilisateurs des cookies

    Si l'utilisateur continue et insiste pour utiliser la version Web, nous devons lui faire savoir que nous utilisons des cookies pour le suivre.


    Faites savoir aux utilisateurs qu'ils peuvent s'inscrire

    Parfois, un lien ne suffit pas, une boîte de dialogue peut être très utile pour informer l'utilisateur qu'il peut s'inscrire à votre site Web. Précisons que des recherches ont prouvé que les boîtes de dialogue qui ne peuvent pas être fermées ont le meilleur taux de conversion. Quoi de plus cool pour obliger les visiteurs à s’inscrire ?


    Bloquez les utilisateurs européens

    Avec le RGPD, même les Européens ont du mal à faire le discernement entre ce qui peut être fait et ce qui n’est pas autorisé. La meilleure solution face à cette problématique ? Ne rien faire, continuez de pister vos utilisateurs et empêchez les Européens d'accéder au site.


    Autorisez le opt-out

    Maintenant, il est très important de faire comprendre aux utilisateurs que nous ne sommes pas intrusifs. Aussi, nous devons leur permettre de refuser des modaux de l’application mobile.

    La meilleure pratique consiste à placer ce menu quelque part où l’utilisateur pourra facilement la repérer, comme dans l’une des pages de préférences du compte. Il ne va peut-être pas y penser directement, mais le plus important c’est qu’il utilise l’application, pas vrai ?


    Faire la promotion de votre application

    Si l’utilisateur doit désactiver l’invite d’installation de l’application mobile, nous pouvons l’avoir à l’usure. Faire la promotion de l'application mobile quelque part sur le site Web fera l’affaire. À un moment l’utilisateur va abandonner son combat et l’essayer.


    Toujours parier sur JavaScript

    Ces boîtes de dialogue requièrent évidemment JavaScript, et bien sûr, il est important d’avoir un défilement sans fin, mais assurez-vous de faire vos preuves en utilisant le dernier framework à la mode.

    Et voilà !!!

    Maintenant que vous connaissez ces meilleures pratiques pour le développement Web moderne, assurez-vous de les appliquer à la lettre et partout. Vous êtes désormais certifié et prêt à postuler pour des sites de premier ordre, à condition de vous souvenir de ces règles simples lors du processus d’entretien.

    Vous ne savez rien du développement Web ? Ne vous inquiétez pas, vous pouvez simplement faire un bootcamp d’une semaine et vous serez un expert !

    Source : billet Casper Beyer

    Et vous ?

    Quelles sont les pratiques qui vous ont le plus marqué négativement dans le développement Web ?
    Avez-vous une anecdote sur le sujet ?

    Voir aussi :

    Trolldi : comment écrire du code non maintenable et qui vous assurera un travail à vie ? Petites astuces dans le langage Java
    Trolldi : qu'avez-vous pu faire dans le passé pour détruire involontairement votre carrière en informatique ? Quelques pistes à explorer
    Trolldi : comment prendre sept ans pour livrer une bêta d'un jeu vidéo ? L'art d'allonger les délais en développement logiciel
    Trolldi : les meilleurs employés ne sont pas ceux qui sont les plus agréables, selon un psychologue qui explique sa réflexion
    Trolldi : Good Luck With That, enfin une licence pour le code spaghetti ? Les devs peuvent modifier votre code tant qu'ils ne vous mentionnent pas
    Contribuez au club : Corrections, suggestions, critiques, ... : Contactez le service news et Rédigez des actualités

  2. #2
    Membre averti
    OBJECTION!!!

    418 c'est "I'm a teapot". On ne peux pas se passer de ce code indispensable au bon fonctionnement du HTCPCP .

  3. #3
    Membre émérite
    Bon article.

    Personnellement j'aurais ajouté une popup modale pour demander l'inscription à la newsletter. Il est important de la faire apparaître avant que l'utilisateur ait eu l'occasion de voir ne serait-ce que la page actuelle. En effet, quoi de plus amusant de s'inscrire à une newsletter sans même savoir si le site nous intéresse ?

  4. #4
    Membre extrêmement actif
    Je vote sans hésitations pour les sites sous forme de grands blocs en pleine page avec un très long scroll et un défilement haché, ex : https://www.apple.com/lae/apple-watch-series-4/

    C'est parfait, impossible d'en retirer des informations concrètes (un prix, des caractéristiques techniques...), le texte apparaît avec un temps de latence et la navigation est constamment bloquée parce que ce n'est quand-même pas à l'utilisateur de choisir à quelle vitesse il scroll.

    Mais les popups sous toutes leurs formes arrivent presque ex eaco, que ça soit pour forcer à installer l'application mobile, une inscription au site ou à la newsletter, signaler que le site utilise des cookies, etc. C'est encore mieux si la popup n'apparaît que quelques secondes après le chargement ou si l'utilisateur s'apprête à quitter la page, comme ça il ne s'attend pas à ce que sa navigation soit interrompue.
    Citation Envoyé par Un expert en programmation
    D'ailleurs il croit toujours que le JS c'est de la POO

  5. #5
    Membre habitué
    Citation Envoyé par Chuck_Norris Voir le message
    Bon article.

    Personnellement j'aurais ajouté une popup modale pour demander l'inscription à la newsletter. Il est important de la faire apparaître avant que l'utilisateur ait eu l'occasion de voir ne serait-ce que la page actuelle. En effet, quoi de plus amusant de s'inscrire à une newsletter sans même savoir si le site nous intéresse ?
    J'ai pensé à la même chose, c'est tellement pénible leur pop-up newsletter

  6. #6
    Modérateur

    Citation Envoyé par Chuck_Norris Voir le message

    Personnellement j'aurais ajouté une popup modale pour demander l'inscription à la newsletter. Il est important de la faire apparaître avant que l'utilisateur ait eu l'occasion de voir ne serait-ce que la page actuelle. En effet, quoi de plus amusant de s'inscrire à une newsletter sans même savoir si le site nous intéresse ?
    This !

    Plus les vidéos qui démarrent automatiquement et les pubs qui bloquent le chargement de la page, sympa aussi.
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

  7. #7
    Membre expert
    et la page pour follower tous les reseaux sociaux ?
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

  8. #8
    Membre actif
    Il y a aussi la page pour noter l'application

  9. #9
    Membre habitué
    Prévenir l'utilisateur que des Cookies vont être enregistrés et que s'il refuse, il ne pourra pas utiliser le site.


    Vous avez déjà essayer de les refuser ? La plupart des petits sites que j'avais testé ne font pas de différence entre "Accepter" et "Refuser"

  10. #10
    Membre confirmé
    C 'est à peine une exagération ...

  11. #11
    Membre confirmé
    Sans oublier les sites parkinson...
    Ne pas oublier les sites one page avec la barre de scroll de 4 km dont le contenu bouge tout le temps du aux pubs incrustées dans le contenu et qui apparaissent et disparaissent.

  12. #12
    Membre du Club
    si on se place dans l'expérience mobile, ce qui est tres penible et encore vu aujourdhui, c'est les popin qui propose d'installer l'app mobile , A CHAQUE visite sur le site

  13. #13
    Membre expérimenté
    Je ne comprends pas ce que les frameworks Javascript viennent faire là-dedans.

    D'une part, je ne vois pas en quoi l'utilisation de frameworks récents (ou à la mode) est un problème (en DotNet, Java, JS, PhP ou autre), et d'autre part, je ne vois pas en quoi un framework (JS ou non encore une fois) serait un problème pour un utilisateur grand public d'un site (l'utilisation de popup n'étant pas propre aux framework JS)?

  14. #14
    Membre confirmé
    L ' utilisation de pop up , est me concernant , toute la différence entre une entreprise sérieuse et une start up qui veut très vite ce vendre . Un pop up à la rigueur , mais ensuite , c 'est douteux .

  15. #15
    Membre chevronné
    <hors sujet>
    comment devenir un gourou ?
    Par la méditation
    Hommage à l'Amiga 500

    Si quelqu'un à l'explication du "software faillure guru meditation"
    Je suis preneur

    Désolé je n'ai pas pu résister.

    Je retourne dans mon coin nostalgique
    </hors sujet>

    Vous pouvez reprendre une activité normale
    Consultez mes articles sur l'accessibilité numérique :

    Comment rendre son application SWING accessible aux non voyants
    Créer des applications web accessibles à tous

    YES WE CAN BLANCHE !!!

    Rappelez-vous que Google est le plus grand aveugle d'Internet...
    Plus c'est accessible pour nous, plus c'est accessible pour lui,
    et meilleur sera votre score de référencement !

  16. #16
    Membre habitué
    Résultats du sondage :

    Obliger les utilisateurs à s'inscrire pour accéder au site - 80,00%
    N'utiliser que le dernier framework JavaScript à la mode - 44,00%
    Bloquer les utilisateurs européens (RGPD) - 44,00%
    Faire savoir sur desktop que vous avez une appli mobile - 32,00%
    Faire la promotion de l'app mobile sur desktop - 28,00%
    Autres (à préciser en commentaires) - 4,00%
    25 votants


    tout est dit...

  17. #17
    Nouveau Candidat au Club
    Citation Envoyé par GalliezB Voir le message
    Prévenir l'utilisateur que des Cookies vont être enregistrés et que s'il refuse, il ne pourra pas utiliser le site.


    Vous avez déjà essayer de les refuser ? La plupart des petits sites que j'avais testé ne font pas de différence entre "Accepter" et "Refuser"
    Je dois avouer que j'ai été un adepte de cette technique , c'est devenu un peu plus compliqué avec le RGPD..

  18. #18
    Expert éminent sénior
    SVP, pas de questions techniques par MP. Surtout si je ne vous ai jamais parlé avant.

    "Aw, come on, who would be so stupid as to insert a cast to make an error go away without actually fixing the error?"
    Apparently everyone.
    -- Raymond Chen.
    Traduction obligatoire: "Oh, voyons, qui serait assez stupide pour mettre un cast pour faire disparaitre un message d'erreur sans vraiment corriger l'erreur?" - Apparemment, tout le monde. -- Raymond Chen.