IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par Stéphane le calme

537PARTAGES

20  0 
Quelles sont les pratiques les plus absurdes en dev Web ?
Obliger les utilisateurs à s'inscrire pour accéder au site
78 %
Bloquer les utilisateurs européens (RGPD)
49 %
N'utiliser que le dernier framework JavaScript à la mode
35 %
Faire savoir sur desktop que vous avez une appli mobile
27 %
Faire la promotion de l'app mobile sur desktop
24 %
Autres (à préciser en commentaires)
3 %
Voter 37 votants
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

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de vanskjære
Membre averti https://www.developpez.com
Le 14/09/2018 à 10:19
OBJECTION!!!

418 c'est "I'm a teapot". On ne peux pas se passer de ce code indispensable au bon fonctionnement du HTCPCP .
11  0 
Avatar de Marco46
Expert éminent sénior https://www.developpez.com
Le 14/09/2018 à 10:30
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.
11  0 
Avatar de Chuck_Norris
Membre émérite https://www.developpez.com
Le 14/09/2018 à 10:19
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 ?
10  0 
Avatar de gstratege
Membre actif https://www.developpez.com
Le 14/09/2018 à 10:28
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
7  0 
Avatar de GordonFreeman
Membre éclairé https://www.developpez.com
Le 14/09/2018 à 13:34
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.
7  0 
Avatar de Sodium
Membre extrêmement actif https://www.developpez.com
Le 14/09/2018 à 10:24
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.
6  0 
Avatar de Doksuri
Expert confirmé https://www.developpez.com
Le 14/09/2018 à 10:53
et la page pour follower tous les reseaux sociaux ?
4  0 
Avatar de pschiit
Membre actif https://www.developpez.com
Le 14/09/2018 à 11:45
Il y a aussi la page pour noter l'application
2  0 
Avatar de GalliezB
Membre habitué https://www.developpez.com
Le 14/09/2018 à 12:37
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"
2  0 
Avatar de darklinux
Membre extrêmement actif https://www.developpez.com
Le 14/09/2018 à 12:50
C 'est à peine une exagération ...
2  0