agence web

Web Designer : 7 vérifications avant de livrer un site

Web Designer : 7 vérifications avant de livrer un site 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://www.aurone.com, https://www.codeur.com
Image à la Une : courtoisie de fotolia

En tant que Web Designer, la compétence repose entièrementment sur la qualité des sites que vous êtes apte à concevoir.

L’analyse et les tests font partie intégrante d’un projet car ce sont eux qui vous permettent de valider que le travail a été bien réalisé.

Voici une liste simple des éléments que vous devez absolument valider avant de livrer.


1. Le design du site Web pour un Web Designer

Afin de vérifier l’excellente qualité du design du site Web, prenez la place du client pour mieux assimiler la façon dont il souhaite que son entreprise soit perçue par les internautes.

Le Design doit être original et adapté pour tous les plateformes, tout en respectant les attentes du propriétaire.

Et même si vous proposez un design original, il est essentiel de respecter certains standards afin de ne pas perturber et faire fuir les futurs utilisateurs :

philosophie design web philosophie de Web Design |

  1. Bien utiliser l’espace disponnible
  2. Laisser des espaces blancs
  3. Éviter les images non pertinentes et le nombres et leur taille
  4. Prohiber tous les couleurs trop contrastées et des types et grosseurs de police frivoles

Lire aussi : Web design : comment garantir l’accessibilité d’un site web ?


2. La qualité de son contenu

De façon général, le contenu proposé doit être :

site Internet - Web-design et contenu

  1. Interactif (pas trop non plus )
  2. Bien lisible et bien écrit
  3. Court, net et précis, compréhensible rapidement

Souvenez-vous aussi que ce site Web sera proposé à différent internautes. Le texte et le contenu doit donc être approprié et pertinent.

Enfin bref, un contenu de bonne qualité passe par un bon français et par le respect des bonnes pratiques d’écriture. Vérifiez les fautes d’orthographe et de grammaire et respectez les règles de ponctuation.

Mon conseil

Afin d’obtenir du contenu de bonne qualité, faites appel aux services d’un rédacteur professionnel .


3. Les fonctionnalités

Alors que vous avez créé un beau site web esthétique, il ne sert à rien si ses fonctionnalités fonctionnent mal ou pas du tout.

Afin de valider la qualité du site Web, garder votre attention sur ses éléments :

  1. Les fichiers CSS et Javascript : assurez-vous qu’ils fonctionnent tous et bien. Corrigz les bugs.
  2. Les formulaires : effectuez plusieurs tests afin d’être certain que ces formulaires fonctionnent bien
  3. Les liens : validez que tous les liens fonctionnent bien (liens internes, externes, les menus, lien, like,vers les médias sociaux, etc.)
  4. La zone de connexion :  les abonnés, les utilisateurs, les clients et vos employés doivent pouvoir se connecter ou s’inscrire facilement sans aucun problème

Pour un site de commerce électronique, plusieurs autres éléments doivent être revisés, principalement :

  1. La possibilité d’ajouter ou supprimer un élément au panier
  2. La possibilité de s’inscrire ou de se connecter à son compte
  3. Le calcul des transactions

4. Le temps de chargement

Le temps de chargement du site est l’ultime but à atteindre pour l’expérience utilisateur et le référencement.

Afin que votre site Internet soit plus performant :

  1. Minimisez le poids des images
  2. Compressez vos fichiers statiques (html, css, javascript, etc.)
  3. Mettez en cache des ressources si nécessaire
  4. Validez la configuration du serveur (hébergeur) et la version PHP de la base de données

Vous pouvez utiliser cet outil gratuit Google PageSpeed Insights afin de tester la vitesse et le temps de chargement de votre site Web et connaître ses problèmes majeurs.


5. L’optimisation SEO (Search Engine Optimisation)

Même si le client ne vous l’a pas officiellement demandé, le site Web que je développe se doit d’être minutieusement optimisé pour le référencement naturel.

seo-search-engine-optimisation

J’ai déjà publié plusieurs textes sur le sujet  SEO dans lesquels vous trouverez de nombreux astuces afin de vous assurer que votre site Web est bien optimisé pour les moteurs de recherche.

Les incontournables :

  1. Les textes doivent être hiérarchisés avec des balises Hn (HTML)
  2. Chaque page doit contenir des balises Title et méta description uniques (HTML)
  3. Le maillage interne doit être soigné (Rédaction)
  4. Des mots-clés doivent être utilisés (moteurs de recherche)

** N’oubliez pas de produire un sitemap afin de le soumettre à Google. **


6. La sécurité de vos données

C’est la préoccupation principale, le site doit être sécurisé et protégé contre les éventuels piratages et autres types d’attaque.

La première chose à faire est de placer un système de sauvegarde des données (Base de données PHP). N’oubliez pas de tester la restauration !

Par la suite, protégez les dossiers les plus sensibles avec un .htaccess et mettez en place une connexion cryptée afin d’éviter que les données soient interceptées.

Il est aussi conseillé de réduire l’accès à l’interface d’administration seulement aux personnes habilitées pour cela.


7. La compatibilité entre les différents navigateurs

navigateurs populaire

Ce ne sont pas tous les internautes qui utilisent Google Chrome pour naviguer sur  le Web.

Alors, il est important de valider que votre site Internet s’affiche bien sur les autres navigateurs populaires, et ce, dans plusieurs versions.

Vérifiez par la même occasion que votre site est bien responsive et que l’affichage est correcte selon différentes résolutions d’écrans.


Enfin bref

Cette petite liste simple n’est bien entendu pas exhaustive. Alors, j’ai passé en revue, les principaux éléments qui se doivent d’être validés, mais il y a aussi de nombreux autres paramètres qui doivent regarder afin de vous assurer de la bonne qualité du site Web.


N’hésitez donc pas à compléter notre article avec vos propres conseils en commentaires 🙂

Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.


Vidéo sur Facebook : 7 astuces pour les réutiliser

Vidéo sur Facebook : 7 astuces pour les réutiliser 0

Écrit et publié par : Éric St-Gelais.
Sources :Éric St -Gelais Web Design & Intégration multimédia, https://codeur.com, https://marketingland.com, https://digiday.com
Image à la Une : courtoisie de Éric St -Gelais Web Design & Intégration multimédia

La vidéo sur Facebook : faire l’usage des médias sociaux est devenu un incontournable afin de se faire connaître et remarquer auprès des internautes. Évidemment, une présence sur un média social comme Facebook est nécessaire.

Votre ligne éditoriale et votre calendrier doit comprendre des vidéos publiées sur d’autres plateformes populaires (YouTube, Vimeo, votre propre site internet même, etc. …) ?

Il faut savoir qu’il y a des règles à suivre afin de les publier également sur Facebook et atteindre vos buts et objectifs.


Effectivement, vous devez asbsolument adapter votre vidéo aux spécificités du média social. Comment l’adapter au mieux ? Voyez mes sept astuces !


1 : Choisir un bon titre percutant et écrire une petite description

Toute vidéo publiée sur FB doit absolument posséder un titre. Ce titre se doit d’être court tout en étant net, précis, explicite et percutant.

Il est impératif que votre titre soit accompagné d’une petite description de la vidéo, elle est aussi percutante et amène à la curiosité.

Ces simples informations encouragent les usagers à visionner en entier la vidéo dès qu’elle apparaît dans le fil d’actualité, mais aussi dans la partie « vidéos » de votre profil.


2 : Choisir la bonne durée de vidéo

Sur les médias sociaux, on surfe, on roule, nous recherchons presque tous l’instantannéité ! Autrement dit, on ne s’éternise pas.

Les usagers de Facebook, qu’ils soient sur téléphone intelligent, tablette ou sur leur PC et leur Mac, passent sur chaque contenu à une vitesse indescriptible, surtout s’ils ne recherchent rien en particulier.

En revanche sur YouTube, les utilisateurs viennent pour visionner de la vidéo. Ils acceptent plus facilement les clips de longue durée.

Maintenant, les vidéos démarrent automatiquement sur Facebook. Elles peuvent être perçues comme une nuisance, surtout si elles durent trop longtemps.


Mon conseil

Pour ne pas être passée avant même d’être regardé, vous devez réduire la durée de votre vidéo à environ 30 secondes.


3 : Un début attirant l’attention

Comme je viens de le mentionner, les clips sur FB se démarrent automatiquement.

Afin d’attirer une bonne audience, il est impératif de réaliser une introduction très percutante.

Il faut moins de trois secondes à un internaute pour se décider à poursuivre le visionnement d’une vidéo !


4 : Placer des sous-titres sur vos vidéos

Sur Facebook, 85 % des vidéos sont visionnées sans activer le son.

Vous devez donc ajouter des sous-titres afin de faciliter leur compréhension et inciter à l’action ! Ceux-ci sont  indispensables afin de faire passer votre message.

5 : Ajouter des graphiques

Parce que plusieurs personnes n’écouteront pas la bande-son de votre vidéo, vous devrez y inclure des visuels, tels des graphiques, des schémas ou des infographies.

Clairs, nets et précis, ils aident grandement à une meilleure compréhension de votre message.

6 : Choisir la bonne image en vignette miniature

Toutes vidéo possède une vignette associée.

Bien évidemment, cette vignette doit attirer l’œil et encourager l’internaute à cliquer pour voir la vidéo, surtout s’il se rend dans la section “vidéo” de votre page.


7 : Choisir un format carré de votre vidéo sur Facebook

Les vidéos destinées à être publiées sur Facebook doivent idéalement avoir un format carré.

Ainsi, elles seront plus agréables à regarder sur tous les supports. Les utilisateurs de smartphones n’auront pas à incliner leur téléphone. C’est un détail, mais ça compte !

En respectant ces bonnes pratiques, vos vidéos Facebook auront une meilleure portée et susciteront l’engagement. Vous pourrez alors accroître votre visibilité… et vos conversions !


Infolettre : faire ces vérifications avant son envoi

Infolettre : faire ces vérifications avant son envoi 0

Écrit et publié par : Éric St-Gelais.
Sources :Éric St -Gelais Web Design & Intégration multimédia, https://codeur.com, https://www.redacteur.com,  
Image à la Une : courtoisie de Fotolia

L’ infolettre est indispensable à votre stratégie numérique. L’ infolettre permet de partager aisément votre contenu et de demeurer en contact avec votre clientèle, vos lecteurs et vos prospects. Sa réalisation ne doit donc être prise au sérieux. 

Peut-être êtes-vous quelque peu stressé lors de l’envoi de votre infolettre. Votre message sera-t-il accessible pour tous vos abonnés ? Êtes-vous certain d’avoir inséré des liens sur tous vos boutons ?

Professionnel en marketing par courriel, la société Moosend a créé une infographie que vous ne pourrez plus vous passer et qui va nettement diminuer votre stress. Je vous la présente en y ajoutant quelques commentaires.

Voyez toutes les vérifications que vous devez effectuer avant d’envoyer votre infolettre à vos abonnés et vos listes de courriel. 


Faîtes une bonne première impression avec votre infolettre

Votre vérification initiale va valider l’apparence globale de votre infolettre, un  “template (modèle)” que vous  réutiliserai tout au long de votre campagne.

Pour le design, vous vérifierai que vos typographies se marient bien entre elles. Si vous hésitez entre plusieurs choix, et pour être convaincu de bien choisir, il ne faut pas hésiter à faire de l’A/B Testing en comparant vos différentes versions.

Autre aspect très important à prendre en considération : évitez à tout prix les « Dot not reply » car les usagers peuvent vous répondre s’ils ont des questions ou simplement s’ils désirent réagir à votre contenu. En leur offrant la chance de vous contacter vous recueillerai plus facilement les feedbacks.

Surtout ne pas oublié, selon votre cible et/ou le sujet de votre infolettre, vous pouvez utiliser différentes adresses courriels lors de l’envoi. En personnalisant ce paramètre et en le rendant cohérent avec votre infolettre vous améliorez grandement vos chances d’augmenter votre taux d’ouverture.

verification-infolettre-set


Tenez à jour vos listes de diffusion

Certainement vous avez un contenu ultra intéressant à diffuser et il serait déprimant que votre contenu n’arrive pas jusqu’à la boîte de réception de vos abonnés.

Votre infolettre doit être envoyée aux bonnes personnes. Si vous envoyez plusieurs types d’infolettres, vous pouvez créer plusieurs listes de diffusion   et choisir celle adaptée à votre thématique lors de chaque envoi.

Tenez à jour vos listes de diffusion en supprimant les courriels qui n’existent plus, les adresses des personnes ne souhaitant plus recevoir votre infolettre, etc. En vous effectuant régulièrement ce petit ménage, vous augmenterez vos statistiques, surtout le taux de rebond.

Enfin bref,  soyez certain d’envoyer votre infolettre qu’aux personnes qui se sont réellement inscrites pour la recevoir. Ce dernier conseil est très important et primordial.

checklist-infolettre-moving


Soignez l’esthétique et la présentation de votre infolettre

Bien que vous avez fait toutes les vérifications nécessaires afin que votre infolettre parvienne à plus d’abonnés possible. Portez une attention particulière sur la présentation de votre infolettre.

Débutez en vérifiant que votre infolettre possède un titre accrocheur. Le but ultime est de susciter la curiosité afin de donner envie à vos abonnés d’ouvrir votre message et lire votre contenu.

Vérifiez que vous avez ajouté suffisamment de boutons ( call action ) afin d’inciter vos abonnés à passer à l’action. D’ailleurs, pour améliorer vos futures infolettres vous devrez évaluer le taux de clics sur chacun de ces boutons. Il est donc indispensable d’ajouter des balises UTMs à la fin de vos URLs. Pour que Google Analytics puisse tracker les clics.

D’autres éléments incontournables doivent apparaître dans votre infolettre :

  1. De bonnes images de qualité pour lesquelles vous avez bien renseigné des balises Alt,
  2. Une partie contact,
  3. Des liens vers vos différents médias sociaux,
  4. Un lien pour se retirer de la liste.

Enfin bref, je ne le dirai jamais assez, mais votre infolettrer doit être responsive pour que vos abonnés puissent consulter votre contenu quel que soit la plateforme utilisée.

infolettre -checlist-fancy


Testez votre infolettre

Votre infolettre est presque terminée. Cependant, vous devez encore la vérifier et valider à quoi ellele rendu selon les types de messagerie utilisés.

Effectivement, visuellement un courriel présenté de la même façon sur Gmail, Outlook ou autres applications Mail. Vous devrez donc peut-être faire quelques légers changements afin d’optimiser l’apparence de votre infolettre.

Le meilleur technique pour tester l’intégralité de votre infolettre est de vous l’envoyer. Vous pourrez valider que les images s’affichent adéquatement et que tous vos liens fonctionnent bien.


infolettre verification-news-test


Préparez l’envoi de votre infolettre

Votre infolettre est prête à être diffusée ?

Validez qu’elle est bien programmée, et ce, au bon moment.

Vous pourrez aussi vous permettre d’en faire la promotion sur vos médias sociaux. Vous allez créer l’intérêt et un rendez-vous afin de donner envie à tout ceux qui ne sont pas encore abonnés de s’inscrire à votre infolettre.

envoi- infolettre -verifications


Ne manquez pas le bateuau !

Plus que quelques instants avant l’envoi de votre infolettre… Validez que vous faites parti de la liste de diffusion. Vous pourrez ainsi vous appercevoir si l’heure d’envoi est bien adaptée et vous obtiendrez une meilleure impression de l’expérience utilisateur que vous proposez.

apres-envoi- infolettre

En validant avec attention l’ensemble des éléments mentionnés ci-avant. Vous obtiendrez une infolettre de qualité, vous offrant ainsi de meilleurs taux de d’ouvertures et de clics.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.


L’ achat vocal : le futur du e-commerce ?

L’ achat vocal : le futur du e-commerce ? 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia,https://codeur.com, https://blog.hubspot.com, http://www.edisonresearch.com, 
Image à la Une : courtoisie de Éric St -Gelais Web Design & Intégration Multimédia

Effectuer un achat vocal  en ligne en utilisant simplement sa voix. Cela semble un peu insensée , vous me direz… Et pourtant! Avec le développement des enceintes intelligentes connectées (smart speakers), l’achat vocal en ligne commence à émerger.

C’est exactement le sujet d’une étude de HubSpot qui fait le point sur l’usage des enceintes intelligentes connectées (smart speakers) et amène de toutes nouvelles pistes sur le futur de l’achat vocal en ligne.


L’achat vocal en ligne avec des enceintes intelligentes connectées (smart speakers)

À cette question-ci ;

“Avez-vous déjà utilisé une enceinte connectée pour faire un achat vocal ?”, 30 % des personnes interrogées répondent Oui.

** 49, 4 % des répondant indiquent que non,

** tandis que les 20, 5 % restant ne possèdent pas d’enceintes intelligentes connectées (smart speakers)

achat vocal


Cette enquête démontre aussi une petite différence entre les États-Unis et le Royaume-Uni, où les participants au sondage ont notamment répondu : “non”.

Si ces chiffres semblent démontrer que l’ achat vocal en ligne est peu utilisé, ils pourraient aussi simplement refléter une adoption encore faible des enceintes intelligentes connectées (smart speakers).

achat vocal-2


Le prochain graphique démontre la part des différents utilités que les répondants font des enceintes intelligentes connectées (smart speakers). :

achat vocal 3

On peut observer que plus de la moitié (51, 1 %) n’utilisent pas des enceintes intelligentes connectées (smart speakers), ce qui mène directement dans le sens de l’hypothèse démontrée plus haut : le taux d’utilisation de ces enceintes intelligentes connectées (smart speakers) n’est encore  populaire.

Cependant, chez les personnes qui font l’usage des enceintes intelligentes connectées (smart speakers), on retrouve les utilisations sages suivantes :

  • Consulter la météo (12, 3 %) ;
  • L’ achat vocal (10, 4 %) ;
  • Poser des questions par le biais de la recherche vocale (8, 9 %) ;
  • Écouter des balado-diffusions (6, 9 %) ;
  • Suivre l’actualité médiatique (5, 4 %).

Si les enceintes itelligentes connectées demeurent encore peu utilisées pour effectuer des achats en ligne, il faut regarder 2 aspects :

  • Une majorité de personnes n’utilise pas (encore) ce type d’appareil ;
  • Le shopping est, mine de rien, le deuxième usage le plus répandu des smart speakers (derrière la météo).

CONCLUSION :

Une autre étude publiée par HubSpot amène aussi une clé de compréhension intéressante :

Cette étude nous démontre effectivement que l’ajout d’un article à une “shopping list” est l’un des usages les plus populaires des enceintes connectées.

Ce qui ne signifie pas nécessairement effectuer un achat, entendons-nous bien.

Plus intéressant encore : cet usage est moins prisé par les “First Adopters” (les premiers à avoir acquis des smart speakers, dès leur apparition) que par les “Early Mainstream” (c’est-à-dire les acheteurs un peu plus tardifs).

Ceci tente de démontrer que, plus les enceintes intelligentes connectées seront utilisées par des “acheteurs tardifs”, plus elles seront utilisées pour des achats en ligne (ou pour des tâches liées à un  simple achat).

Cependant ceci n’est que supposition, et on ne peut pas dire réellement que l’achat vocal en ligne deviendra la nouvelle  mode e-commerce de demain.

Mais, avec l’apparition grandissante de ces nouveaux appareils, il faudra regarder de plus près ce nouveau phénomène au cours des années futures.


Les enceintes intelligentes connectées (smart speakers) Comment ça marche ? 

Afin de mieux savoir comment bien utiliser votre smart speaker et en connaître plus sur ce sujet  suivez ce lien !


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Design Web : Se démarquer avec votre Pied de page (footer )

Design Web : Se démarquer avec votre Pied de page (footer ) 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia,https://graphiste.com,
Image à la Une : courtoisie de Éric St -Gelais Web Design & Intégration Multimédia

Le pied de page (footer) d’un site Internet, voilà un élément du design web sur lequel un bon nombre de Web designer ne s’attarde pas.

Vous pourriez facilement aller bien plus loin que le plan de votre site Web et vos coordonnées de contact.

Afin de vous démarquer de vos compétiteurs et par la suite, à terme obtenir plus de conversions ou de clics. Je vous présente ici, quelques éléments majeurs que devriez intégrer au footer de votre site Web.


Des images

Ce n’est pas parce que le pied de page (footer) esten bas de la plateforme et la dernière section regardée sur votre site que vous devez abandonner  les visuels.

Si vous avez en main de belles images de bonne qualité, rien ne vous empêche de les placer là. Vous pouvez opter pour unepetite galerie ou simplement mettre en avant une seul image.

Peu importe ce que vous choisissiez, souvenez-vous que vos images ne doivent pas cacher le texte et la lecture de vos infos se trouvant dans votre pied de page (footer).

footer-image design web


Même Des vidéos d’animation (.gif animé )

Oui oui!! Vous avez bien lu! Dans le pied de page (footer) ” THE SKY IS THE LIMIT ” tout est possible !

En faisant le choix d’ y placer une animation ou une vidéo, vous rendez votre pied de page (footer) plus attractif, captivant, intriguant et vous offrez une toute nouvelle et autre expérience à vos utilisateurs.

Assurez-vous à ce que le son soit coupé et que la taille du .gif animé ou de la vidéo soit correcte. Le but n’est pas d’agrandir le pied de page (footer).

footer-video design web


Un call-to-action

Si l’internaute tombe sur votre pied de page (footer), c’est fort probablement votre dernier souffle afin de l’amener à poser une action.

Vous devez ne pas hésiter à placer un call-to-action. Ce peut être un bouton pour s’inscrire à votre blogue, infolettre, vous contacter, même visiter votre place d’affaires, etc.


Les articles récents

Si vous possédez un blog, utilisez le footer à votre avantage en proposant à vos lecteurs vos derniers articles.

C’est un moyen très simple d’augmenter le nombre de vues sur certains de vos articles et cela évite à votre utilisateur de revenir tout en haut de votre site pour poursuivre sa navigation.

Vous pouvez même aller plus loin en proposant les articles pour lesquels votre lecteur est susceptible d’être intéressé selon ce qu’il est en train de lire sur votre site.


Un formulaire de contact

Votre formulaire de contact ne doit pas être exclusivement présent sur votre page contact. Aidez votre visiteur en lui proposant directement un moyen simple de vous contacter dans votre pide de page (footer).

Le saviez-vous ?

Il y a une certaine loi non écrite indiquant que votre formulaire de contact se doit d’être situé dans la partie droite inférieure ou au centre de votre pied de page (footer).

*** ATTENTION !!! *** ne pas proposer un formulaire trop long. Vous devez aller à l’essentiel en ne gardant que les informations principales : nom, email, objet, message.


Vos médias sociaux

Si toutefois, tout au long de la navigation sur vos pages, vous désirez convertir l’internaute, il est important maintenant d’y mettre les liens, les icônes de vos médias sociaux dans le header et/ou dans le footer.

Ceci évite de perturber et permet de valider votre pratique commerciale et faire augmenter votre potentiel acheteur si vous avez un e-commerce par exemple.


 

En prime : le pied de page (footer) flottant

Vous savez sans doute que la grande majorité des pieds de page (footers) sont fixes et dans le bas de la page Web. Et si vous décidiez de ne pas suivre cette tendance ?

Proposez à vos visiteurs un pied de page (footer) flottant, qui le suit quelque soit sa position sur la page. Il aura ainsi accès en tout temps aux informations additionnelles que vous avez choisi d’y ajouter.

Quand choisir un footer flottant ?
Ce type de footer est particulièrement apprécié sur les sites où il est nécessaire de scroller longtemps pour arriver en bas de la page.

Si vous optez pour un pied de page (footer) flottant, verifiez à ce qu’il ne soit pas trop large pour ne pas trop empiéter sur le contenu de la page présente et consultée par votre visiteur.

Peu importe ce que vous ajoutiez dans votre pied de page (footer) afin vous démarquer de vos compétiteurs, n’oubliez jamais qu’il doit refléter votre image de marque. Vous devez donc le personnaliser.

Veillez aussi à toujours privilégier l’expérience utilisateur. Votre pied de page (footer) doit demeurer utile, conviviale et opportun pour vos visiteurs.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Les tests automatisés :  vos avantages de les utiliser

Les tests automatisés : vos avantages de les utiliser 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, www.aurone.com
Image à la Une : courtoisie de www.aurone.com

Depuis l’invention des boutons à 4 trous, la planète Web a compris la valeur des tests automatisés. Vous pouvez maintenant vous asseoir et regarder le travail se faire, sans arrêt et efficacement. Les test automatisés n’ont pas de coût, ils peuvent sauver votre réputation, vous faire gagner beaucoup de temps et d’argent et vous permettre de faire ce que vous ne pouviez faire autrefois. C’est le cas avec les tests automatisés dans le développement de site Internet. Lisez la suite pour découvrir comment l’automatisation des tests peut améliorer considérablement l’efficacité de vos tests sur des projets Web.


Les tests automatisés dans le développement Web

Même dans le code des développeurs du monde les plus en vue, des bugs, imperfections peuvent s’y retrouver. C’est pour cela que l’assurance qualité est depuis toujours une obligation pour votre projet. Afin d’épurer le processus à la bonne performance , l’intelligence humaine a créé des tests automatisés. Regardons de plus près  quelques-uns de leurs grands avantages.


Obtenir une vitesse incroyable

test-débit

Ces tests automatisés font des merveilles en vérifiant chaque octet de votre projet avec la rapidité de l’éclair. Dans plusieurs cas, il faudrait un moine et toute une éternité afin de valider les mêmes aspects du site manuellement (si ce n’est carrément impossible de le faire).


Réutilisable

Une fois écrit par un ingénieur QA, les tests peuvent être utilisés encore et encore, à l’infini. Les mêmes modules peuvent être réutilisés pour d’autres tests sur le projet.


C’est une excellente couverture

Par l’automatisation, vous pouvez rapidement couvrir un grand nombre de variantes de cas de test. Cela inclut l’interaction avec plusieurs systèmes d’exploitation, navigateurs, appareils mobiles, résolutions d’écran, vitesses de connexions, etc., ainsi que divers scénarios de comportement d’utilisateur, et bien plus encore.


Autosuffisance

Les tests automatisés peuvent être exécutés en tout temps soit 24 heures sur 24 et 7 jours par semaine, sans aucun contrôle et surveillance, puis obtenir facilement tous les résultats des tests automatisés.


ob_435ac7_bugs2

Détectez les bugs en temps opportun

La possibilité de pouvoir détecter rapidement les bugs pendant le développement n’a pas de prix. Les concepteurs  peuvent agir rapidement et immédiatement, ce qui rend les retouches plus efficaces, plus rapides et beaucoup moins onéreuses.


C’est de la haute précision moins l’erreur humaine

L’automatisation fait un travail rigoureux et précis. Elle n’a pas les yeux fatigués, pas de manque de concentration (24h / 24, vous vous souvenez ?). Donc, ils ne peuvent pas négliger le moindre détail. Aucun travail manuel à répétition grâce aux tests automatisés. Il n’y a aucune de monotonie.


Validation de la capacité de votre site Internet

Avec les tests automatisés, vous regardez la résilience de votre site Web vis-à- vis une armée virtuelle d’innombrable internautes actifs simultanément sur votre site Web. Le test manuel ne peut faire cela.


Obtenez facilement des rapports pratiques

Vous obtiendrez des résultats de tests prêts qui montrent précisément tous les tests effectués et les bugs trouvés. Parmi les autres avantages, il est facile pour les ingénieurs en automatisation de poursuivre le travail de leurs collègues.


Quand les tests automatisés se montrent particulièrement utiles ?

Il est facile maintenant de couvrir presque toutes les facettes du fonctionnement de votre site Internet avec ces tests automatisés. Néanmoins, les plus importants sont généralement sélectionnés. Ainsi, plus le projet est gros, plus les tests automatisés sont un véritable bijou et une aide précieuse. L’automatisation est très utile pour les tests de régression (pour voir si tout va bien après quelques modifications et que d’anciens bugs ne sont pas apparus), pour tester différents types de plateformes et différentes configurations, les tests fonctionnels, les tests de charge, les tests sur mobiles, etc.


Les tests automatisés et les tests manuels : Des amis et non des rivaux

Les tests automatisés ne remplaceront jamais les tests manuels, ils ne sont qu’une aide précieuse. Dans plusieurs aspects de l’interaction de les usagers avec votre site Internet ou votre application mobile (position des boutons, actions simples de l’utilisateur comme la connexion,contact etc.). Les yeux et les mains demeurent un «outil» inégalé selon des proportions qui conviennent le mieux à votre projet.


Quelques outils de test automatisés

Mes outils de tests automatisés sont Jenkins + Selenium, ainsi que d’autres tests de compatibilité entre les navigateurs et les multis-plateformes avec BrowserStack . Il prend en charge aussi les tests automatisés. D’autres  test d’automatisation incluent Behat, Behave, PyTest, Locust, Apache JMeter, Appium, et bien d’autres. Le choix d’outil dépend du test désiré et de ses propres particularités. Chaque projet est unique, il convient donc de choisir le ou les bon(s) outil(s).


Enfin bref…

Avec les tests automatisés bien mis en place sur une plateforme, votre avenir s’annonce prometteur pour votre site Web. Votre équipe de gestion du site consacrera son temps à des tâches plus « intelligentes » ou à améliorer le système que à exécuter des tests longs et fastidieux. Automatiser vos tests de qualité, permettra aussi de passer plus de temps à faire un meilleur développement de vos affaires qu’à le maintenir le site Web bien en vie et fonctionnel.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Formulaire contact : 10 extensions WordPress recommandées

Formulaire contact : 10 extensions WordPress recommandées 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://www.codeur.com, WordPress
Image à la Une : conception de  Éric St -Gelais Web Design & Intégration Multimédia

Vous ne savez pas comment faire afin de créer un beau et bon formulaire contact  bien complet sur votre plateforme WordPress ?

Aucune inquiétude : il y a des extensions simples pour WordPress (et souvent gratuites) afin d’y parvenir.

Voici mon choix de 10 extensions (plugins) WordPress qui vous aideront à construire un formulaire contact en un simple clin d’œil.


  1. Ninja Forms

    Ninja Forms est l’une des extensions  (plugins) WordPress les plus puissantes afin de réaliser des formulaires de contact.

    Avec une version gratuite, c’est l’outil  le plus complet et le plus simple d’utilisation.

    plugin-wordpress-formulaire contact-1


  2. WPForms

    WPForms est une extension (plugin) très populaire (plus d’1 million de téléchargements) pour la création de formulaires.

    Il possède des fonctionnalités souples qui rendent vos formulaires de contact très personnalisables (avec un Drag n’ drop facile d’utilisation).

    plugin-wordpress-formulaire contact-2

     


  3. Gravity Forms

    Gravity Forms est un incontournable de la réalisation de formulaires avec WordPress. Très efficace et complet, il s’avére compliqué à prendre en main pour les débutants.

    Coût : à partir de 59.00 $ / année pour la version entière et complète (il existe une démo gratuite).

    plugin-wordpress-formulaire contact-3


  4. Contact Form 7

    Contact Form 7 est une excellente extension (plugin). Elle se spécialise, comme le dit son nom, sur les formulaires de contact.

    Bien qu’elle soit plus limitée que certaines autres solutions disponibles, Contact Forms 7 est entièrement gratuite et très conviviale.

    plugin-wordpress formulaire contact-4


  5. Caldera Forms

    Voici une autre solution des plus populaires, Caldera Forms . Elle vous permet de réaliser des formulaires responsive avec un éditeur en drag n drop.

    plugin-wordpress formulaire contact-5


     

  6. HubSpot

    HubSpot – Free Marketing Plugin est une solution et un outil de marketing complet qui offre non seulement de réaliser un formulaire contact. Mais aussi d’améliorer vos conversions et de bien analyser le comportement des internautes navigant sur votre plateforme WordPress.

    plugin-wordpress formulaire contact 6


     

  7. Contact Form by WD

    Contact Form by WD vous permet de créer facilement des formulaires de toutes sortes sans avoir aucune connaissance en programmation. Il est gratuit (mais il existe une version Premium plus poussée).

    plugin-wordpress formulaire contact 7


     

  8. FormCraft

    FormCraft est une autre extension WordPress de grande qualité à afin de créer vos formulaires : facile, simple et efficace. La version gratuite possède déjà des fonctionnalités très satisfaisantes.

    plugin-wordpress-formulaire-contact-8


     

  9. Formidable Forms

    Formidable Forms, créer et personnaliser votre formulaire contact est maintenant un jeu d’enfant. Gratuit et souple, il vous permet de réaliser un formulaire contact à partir d’un thème pré-existant ou de zéro.

    plugin-wordpress-formulaire-contact-9


     

  10. Visual Form Builder

    Avec 100 000 installations et plus, Visual Form Builder est une extension WordPress populaire, gratuite et très performante afin de créer des formulaires de contact (et tout autres types de formulaires).

    plugin-wordpress-formulaire-contact-10


    Vous avez des questions ou des commentaires sur ce sujet ?

    Laissez-nous vos commentaires ci-dessous.

Orthographe : Cinq correcteurs gratuits

Orthographe : Cinq correcteurs gratuits 0

Écrit et publié par : Éric St-Gelais.

Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://www.aurone.com,
Image à la Une : courtoisie de https://www.ouest-france.fr

Vérifiez-vous systématiquement l’ orthographe de vos pages Web, articles de blogue et autres publications de contenus avant d’appuyer sur “Publier” ? Si votre réponse est non, ce billet vous intéressera…

Notre belle langue française est complexe et souvent elle présente de nombreux pièges. C’est pourquoi, se relire et corriger nos textes sont des tâches laborieuses. Une aide précieuse est donc bien reçue.

Quelle chance! Il existe d’excellents correcteurs d’orthographe gratuits sur le Web qui, sont presque fiables à 99%.


1. Scribens

Scribens est l’un des meilleurs outils pour la correction d’orthographe et de la grammaire française. Il est entièrement gratuit et il est plus que satisfaisant.  La plateforme met en évidence les fautes d’orthographe et propose des corrections nécessaires en seulement quelques clics.

La version premium 59.60 $ CAN (39, 90 € pour un an), elle sera plus complète avec des fonctionnalités plus élaborées. Il y aura aussi, intégration avec d’autres outils (Word, Gmail, Facebook, etc.).

correcteur-orthographe-gratuit-1


2. BonPatron

BonPatron est un logiciel de vérification orthographique en ligne, bien que peut-être moins intuitif.

Il encadre et souligne en rouge les fautes et erreurs de formulation et explique la nature de l’erreur à l’aide d’une info-bulle, mais il ne fait pas de suggestion automatique de correction.

Il reste malgré tout un correcteur très fiable et pratique.

correcteur-orthographe-gratuit-2


3. LanguageTool

LanguageTool est un correcteur d’orthograffe efficace et très intuitif, qui peutfacilement être installé en tant qu’extension pour le navigateur Firefox. Ce qui est très bien.

La version dite  “gratuite” est limitée à seulement 20 000 caractères par traduction, ce qui est tout de même peu. Au-delà, vous pourrez acquérir la version premium pour 89.00 $ CAN (59 €) par année.

correcteur-orthographe-gratuit-3


4. Larousse

Le correcteur de Larousse est basé sur le logiciel Cordial, un logiciel renommé dans ce domaine.

Il bénéficie donc d’un niveau de correction orthographique et grammaticale élevé, mais il a l’inconvénient d’être limité à 1000 caractères.

correcteur-orthographe-gratuit-4


5. Reverso

Reverso est un outils de traduction en ligne des plus connus, mais la plateforme offre un service de correction orthographique gratuit.

Une fois votre texte vérifié, il effectue automatiquement les modifications nécessaires et les identifie par un surlignage en bleue en gras .

En revenche, il s’avère globalement un peu moins fiable que les autres ci-dessus, ne percevant pas certaines subtilités et règles de grammaire important telles que les participes passés.

Par exemple, en essayant de traduire la phrase “Nombre de mots limité à 2000“, il rajoute un “s” au mot “limitéS”, alors que c’est bel et bien le nombre qui est limité.

correcteur-orthographe-gratuit-5


Conclusion…

Afin d’éviter les fautes, rien ne vaut une rédaction professionnelle

Afin de vous garantir l’absence de fautes et d’erreurs de formulation, rien de mieux qu’un texte rédigé et corrigé par un professionnel en rédaction. Trouvez un rédacteur pigiste sur Éric St-Gelais Web Design & Multimédia , ma plateforme dédiée à la création de contenus, mes nombreux services et mon blogue techno.

Contactez-moi !


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Jeux vidéos : L’impact sur vos enfants

Jeux vidéos : L’impact sur vos enfants 0

Article écrit et publié par : Éric St-Gelais
Sources: https://neurogymtonik.com http://www.20minutes.fr, Éric St Gelais Web Design & Multimédia
Image à la Une courtoisie de : http://www.ionik.fr

Saviez-vous qu’une famille de deux enfants et plus, jouent 4 à 6 heures de jeux vidéos par jour ?

Comme touts parents, les nouvelles technologies peuvent être utile afin de remplir des moments d’attente et faciliter les fameuses transitions, par exemple ; la préparation des repas, le matin à l’habillage, dans la voiture, à la fin d’un repas au restaurant ou dans une salle d’attente.

Avez-vous remarqué que le comportement de votre enfant change lorsqu’il passe plusieurs heures à avoir les yeux sur des jeux vidéos?


” Restes calme, maman ! C’est seulement un jeu vidéo !”

Oui, ce sont seulement des jeux vidéos. Cependant, à long terme, en jouant continuellement, les risques qui peuvent en surgir sont inquiétants.

Les réactions possibles à l’abus de jeux vidéos :

  1. Peut vivre de l’anxiété, l’agitation, de l’angoisse, et de l’insécurité ;
  2. Manque de discernement, de jugement ;
  3. Éprouve de la difficulté à différencier le jeu de la réalité, à comprendre que ces actes ont des conséquences et peuvent blesser les autres ;
  4. Cherche la facilité. Manque d’attention et de persévérance lors des devoirs et tâches scolaires
  5. Devient impulsif et réagit fortement à la contrainte ;
  6. Ressens une faible estime de lui et une baisse de la confiance en soi ;
  7. Obésité ;
  8. Et même, dans des cas majeurs, on peut retrouver des cas de dépression et même des pensées suicidaires ;
  9. À des propos négatifs, est rigide, s’oppose et éprouve un manque de motivation ;
  10. À des défis pour développer des habiletés sociales et entretenir des liens positifs avec ses pairs et les adultes.

Ayons conscience des impacts que l’exposition trop grande aux jeux vidéos peut avoir sur le cerveau de vos jeunes enfants et de ses effets morbides et négatifs sur leur développement. L’enfant qui est souvent très passif devant un écran quelconque, ne peut pas se fabriquer de nouvelles connexions neuronales. Parce que, pour pouvoir bien évoluer afin de mieux comprendre son environnement, son cerveau a besoin que l’enfant ne soit pas sédentaire et qu’il se doit d’être en action et en mouvement.


Que voulons-nous pour nos enfants ?

Et si on prenait le temps pour se poser des questions sur ce que nous voulons vraiment. Pour nous et notre progéniture? Est-il légitime de croire qu’en voulant toujours aller de plus en plus vite, nous perdons tout contact avec la réalité de la vraie vie et ses réels petits plaisirs, comme se parler face à face, avoir de beaux contacts chaleureux, prendre notre temps afin de respirer et de bien penser avant de dire des sottises et ne pas se laisser mener par l’impulsivité et de le regretter longtemps?


Nouvelle vie ?

Montrez à vos amours que vous n’avez pas une deuxième chance d’obtenir une nouvelle vie. Dites-lui qu’il n’a droit qu’à un seul tour de manège. La vie que tu détiens est précieuse et unique, inestimable. Dans le concret, lorsque tu manques ton coup et que tu tombes, ça fais vraiment mal. Lorsque vos enfants posent de drôle de gestes ou écrivent des messages douteux sur les réseaux sociaux, vous devez leur faire prendre conscience qu’il y a de vrais  impacts sur la vie des gens visés. Vous devez mettre des limites nettes, précises et claires, les respecter et surtout, appliquer les conséquences appropriées.

**** Imposez des limites nettes, précises et claires, les respecter et surtout, appliquer les conséquences appropriées… ****


Enfin bref, jeux vidéos ou pas, tout est une question d’équilibre!

Pour finir, je crois qu’il faut retenir que tout est dans l’équilibre. Permettez sur des plages horaires limitées pour l’utilisation des jeux vidéos et…  Respectez-les! Demeurez alertes et vigilants autant sur les contenus regardés des jeux vidéos, mais aussi leurs réseaux sociaux.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Republication : 5 Outils essentiels pour vos articles

Republication : 5 Outils essentiels pour vos articles 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://www.redacteur.com
Image à la Une : courtoisie de http://blog.tamento.com

Publier de nouveaux billets tout neufs de façon régulière. C’est la base d’un blogue performant et en bonne santé, mais avez-vous songez à une republication ?

Toutefois, il est toutefois très utile de réutiliser des contenus ayant déjà été publiés. Il y a deux raisons majeurs de faire cela :

Il est parfois difficile de trouver des idées de textes nouveaux et originaux ;

Certains vieux contenus n’ont peut-être pas eu le succès escompté à l’époque et méritent un second souffle.

Cependant republier de vieux articles n’est qu’un début. Le plus important est de faire la promotion de vos contenus. Afin de leur offrir toute la visibilité dont ils ont besoin et atteindre beaucoup plus de lecteurs et de clics sur votre site Web

Seulement, republier des articles de blogue sur les médias sociaux ou en faire la promotion par des campagnes de courriel peut devenir pénible, long et laborieux. En revanche, il existe des outils spécialement conçus pour vous faciliter cette tâche.

Voici cinq outils fameux de republication afin de booster vos vieux articles de blogue


SwiftlySocial

SwiftlySocial  vous permet de « recycler » vos anciens contenus et de les placer en avant sur les médias sociaux en quelques secondes dans un battement de cils.

Débutez par entrer l’adresse URL de votre article que vous désirez republier, ensuite SwiftlySocial vous suggérera plusieurs nouvelles idées de publications pour les médias sociaux.

En plus de personnaliser vos textes ou les hashtags. Vous pouvez même réaliser des images personnalisées directement sur cette plateforme grâce à l’éditeur intégré à cette solution.

Enfin bref, cet outil fonctionne et est compatible avec les médias sociaux : Facebook, Twitter, Google +, Pinterest, ou encore Instagram.

republication-article-1


Missinglettr

Missinglettr est une solution utile qui met automatiquement en place des campagnes sur les médias sociaux afin de faire la promotion vos publications sur une année entière.

Vous n’êtes plus obligé de vous concentrer sur la rédaction ou la recherche de vieux contenus pertinents et laisser Missinglettr republier vos articles sur Facebook, Twitter,  Linked In et Google +.

Cependant tout n’est pas entièrement automatique, puisque vous pouvez personnaliser vos campagnes :

  1. En personnalisant les hashtags qui seront utilisés dans les publications concernant un article ;
  2. Vous pourrez modifier facilement le contenu. L’image de chaque publication (l’outil fait des suggestions et vous pouvez en modifier très vite) ;

Ajustez la fréquence de republication ou mettez en arrêt temporaire la campagne si vous le désirez et si nécessaire.

republication-article-2


Repost

Repost  fait l’analyse de chacun de vos articles, archivés dans la « bibliothèque », afin déterminer  le meilleur moment afin de les republier en maximisant vos chances de viralité.

Vous n’avez qu’à spécifier le calendrier de publication souhaité afin d’indiquer à Repost le meilleur temps pour  republier vos articles, et Repost se chargera de faire la promotion vos anciens articles.

Pour chaque publication, vous pouvez  personnaliser :

  1. La date butoir à laquelle il ne sera plus republié ;
  2. Le texte de la publication ;
  3. L’image associée.

 

Repost est compatible avec Facebook, Twitter et Linked In.

republication-article-3


Revive Old Post

Revive Old Post est une extension pour le CMS WordPress  vous permettant tel son nom l’indique donner une nouvelle vie à vos anciennes publications.

Facile et Simple d’utilisation, il permet notamment la republication et de paramétrer :

  1. La fréquence de republication sur les réseaux sociaux ;
  2. Les hashtags à utiliser pour chaque contenu ;
  3. Exclure certaines publications ou certaines catégories que vous ne souhaitez pas republier…

 

Quant aux réseaux sociaux compatibles, cette extension prend en charge Facebook et Twitter.

republication-article-4


Republish Old Posts

Republish Old Posts est une  autre extension pour WordPress au fonctionnement très convivial et très simple.  Elle permet la mise à jour la date de publication de vos vieux articles.

Vos anciennes publications se retrouvent ainsi à la une de votre blogue et sont de nouveau diffusés dans votre flux RSS Ceci permettant de les promouvoir auprès des internautes.

Toutefois, il vous faut éviter cette extension. Surtout si vos publications comportent leur date de publication dans leur URL ou le titre de l’article (cette dernière n’étant pas modifiée).

republication-article-5


ENFIN BREF …

Maintenant que vous connaissez ces cinq outils afin de republier vos anciens articles. Vous pourrez booster votre contenu marketing et gagner de nombreux visiteurs sur votre blogue.

Toutefois, la création de contenus nouveaux et originaux reste indispensable. Pour cela, n’attendez plus : trouvez un rédacteur Web pigiste sur Éric St-Gelais Web Design & Intégration Multimédia. 


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.