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.

Ce site est votre conquête parfaite si pour vous la vie c’est prendre des photos.

Avez-vous déjà été à un rendez-vous où la personne passe tout son temps à prendre des photos, des selfies, son assiette et vous parle à peine? Si vous êtes en fait cette personne, votre âme sœur sera probablement un site portfolio.

L’Instagram des sites web, ce site sert à concevoir de magnifiques galeries afin d’y mettre tous vos exploits visuels. Artistes, peintres, coiffeurs, chefs, artisans, designers, dessinateurs, illustrateurs, photographes; tout ce qui se valorise davantage par des images est fait pour le site portfolio.

C’est une excellente façon d’afficher son talent!

Les photos

Bien que votre désir soit de mettre le plus de photos possible sur votre site, sachez qu’il est plus important de mettre de l’avant la qualité. Découvrez plus dans l’article sur les différents types de photos professionnelles et comment produire des images de qualité qui ajoutent de la valeur.

Anatomie des pages

Page d’accueil:

• Présentation personnelle
• Mettre de l’avant l’ambiance et quelques photos qui donnent le goût d’aller plus loin
• Valeurs, éléments graphiques personnels, mots clés montrant votre personnalité
• Informations pertinentes sur ce que vous vendez ou promouvez: votre menu, vos forfaits, vos tarifs,
• Vos dernières réalisations, nouvelles, évènements, etc.
• Vidéos de vous en action
• Contact

Page galerie:

• Images de vos projets, produits, de votre établissement, de vous etc.
• Un titre pour chacun caché ou visible)
• Une description
• La possibilité de changer d’image sans devoir sortir du mode grande image
• Mode de tri par mots clés (facultatif)
• Contact

En conclusion, plusieurs plateformes sociales offrent déjà des options de diffusion de portfolio. Ce sont des réseaux qui vous permettent d’entrer en contact avec d’autres professionnels de votre domaine, de partager des projets, de s’inspirer et de recevoir des retours facilement sur ce que vous publiez. Ces sites devraient diriger les gens vers votre site portfolio personnel. C’est une des façons les plus faciles de vous faire connaître et d’engendrer du trafic sur votre page.

Il faut donc nous aider et aider vos clients en intégrant vos articles d’une façon cohérente dans votre site web. Contrairement aux allées de magasin, la signalisation en ligne est souvent invisible et il faut donc intégrer les mots clés à chaque étape de développement du site e-commerce. Si la nomenclature des photos est concise dès le départ, on a moins de chance de commettre des erreurs en mélangeant les pommes avec les bananes.

Lorsque l’on feuillette une montagne de fichiers, les informations sont classées du plus vague au plus précis. Le tout devrait être écrit d’une façon logique avec les données que l’on risque de chercher plus tard (type de produit, la marque, les caractéristiques physiques ou techniques, le modèle, la couleur, etc.).

Mise en situation

Nous avons fait une page web e-commerce sur laquelle se retrouveront des produits divisés en catégories. Nous parlerons de fruits pour le bien de la cause.

Alors nous avons 2 catégories de fruits qui contiennent des marques différentes et des codes spécifiques. Comment nommerions-nous ces éléments? (on dirait presque un problème mathématique de l’école primaire…)

PAS DE PANIQUE!! Nous avons des données, il ne reste qu’à les classer…

D’abord, n’ayez pas peur de faire des dossiers pour mettre vos fichiers. Commencez par le plus vague et précisez, retenez et listez les éléments pertinents :

TRUC ET ASTUCE:

• Évitez les majuscules dans les noms de FICHIERS (les dossiers peuvent être en majuscules).
• Ne mettez jamais d’espaces, d’accents ou de symboles; cela peut créer des problèmes.
• Utilisez les «–» pour séparer les mots.
• Essayez de limiter vos dossiers sur votre bureau à 5 et videz votre corbeille tous les soirs pour éviter les mouches. Ha! et videz la corbeille de l’ordinateur aussi…

Pourquoi est-ce important de bien nommer ses photos?

• C’est bon pour votre référencement
• Cela vous coutera moins cher en temps d’intégration
• Il sera plus facile de retrouver vos images dans le futur
• Vos données seront plus facilement transportables en cas de migration
• C’est plus beau, tout simplement ?

La bonne nouvelle est qu’il est plus facile que jamais de se créer une présence en ligne grâce à des outils gratuits ou peu coûteux, qui n’exigent aucune ou peu de connaissances en programmation. Il est tout aussi facile de créer et bien utiliser une page professionnelle sur les réseaux sociaux. Par ailleurs, il faut les tenir à jour. Sans hésiter à recourir à des experts pour obtenir l’aide dont on a besoin.

Voici quelques petits trucs pour bien démarrer!

Commencer doucement

Vaut mieux commencer petit et bien développer le volet web de son entreprise au même rythme que vos apprentissages, sans y investir tout son temps et son argent.

Le design, un élément primordial!

Votre site Web et vos pages sur les réseaux sociaux ne devraient pas être trop chargés de texte. Mettez en évidence de belles photos, des appels à l’action ( ex. «Téléchargez maintenant!») et vos coordonnées sur chaque page. N’hésitez pas à consulter un professionnel.

Faite-vous connaitre

Un site web ou une page Facebook seulement visitée par vos amis proches et votre famille n’aidera pas la croissance de votre entreprise. Utilisez du contenu à valeur ajoutée pour favoriser le développement d’une communauté en ligne. Pensez à du contenu amusant et éducatif plutôt qu’à du contenu purement promotionnel. Les visiteurs sont plus susceptibles de partager ce type de contenu avec leurs réseaux.

Évaluer, apprendre et optimiser

Utilisez les données sur votre trafic web pour analyser l’étendue de vos efforts. Ces informations vous donnent la possibilité de tester rapidement l’efficacité de différents contenus, mises en page, heure de publication et campagnes promotionnelles afin de déterminer ce qui attire le plus de visiteurs.

N’hésitez pas à nous contacter pour des conseils et n’oubliez pas que nous offrons des formations pour vous rendre la vie facile dans le monde numérique!