C’est certain qu’il serait intéressant de tous les faire, mais parfois, il vaut mieux être excellent dans moins de choses qu’être “meh” dans un peu de tout. Vous verrez quand même que l’essentiel est couvert et que l’on offre ce qui est pertinent à nos clients principaux, en région en 2021. Tout se peut mais à moins d’avoir les ambitions de Zuckerberg, vous aurez juste besoin d’un beau, bon site, simple à utiliser.  Nous, notre désir aujourd’hui est de vous parler de types de site web en formule “speed dating”! Alors rencontrons nos candidats…

Les candidats du speed dating de types de sites web:

1. Site vitrine

Présentation : Le site vitrine est un site de base (d’une ou plusieurs pages) axé sur la diffusion d’informations ou de contenu afin de faire connaître une entreprise, un particulier ou une cause.

Il aime les promenades en bord de mer et les soupers aux chandelles

Il cherche n’importe qui cherche à avoir une présence en ligne afin de passer   un message, se faire connaître ou pour rapatrier ses liens de réseaux sociaux
à un même point focal

Avantages : Flexible, beaucoup d’options, possibilité d’autonomie variable

Vie professionnelle : Organisme communautaire, entrepreneurs de services, entrepreneurs, particulier, corporatif, social

2. Site e-commerce

Présentation: Ce site commercial sert de point de vente de biens ou de services.

Il est transactionnel et requiert la présence d’une boutique.

Il cherche les commerçants voulant vendre leurs produits ou services directement en ligne.

Avantages : Réduire vos coûts d’exploitation, suivre vos clients, améliorer votre expérience client et étendre votre portée.

En plus, qu’on se le dise, les gens aiment magasiner en pyjama alors une boutique en ligne est une bonne façon de répondre à la demande.

Vie professionnelle: Boutique, magasin, grossiste, artisan, artiste

3. Site blogue

Présentation: Le site blogue que l’on peut facilement mettre à jour en ajoutant des articles, des textes, des cours ou ateliers, etc. C’est principalement une plateforme de diffusion de blogues.

Il cherche les entreprises avec une mission d’information, de conscientisation ou d’éducation. Parfois, même un particulier avec un amour démesuré pour les chats de porcelaine peut être motivé à créer un blogue personnel sur le sujet.

Avantages : Facilement modifiable, autonomie presque complète, personnalisable

Vie professionnelle : Particuliers, influenceur, organismes avec mission de conscientisation ou éducation, entreprises spécialisées, groupes sociaux

4. Site portfolio

Présentation: Le site portfolio met de l’avant d’abord des images. C’est un site où il se trouve peu de texte et qui contient une galerie.

Il cherche les gens dont le curriculum est visuel, les commerces cherchant à montrer une ambiance, une impression visuelle de leurs articles. Cela peut servir aussi à simplement diffuser les exploits ou les créations et il peut être jumelé à un site boutique. Pour un particulier dans les domaines visuels, ce site peut même servir de curriculum.

Avantages : Visuellement agréable si les photos sont bien choisies. Offre une belle mise en marché. Se démarque.

Vie professionnelle : Photographes, coiffeurs, entrepreneurs créatifs, artistes, graphistes/agences (hihihi), particuliers voulant mettre de l’avant une approche visuelle, restaurateurs

5. Site crowdfunding

Présentation : polyvalent, il permet de recueillir de l’argent sans nécessairement requérir à une boutique. Cela se fait alors sous forme de dons ou de levée de fond.

Il cherche les organismes à but non lucratif, les particuliers en besoin de financement, les lancements d’entreprises ou de produits, les levés ou évènements temporaires pour une cause particulière

Avantages : Peut être très simple. Il crée parfois un engouement autour de la cause et entraîner beaucoup de dons.

Vie professionnelle : Hôpitaux, organismes, organismes religieux, causes sociales, causes environnementales, évènements, nouvelle entreprise ou produit en recherche de financement, organisation culturelle, évènements virtuels avec billetterie

Il a le cœur sur la main

Plus à venir prochainement:

En conclusion, peu importe votre projet de site web, sachez qu’il existe surement une sorte de site pour vous. Les types de sites web dont a fait la liste ci-haut ne sont que la pointe de l’iceberg.

Ça a passé trop vite et vous aimeriez redécouvrir ces perso… euh site? Dans les prochaines semaines, on va publier un article par type de site afin de vous donner plus d’informations sur ce qu’ils peuvent accomplir pour vous . Si l’un d’eux vous a tapé dans l’œil, ce sera le bon moment d’en savoir plus et de prendre son numéro.

C’est là que les boutons ou appels à l’action entrent en jeu. Attrayants, colorés, pertinents et réactifs, ils sont les guides de navigation de votre utilisateur. Les gens vont sur un site pour FAIRE quelque chose. Ils vont y chercher de l’information, certes, mais toujours dans le but d’éventuellement accomplir quelque chose (prendre rendez-vous, faire un don, acheter quelque chose ou découvrir les prochaines activités). Et s’ils n’avaient pas l’intention d’acheter quelque chose, c’est le travail des boutons de les influencer vers un achat ou un appel de service à partir de votre site web.

Ce qui constitue un bon bouton :

1. Clarté

Premièrement, la forme se doit d’être clairement faite pour être cliquée : plus foncée ou pâle que le reste, bien placée et d’une forme contrastée.

Les mots choisis doivent porter vers l’action, être courts et simples. Si la personne ne peut pas s’imaginer exactement ce qui va se passer, elle ne cliquera pas sur le bouton. Pas de vocabulaire à la Bernard Pivot ici!

2. Emplacement.

Deuxièmement, les boutons de site web doivent être stratégiques. Vous voulez créer un rythme sur votre site en implantant des boutons à des endroits où vous croyez que votre auditoire voudra passer à l’action ou en savoir plus. Il ne faut pas trop en mettre, vous ne voulez pas donner de l’acné à votre site. Mais un manque de bouton peut aussi vous nuire si lorsque votre usager tente de passer à l’action, il doit retourner en haut de la page. C’est très frustrant.

Il y a des boutons d’action rapide (qui se retrouvent au début de votre page pour les personnes connaissant votre interface) et des boutons-guides (qui permettent aux gens, au fil de leur navigation, d’entrer en interaction avec les différentes parties de votre site).

Vous ne voulez pas mettre un bouton d’action rapide au milieu de votre page d’accueil. Par exemple, « Faire un don » à la moitié de la page.

3. Réactivité.

Troisièmement vous voulez donner une récompense instantanée à votre utilisateur en lui indiquant qu’il a posé une action qui a causé une réaction. Un changement de couleur, d’opacité, de grosseur ou de contour indique à la personne que son action a été remarquée et que quelque chose va se produire. Cela fait partie de l’expérience utilisateur (UX) et est primordial pour la satisfaction du client dans un contexte numérique.

ALLER PLUS LOIN :

Pourquoi est-ce important pour un entrepreneur de comprendre la pertinence des boutons? N’est-ce pas le travail de l’agence Web de les placer? Touché… mais bien souvent la rédaction Web est laissée à l’entreprise. Qui de mieux pour définir la mission et les valeurs qu’elle veut mettre de l’avant dans son site? Or, bien souvent, la rédaction met de côté la pertinence des boutons dans la lecture.

Chaque bloc de texte important devrait mener à une action (bouton) et l’écriture de ceux-ci devrait être élaborée dans ce sens. Nous avons même un guide de rédaction qui peuvent vous aider à concrétiser votre approche de rédaction web!

Les noms de boutons

ACTION D’ACHAT

Ajouter au panier / Acheter maintenant / Passer à la caisse / Continuer la transaction

Ce que les gens anticipent : accès aux informations d’achat, aux produits, accès à la facture et les informations d’envoi postal.

ACTION D’ACQUISITION :

Télécharger / Mettre à jour / Ouvrir / Imprimer

L’anticipation des gens: la boîte de téléchargement s’ouvre, permettant de voir les dossiers et de placer le document au besoin.

ACTION D’ABONNEMENT :

Essayez maintenant / Un mois gratuit / Abonnez-vous / Inscrivez-vous / S’inscrire à l’infolettre

Ce les gens anticipent : redirection vers un formulaire d’entrée d’informations personnelles. Soyez répétitif et précis tout au long des étapes d’abonnement.

LIENS RÉPONSE :

Lire plus / Plus d’infos / En savoir plus / + / Découvrir

Les usagers s’attendent à : accès à une page connexe (Qui suis-je, Mission, FAQ). Il faut qu’ils se posent une question et vous devez leur fournir la réponse. C’est un bouton pour recevoir plus d’informations. Les gens n’aiment pas lorsque ce bouton, sensé répondre à leur question, est en fait un bouton dissimulé de contact. Si c’est le cas, soyez précis quant à la destination. Exemple: Vous voulez en savoir plus? «contactez-nous!»

LIENS DIRECTIONNELS :

Poursuivre / Continuer / Suivant / Précédent

Ce que les gens anticipent : dans un formulaire par exemple, ils s’attendent à passer à l’étape logique suivante ou à confirmer les informations. Lors de la dernière page à remplir, soyez clair : Terminer / Conclure / Confirmer

LIENS DE RÉSEAUX SOCIAUX :

Partager / Aimer / Suivre / Facebook / Instagram

Ce que les gens anticipent : redirection vers le réseau social ou vers des options de partage.

LIENS CONTACT :

Contact / Écrivez-moi / Prenez rendez-vous

Les usagers anticipent : redirection vers une boîte de texte et information de contact, coordonnées, etc.

Quelques types de boutons Web

Bouton simple (CTA)

FAB (floating action button) Bouton flottant
(fréquent en mobile)

Bouton fantôme

Texte servant de bouton

Bouton interrupteur

Bouton icône

En conclusion, les boutons web sont un des aspects les plus importants de l’interface utilisateur (UI) et servent à diriger les déplacements et les interactions de l’usager. Il est parfois complexe pour les gens de cerner l’importance de ceux-ci puisque la plupart de nos interactions quotidiennes avec des boutons se font de façon subliminale. Mais savez-vous ce que ça veut dire? Ces boutons fonctionnent! Si vous n’avez pas besoin d’y penser et que vous répondez au bouton instinctivement sans ralentir votre démarche, celui-ci est clair, fonctionnel et ergonomique. C’est ce qui différencie une boutique en ligne qui roule à plein régime d’une autre où les paniers se remplissent, mais les ventes ne se complètent pas.

Avec le train de vie que l’on mène de nos jours, les gens n’ont littéralement pas 3 secondes à perdre à comprendre où aller et quoi faire.

!!Cliquez le bouton, on le sait que vous le voulez…!!

2. Quels besoins remplissent les extensions?

Si vous êtes le genre de personne à ne pas lire les intros et sauter directement dans le vif du sujet, vous vous demandez surement où se trouve la première question… haha! ?. Pour les autres, bravo! Bon, retournons à la question 2, les sites ne viennent pas toujours tout équipé. Pourquoi? D’une part, les gens programmant les sites ne sont pas toujours les mieux outillés pour créer des ajouts de la sorte et ceux-ci peuvent devenir coûteux et longs à concrétiser.

Il existe déjà mes milliers de bonnes extensions qui peuvent être ajoutées simplement et qui rempliront parfaitement leur rôle. Ces ajouts ont une variété infinie de choses qu’elles peuvent faire. Pour n’en nommer que quelques-unes, vous pourriez avoir besoin d’une extension pour ajouter sur votre site :

• de la sécurité
• des banques de données de membres
• un panier transactionnel
• une boutique
• de l’automatisation
• des forums
• du clavardage (soutien à la clientèle)
• des partages sur les réseaux sociaux
• des changements visuels sur vos pages
• certains ajouts de polices de caractères
• aide à la traduction
• intégrateur de contenu
• changeur d’icônes
• options pour l’accessibilité des usagers (personnes malentendantes, malvoyantes, dyslexiques, etc.)
• changement de l’arrière-plan
• accès à des ressources externes
• etc.

3. Y a-t-il de mauvaises extensions?

Oui.

C’est certain que, faisant partie d’un marché ouvert où tous peuvent contribuer à de nouvelles fonctions, différents niveaux de qualité se retrouvent sur le Web. Avec plus de 54 000 extensions WordPress gratuites, il se peut que quelques pommes pourries s’y soient glissées. Sachez aussi qu’au moment du choix des extensions, il est important de faire appel à un professionnel qui pourra vous diriger vers le meilleur choix selon vos réels besoins. Vous n’installeriez pas une machine à crème glacée dans votre voiture avec les climats que l’on connait au Québec? Nous non plus. Quoi que…

Une mauvaise extension peut :

• grandement ralentir votre site
• ne pas accomplir sa tâche à la perfection
• être difficile à utiliser
• n’ajouter rien de pertinent à votre image
• nuire à votre SEO
• contenir des failles de sécurité
• être obsolète
• ne pas bien fonctionner sur mobile

4. Peut-on créer des extensions sur mesure?

Oui. Comme tout contenu programmable, il est possible de faire des extensions selon vos besoins spécifiques ou de modifier une extension pour qu’elle réponde plus à ce que vous cherchez. Vous n’avez pas besoin de demander les extensions non plus. Lorsqu’on vous rencontre pour connaitre vos besoins, cela fait partie de notre expertise de vous proposer des services ou de recommander une marche à suivre.

5. Est-ce que les extensions sont des applications?

Non.

Une extension se greffe à un site pour lui conférer des fonctionnalités supplémentaires. Une application est autonome. C’est un logiciel à part entière qui fonctionne indépendamment d’un site. Certains sites possèdent une version mobile adaptée qui peut être téléchargée en tant qu’application (banques, boîtes de courriel, réseaux sociaux).

Les applications peuvent aussi être téléchargées indépendamment sur mobile : jeux, outils, logiciels de sécurité, etc. Si on compare cela à un véhicule par exemple : les extensions sont des options que vous ajouteriez à votre voiture (air climatisé, aileron), les applications seraient une moto… tout de même un moyen de transport, mais différent.

6. Quelles sont les bonnes extensions WordPress?

Il y a BEAUCOUP, mais BEAUCOUP d’extensions disponibles pour WordPress. Plusieurs sont très bonnes, mais il faut avant tout qu’elles s’appliquent à vos besoins. Une extension peut être excellente pour un certain type d’entreprise et non pour une autre. Même si deux commerces requièrent une boutique en ligne, les deux n’auront pas nécessairement besoin de la même extension magasin.

Il est alors important de choisir une agence adaptée qui cernera vos besoins et travaillera avec les bons outils pour voir au développement de votre entreprise. Les entrepreneurs et les PME sont en général ceux avec qui on travaille le plus étroitement chez Concept C. Nos choix d’extensions reflètent cette tendance en mettant de l’avant le désir d’autonomie ou de clé en main de chaque client. Cela n’empêche pas les grandes entreprises et les particuliers de venir nous voir bien sûr, on aime la visite. ?

7. Combien coûte une extension?

Il y en a des gratuites et des payantes. Les coûts peuvent varier selon la complexité de l’extension, son utilisation, son entretien et les droits d’auteurs. Certaines extensions peuvent demander une licence renouvelée annuellement à cause des mises à jour et de l’entretien requis. Somme toute, cela peut aller de 0 $ à 1000 $ environ.

8. Peut-on mettre trop d’extensions?

Ça dépend… et qu’on n’aime pas ces réponses-là! En fait, le nombre d’extensions possibles dépend de votre hébergement. Certains hébergements partagés peuvent ne permettre qu’un nombre limité d’extensions avant de ralentir votre site de façon significative. Si votre hébergement vous le permet, vous pouvez mettre le nombre d’extensions que vous voulez. Cependant, gardez en tête votre UX (expérience utilisateur) et votre UI (interface utilisateur) qui peuvent être surencombrées par trop d’options. Ne gardez que le nécessaire pour conserver votre ergonomie et votre information claire.

9. Comment savoir quelle extension est pertinente pour vous?

Cela est pris en compte selon le type d’entreprise que vous possédez, votre capacité et votre désir d’autonomie ainsi que les besoins de vos clients. Demandez à votre intégrateur et/ou développeur Web ce qui vous conviendrait le plus. Un bon conseiller saura faire la synthèse de toutes ces choses tout en vous expliquant le fonctionnement et le raisonnement derrière les décisions et les coûts engendrés. Tout ce qui est fait et mis sur un site devrait valoriser celui-ci et être optimisé pour la réussite de votre visibilité en ligne.

Même si vous ne vous y connaissez pas vraiment en Web, vous savez qu’il vous faut une présence en ligne. Évaluer vos besoins et votre objectif nous aidera à bâtir une stratégie avec vous et à développer des fonctionnalités fortes et pertinentes.

10. Est-ce que les extensions sont bonnes pour votre SEO?

Ce ne sont pas toutes les extensions qui le sont à la base, mais certaines sont faites uniquement pour aider au SEO (Search Engine Optimization). C’est là que les mots clés entrent en ligne de compte. Certaines aident à la vitesse, la sécurité ou la visibilité de votre site. Et ça, le SEO adore ça!

Si on revient aux voitures, vous pouvez voir l’extension de mots clés comme la petite boule que l’on place sur son antenne pour détecter sa voiture dans un stationnement… On la voit tout de suite et on n’a pas besoin de déambuler une heure en cliquant sur sa manette d’alarme.

Conclusion

En conclusion, il n’est pas primordial que vous sachiez ce qu’est une extension pour la réussite de votre entreprise, mais au moins, vous saurez ce que c’est, ce que ça fait et pourquoi on en installe dans votre site.

Pas tout le monde dans le Web a besoin des mêmes choses et c’est pourquoi il est bien de pouvoir ajouter et enlever certaines options facilement, sans détruire le site. Certaines choses sont de base, mais les extras, c’est bien de pouvoir les évaluer selon nos besoins. Imaginez si toutes les voitures venaient avec des enjoliveurs, des ailerons et des néons, ish!

1. UI

Le premier terme web est UI (user interface ou interface utilisateur). C’est tout ce qui est visible et vous permet d’interagir (le tableau de commande d’une voiture par exemple). Dans le cas du Web, cela se traduit par les boutons, les liens, les icônes, la navigation etc. Sont-ils visibles, clairs, pertinents? Il va de soi que l’interface se doit d’être hiérarchisée afin d’être facilement navigable. C’est d’abord l’attrait visuel et la compréhension qui sont primés dans le UI.

2. UX

(user expérience ou expérience utilisateur)

C’est ce qui compose la réactivité des éléments d’interface lorsque l’utilisateur interagit avec ceux-ci (bouton qui allume ou grossi lorsque l’on passe par-dessus indiquant qu’on peut cliquer dessus, changement de couleur lorsque l’on a déjà interagi avec un élément, bouton d’achat clairement indiqué menant à une vente aisée, etc.). C’est aussi le son, l’apparence, la sensation, bref toute l’expérience lorsque l’on utilise une interface. Cela peut aller jusqu’au toucher dans le cas d’un emballage. Le UI et le UX se doivent de travailler ensemble pour offrir une expérience agréable à l’utilisateur. Le meilleur équilibre UI / UX est celui qu’on ne perçoit pas, il se fait naturellement et on ressent alors une sensation de satisfaction.

ALLONS PLUS LOIN : Le UX et le UI ne se limitent pas qu’au Web. Bien que cela soit une partie intégrante de l’utilisation d’une page Web ou d’une application mobile, les UX/UI se retrouvent dans votre vie de tous les jours : votre voiture, un produit, vos appareils ménagers, sur la route, les emballages, les jeux vidéo, etc.

Si vous le voyez et que vous pouvez interagir avec, il y a de bonnes chances qu’une stratégie d’utilisation avec votre expérience en tête ait été pensée. Si vous enragez à l’idée d’utiliser votre laveuse: c’est probablement un mauvais UX ou UI… ou peut-être juste le lavage qui n’est pas très enrichissant

3. Plugin ou extension

C’est un ajout à un site qui augmente les fonctionnalités de celui-ci. Par exemple, si vous voulez mettre une vidéo sur votre site, mais que le code de celui-ci ne contient pas cette option, vous aurez besoin d’installer une extension qui le permettra.

4. Nom de domaine et hébergement

Votre nom de domaine est le nom par lequel les gens peuvent vous retrouver en ligne. C’est aussi un nom unique qui vous identifie en ligne lorsque vous êtes hébergé. L’hébergement vous permet de placer votre site en ligne comme une location d’espace.

5. URL

Semblable au nom de domaine, c’est en fait l’adresse de votre site Web. Votre http://www. Cela peut être la même chose que votre nom de domaine, mais cela peut aussi être différent. Par exemple, si votre nom de domaine est « rosasmithfleuriste », mais votre URL est http://lesfleursderosa.ca.

6. Backlink

Ce sont des sites qui réfèrent à votre site. C’est BON pour votre référencement de créer des liens sur les sites d’autres entreprises vers votre site.

7. Bounce rate ou taux de rebond

C’est le nombre (en % ou en nombre) d’utilisateurs qui arrivent sur votre site et repartent presque immédiatement. C’est un bon indice de l’engouement et du fonctionnement de votre site. Un haut taux de rebond est un signe que votre site soit possiblement lent ou qu’il manque de clarté.

8. SEO, SEM et référencement

SEO = Search Engine Optimization (optimisation des moteurs de recherche)

SEM = Search Engine Marketing (marketing des moteurs de recherche)
Le SEO et le SEM contribuent au référencement.

Référencement = Le niveau de visibilité de votre site sur les moteurs de recherche

Pourquoi est-ce important? 93 % des utilisateurs Internet passent par un moteur de recherche pour trouver un site*. Si votre site n’est pas vu, il ne sera pas visité.

9. Applications

C’est un logiciel que l’on peut installer sur notre téléphone intelligent, notre ordinateur, tablette, télévision ou autre appareil intelligent. On fait le plus souvent référence aux applications mobiles. Une application, en général, effectue une tâche précise ou quelques tâches connexes, mais elle se doit d’être pertinente et facile d’utilisation.

10. Bande passante

C’est le volume d’information qui est transmis à la seconde. Plusieurs bandes passantes travaillent en même temps pour afficher votre site : l’ordinateur sur lequel vous regardez le site, le serveur d’hébergement et le fournisseur Internet.

11. Below the fold (sous le pli)

Le « fold » (pli) est le rebord inférieur de l’entête de votre site. « Below » (en dessous) réfère à tout ce qui se trouve en dessous de votre entête lorsque les gens descendent dans la page.

12. Browser, fureteur ou navigateur

C’est le logiciel vous permettant d’atteindre et d’afficher Internet. Il en existe plusieurs qui possèdent leur propre interface et option de navigation : Chrome, Edge, Firefox, Safari, etc.

13. Cache

C’est un espace de stockage de données temporaires sur votre ordinateur vous permettant d’afficher une page Web plus rapidement. Lorsque vous visitez un site pour la première fois, un dossier de stockage temporaire (variables, certains sont de 24 heures, d’autres quelques mois) se crée sur votre ordinateur. Cela fait en sorte que le chargement de page est plus rapide lorsque vous retournez sur la page.

14. Cookies ou témoins de navigation

Mmmm… des biscuits. Mais non! Ceux-là ne peuvent être mangés. Ce sont les témoins Internet (HTTP cookie) et ce sont des données qui vous suivent pour que le site se souvienne de vous et qu’il garde vos préférences en mémoire. Cela automatise certaines commandes, par exemple lorsque vous vous connectez automatiquement à votre compte sur certains sites que vous utilisez souvent.

15. Lorem Ipsum

Si vous avez posé les yeux sur une maquette Web, vous y avez certainement vu du fameux Lorem Ipsum. C’est un texte de substitution qui permet de visualiser l’espace qu’occupera l’information. On peut alors calculer la quantité de texte et déterminer la meilleure taille possible. Cela aide à évaluer la lecture lors des tests d’affichage sur mobile.

Comme vous avez pu le constater, il y a beaucoup de termes Web qui sont en anglais. C’est le langage universel, pas juste parce que c’est une des langues les plus répandues dans le monde, mais aussi parce que c’est le langage universel des communications radio, de l’aviation, du code informatique, du commerce, des affaires, de la musique et j’en passe.

Tout ça remonte aussi loin que la montée de l’Empire britannique et américain, mais on ne vous fera pas un cours d’histoire. Tout ça pour dire que vous risquez d’entendre ces mots en anglais la plupart du temps : spam, hashtag et SEO seront beaucoup plus utilisés que pourriels, mots-cliques et optimisation des moteurs de recherche.