jbk-websolution
Adresse: 3 rue de Saragosse | 31200 TOULOUSE | (33) 561 48 01 25
Photo of Jean bernard Vincente   Jean Bernard VINCENTE   Directeur artistique - Graphiste Webdesigner Freelance - Créateur de site internet

ergonomie et design


Quelles couleurs pour votre site web


Quelles couleurs pour votre site web ?

Il est évident qu'un site doit correspondre à l'image de marque de l'entreprise et à la ligne graphique déjà installée depuis parfois plusieurs années afin de ne pas perturber le visiteur. Néanmoins, il arrive fréquemment lors de la création d'un site web, que plusieurs secteurs doivent être présentés au internautes et que le choix de couleurs associées à celle du logo soit nécessaire.

Certains logiciels permettent de trouver les couleurs déclinées depuis le logo voir d'identifier celles qui seront utilisées pour future image de marque, colorschemedesigner est probablement un des plus facile d'utilisation et surtou, il est GRATUIT.

Ce logiciel en ligne permet de trouver les couleurs de base ainsi que les secondaires mais également d'avoir une prévisualisation du résultat futur de votre site.

Il est possible d'ajuster les couleurs, de récupérer les codes au format html et d'utiliser les couleurs RGB, web ou pentone. Le logiciel permet également la génération automatique d'une une feuille de style sur laquelle vouspourrez revenir ultérieurement.


Disposition des blocs dans le site web


Comment disposer les blocs d'information dans votre site web ?

Première chose à toujours garder à l'esprit, il faut attirer le visiteur sur un point précis de votre site, évitez-donc la solution de mettre des appels visuels à plusieurs endroits de votre pages au risque de faire sapin de noël et empêche le visiteur de se concentrer sur l'essentiel. Règle numéro 1: l’architecture de vos blocs.

pour que votre site rencontre l'attente des internautes, il faut que ceux-ci puissent y trouver rapidement ce qui les intéresse (voir Que cherche le visiteur de votre site web. Il vous faudra pour cela administrer votre espace de telle manière que vos internautes localisent rapidement ce qu’ils recherchent.

Pour cela retournez sur le plan de site que vous avez créé avec un logiciel de Mind Mapping, vous y aurez sans aucun doute identifié des blocs d'information prioritaires ou des groupes de contenus, il sera judicieux de les disposer de manière efficace:


Le logo :

En général, le logo se place en haut à gauche afin d'être directement identifié

Le menu principal:

Ce menu présente les principaux éléments de votre site web, il peut néanmoins présenter des éléments sous-jacents affichés lors du survol. Il se positionne en principe en haut de la page afin d'être directement accessible. De plus en plus souvent, les éléments repris dans le menu principal et sous-jacents sont repris en bas de page comme un plan de site principal.

Les menus secondaires:

Ces menus secondaires sont probablement des menus attaché à un service ou à un secteur bien précis, ils n'ont donc pas d'intérêt à se trouver sur une page d'accueil voir dans toutes les pages.

Le Catalogue en ligne:

Si vous possédez un catalogue, il sera important de le rendre accessible depuis n'importe quelle page du site, un lien peut être placé dans le menu de navigation principal, mais l'expérience a démontré que l'affichage d'un bouton augmentait le taux de clics

Les news

Suivant l'importance de l'actualité sur votre site, un accès peut être placé dans le menu principal ou via un bloc présent sur la droite.

Les partage réseaux sociaux

Le partage de votre information sur les réseaux sociaux tels que Facebook, Twitter ou encore Viadeo est devenu une nécessité, cela peut engendrer un buzz non-négligeable. Il sera donc important de mettre les pictos de partage bien en évidence. Si vous possédez une espace professionnel Twitter, Facebook ou Viadéo, vous pouvez inviter vos visiteurs à vous y rejoindre.

Le formulaire de contact

Vos visiteurs doivent pouvoir vous contacter rapidement si cela fait partie de votre stratégie web, il sera donc important de mettre en évidence votre bouton de contact.

Le plan d'accès

De la même manière, si votre stratégie est basée sur l'apport de visiteurs en vos locaux, il sera important de mettre en avant votre Plan d'accès


Menu de navigation


Menu de navigation principal

Le menu de navigation principal doit aller à l'essentiel et suivant la stratégie mise en place définir les principaux blocs d'information disponibles sur votre site web. Afin d'augmenter votre Référencement naturel, évitez les mots bateaux non représentatifs de vos blocs d'information.

Par exemple:

Qui sommes-nous? Indiquez clairement votre nom, les internautes qui vous connaissent rechercheront votre nom de société, par "qui sommes-nous".

Nos produits: vous vendez des chaussures de sport ? Dites-le !

Nos services: vous êtes spécialisé en dépannage informatique ? Pourquoi ne pas l'annoncer clairement ?

Et ainsi de suite

Très fréquemment nous sommes amenés à intervenir sur des sites web existants et confrontés à des menus imaginés uniquement pour des personnes provenant depuis la page d'accueil et connaissant l'entreprise sur laquelle ils se trouvent.

Ces menus font mentions d'éléments tels que:

Nous

Pourquoi

Pour qui

Etc.

Pensez-vous réellement que cela informe les visiteurs ?

Un menu de navigation secondaire

Il est évident qu'on ne sait pas tout mettre dans un menu principal, la place y est limitée suivant le graphisme à 6 ou 8 places maximum, il est donc parfois nécessaire d'avoir recours à un menu secondaire sous-jacent.

Par exemple, dans "qui sommes nous" devenu "Mon nom d'entreprise", vous pourrez placer quelques pages supplémentaires, évitez néanmoins les termes génériques tels que "historique", "philosophie", et autres noms de page peu descriptifs. par contre, pourquoi ne pas utiliser ce menu pour insérer des mots clés, ce qui donnerait:

Historique : 30 ans de dépannage informatique

Philosophie : un dépannage professionnel

Dans l'espace "nos produits" devenu "matériel informatique, vous pourrez définir quelques grands secteurs dans lesquels vous intervenez ou faire un lien vers ladite rubrique dans votre catalogue.

Des menus secondaires par secteur

Certains menus ne sont pas obligatoirement indispensables depuis toutes les pages, ceux-ci étant destinés à une rubrique bien précise, c'est parfois le cas dans des catalogues à la structure profonde. Il sera néanmoins important de créer des liens internes depuis des pages de haut niveau afin que Google puisse indexer correctement ces pages profondes.


Une page d accueil adaptée à sa cible


Définir sa page d'accueil par rapport à sa cible

La page d'accueil d'un site dépendra principalement de l'information que devra véhiculer ce dernier, et l'attente des visiteurs qui devraient le parcourir (voir Que cherche le visiteur de votre site web)

Si l'internaute recherche de l'actualité, il s'attendra à arriver sur un site de média proposant une multitude d'informations disposées suivant une catégorisation bien définie, alors que s'il recherche de l'information propre à un secteur d'activité, il devra accéder directement à l'information générale du secteur. La disposition des blocs dans votre site web permettra alors de le diriger efficacement vers une information plus précise.

Si votre site web se veut être une vitrine pour votre image de marque ou pour un produit spécifique, il y aura lieu d'éviter une page d'accueil trop longue et éviter autant que possible un scroll du visiteur (barre de défilement sur la droite permettant de descendre dans la page)

Les formats standards pour tous les sites sont à présent au minimum de 1.024 pixels de large sur 768 pixels de haut afin d'être présent dans la majorité des écrans. Privilégiez une taille fixe plutôt que de travailler en %, cela pourrait avoir un effet négatif sur votre mise en page suivant les écrans.


Un style unique pour vos pages


Définir une feuille de style pour vos pages

Utiliser une feuille de style CSS (Cascading Style Sheets) vous permet de faire évoluer votre site au fil du temps sans avoir à retourner dans toutes les pages. En effet, celle-ci reprendra la majorité des éléments nécessaires au développement de votre site web pour en faciliter les modifications.

Les feuilles de style CSS ont été développée afin d'alléger le travail du développer utilisant le HTML, principalement pour la mise en page et la présentation graphique de sites web.

Le HTML présente des balises servant à mettre en page et de définir le style d'un texte au sein d'une seule page, chaque élément possède son propre style et ce sans interférence avec les blocs qui l'entourent.

Imaginez un site internet présentant plusieurs centaines de pages, dont certaines avec des chartes graphiques différentes suivant l'endroit du site dans lequel vous vous trouvez et que certaines dispositions doivent être modifiées. Il vous faudrait revenir sur toutes les pages.

Ces « feuilles de style en cascade » (en anglais « Cascading Style Sheets » ou CSS) donnent la possibilité de créer plusieurs feuilles spécifiques suivant leur emplacement et de générer des "feuilles de style enfants" héritant de certains éléments de la feuille de style mère.

Avantages des feuilles de style

Les feuilles de style permettent entre autres de garder une présentation homogène sur l'ensemble de votre site, mais aussi de modifier certains critères de ces feuilles de style pour changer l'apparence du site tout entier en seulement quelques instants. Le positionnement d'éléments graphiques depuis la feuille de style augmentera l'homogénéité de l'affichage.

Par exemple, votre feuille de style définira les polices utilisées dans toutes vos pages, leurs couleurs, leurs tailles et ce de manière générale ou spécifique à des endroits stratégique de votre site web. Ainsi vous pouvez définir que toutes vos pages d'information auront un titre (H1 - titre principal) Bleu foncé en gras et de taille 18 Pixels, que vous sous-titre (H2) auront une couleur légèrement moins prononcée et une taille de 16, que vos paragraphes seront en taille 1 pixel, en noir avec un espace à gauche de 1 cm par rapport au bord, etc. Ainsi, lorsque pour des raisons qui vous sont propre vous décidez de mettre tous les titres en rouge, il suffit juste de modifie une ligne de la feuille de style pour que toutes les pages soient modifiées.

Le plus gros avantage des feuilles de style reste l'allégement de vos pages web, tous ces critères liés aux formes et emplacements de vos éléments étant définis dans une feuille de style séparée de vos pages, vous obtenez site web léger, nouvelle priorité pour le dieu Google. Plus votre site est léger, plus vite il s'affichera sur l'écran des internautes, et moins il y aura de taux de rebond (fuite de visiteurs faute d'une trop longue attente).


Vous identifier sur toutes les pages


Ne laissez-pas le visiteur dans le doute, identifiez-vous !

Il arrive parfois qu'en surfant sur le web vous soyez amené à accéder à une page sur laquelle n'apparait nulle part le logo ou les coordonnées du propriétaire, cela peut sembler étonnant et pourtant cela arrive encore fréquemment.

Afficher son logo sur toutes ses pages renforcera votre image de marque mais surtout rassurera le visiteur.

Vos coordonnées confortera également l'internaute sur le fait que vous êtes bien une entité physique et non pas un de ces sites développés dans des pays dans lesquels il n'y a pas d'obligation ou de possibilité de se défendre légalement.

De plus, si votre cible est régionale, elle pourra aisément vous identifier par rapport à sa situation géographique, ce qui peut avoir un impact important sur son choix de prestataire.


les liens utiles


Θ Voir   « Comment augmenter améliorer développer sa notoriété web internet »

Θ Voir   « comment optimiser dynamiser un site web internet »

Θ Voir   « Critères pour choisir un bon graphiste web internet »

Θ Voir   « Les outils de base pour un site web internet »

Θ Voir   « Les outils complémentaires pour un site web internet »

Θ Voir   « Sélectionner recruter choisir un bon graphiste web internet »

Θ Voir   « les bonnes stratégies pour un site web internet »

Θ Voir   « graphiste webdesigner freelance - Directeur artistique à Toulouse France »

Θ Voir   « Comment créer un bon site web internet performant »


Voir aussi:


Θ Voir   « Comment créer un bon site web internet performant »

Θ Voir   « C'est quoi une vidéo ou un film d'entreprise »

Θ Voir   « les différentes vidéos ou films d'entreprise »

Θ Voir   « graphisme design webdesign print pour site web internet »

Θ Voir   « En bref- Tout sur le graphisme »

Θ Voir   « Définition du graphisme et de ses périphériques »

Θ Voir   « Le métier de graphiste »


Nos horaires de travail


Du lundi au vendredi:

09H00-18H00


Le samedi:

09H00-13h00




 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

design graphique d'interface toulouse || Ressources sur l'ergonomie des interfaces toulouse || l'ergonomie se complète au design graphique toulouse || réalisation d'un design d'une interface web toulouse || La boîte à outils du designer toulouse || designer est un super-graphiste qui fait de l'optimisation toulouse || graphiste designer freelance toulouse || graphiste designer emploi toulouse || graphiste web - concepteur web toulouse || ergonomie et design d'interface toulouse || design graphique adapté au domaine de la création internet toulouse || l'ergonomie et l'accessibilité des interfaces toulouse

design graphique d'interface oran alger algerie || Ressources sur l'ergonomie des interfaces oran alger algerie || l'ergonomie se complète au design graphique oran alger algerie || réalisation d'un design d'une interface web oran alger algerie || La boîte à outils du designer oran alger algerie || designer est un super-graphiste qui fait de l'optimisation oran alger algerie || graphiste designer freelance oran alger algerie || graphiste designer emploi oran alger algerie || graphiste web - concepteur web oran alger algerie || ergonomie et design d'interface oran alger algerie || design graphique adapté au domaine de la création internet oran alger algerie || l'ergonomie et l'accessibilité des interfaces oran alger algerie

 

Flux identification1

Création de site internet

Créateur de site internet

Agence Développement Web

Agence Web à toulouse

Agence de création de site Web

Site Internet Sur Mesure

créer un site internet professionnel

graphiste freelance web

création identité visuelle web

directeur artistique web

graphisme infographie web

webdesigner, web design

webdesigner, graphiste

comment choisir un bon graphiste web

Web Design et Graphisme

comment créer un site internet

comment créer un site web

comment créer un site internet qui rapporte de l'argent

graphiste,webdesigner,freelance

directeur artistique site internet

Flux identification2

Création de site internet Toulouse

Création de site internet Oran Algerie

Créateur de site internet toulouse

Créateur de site internet Oran Algerie

Agence Développement Web toulouse

Agence Développement Web Oran Algerie

Agence Web à toulouse toulouse

Agence Web à toulouse Oran Algerie

Agence de création de site Web toulouse

Agence de création de site Web Oran Algerie

Site Internet Sur Mesure toulouse

Site Internet Sur Mesure Oran Algerie

créer un site internet professionnel toulouse

créer un site internet professionnel Oran Algerie

graphiste freelance web toulouse

graphiste freelance web Oran Algerie

création identité visuelle web toulouse

création identité visuelle web Oran Algerie

directeur artistique web toulouse

directeur artistique web Oran Algerie

graphisme infographie web toulouse

graphisme infographie web Oran Algerie

webdesigner, web design toulouse

webdesigner, web design Oran Algerie

webdesigner, graphiste toulouse

webdesigner, graphiste Oran Algerie

comment choisir un bon graphiste web toulouse

comment choisir un bon graphiste web Oran Algerie

Web Design et Graphisme toulouse

Web Design et Graphisme Oran Algerie

comment créer un site internet toulouse

comment créer un site internet Oran Algerie

comment créer un site web toulouse

comment créer un site web Oran Algerie

comment créer un site internet qui rapporte de l'argent toulouse

comment créer un site internet qui rapporte de l'argent Oran Algerie

graphiste,webdesigner,freelance toulouse

graphiste,webdesigner,freelance Oran Algerie

directeur artistique site internet toulouse

directeur artistique site internet Oran Algerie

Flux identification3

agence de referencement SEO

referencement site internet

agence de referencement naturel site internet

agence de referencement naturel site web

referencement google

referencement naturel Google

comment referencer son site

Qu'est-ce que le referencement d'un site web internet

Referencement Site Internet , Vous souhaitez être Premier

C'est quoi le referencement SEO

Comment être en première page de Google

Comment être en première page et en première position de Google

Comment être premier sur Google en SEO

Comment mettre son site en premier sur Google

Comment apparaitre en premiere position sur Google

Comment faire pour apparaitre en premier sur google

Comment arriver plusieurs fois premier sur la première page Google

premiere position google

Comment être en première page de Google grâce au SEO

comment améliorer votre classement local sur Google

Comment se faire connaître grâce au référencement Google

Pourquoi votre entreprise doit être sur la première page de google

numero 1 sur google

Flux identification4

agence de referencement SEO Toulouse

agence de referencement SEO Oran Algerie

referencement site internet Toulouse

referencement site internet Oran Algerie

agence de referencement naturel site internet Toulouse

agence de referencement naturel site internet Oran Algerie

agence de referencement naturel site web Toulouse

agence de referencement naturel site web Oran Algerie

referencement google Toulouse

referencement google Oran Algerie

referencement naturel Google Toulouse

referencement naturel Google Oran Algerie

comment referencer son site Toulouse

comment referencer son site Oran Algerie

Qu'est-ce que le referencement d'un site web internet Toulouse

Qu'est-ce que le referencement d'un site web internet Oran Algerie

Referencement Site Internet , Vous souhaitez être Premier Toulouse

Referencement Site Internet , Vous souhaitez être Premier Oran Algerie

C'est quoi le referencement SEO Toulouse

C'est quoi le referencement SEO Oran Algerie

Comment être en première page de Google Toulouse

Comment être en première page de Google Oran Algerie

Comment être en première page et en première position de Google Toulouse

Comment être en première page et en première position de Google Oran Algerie

Comment être premier sur Google en SEO Toulouse

Comment être premier sur Google en SEO Oran Algerie

Comment mettre son site en premier sur Google Toulouse

Comment mettre son site en premier sur Google Oran Algerie

Comment apparaitre en premiere position sur Google Toulouse

Comment apparaitre en premiere position sur Google Oran Algerie

Comment etre referencé sur Google Toulouse

Comment etre referencé sur Google Oran Algerie

Comment faire pour apparaitre en premier sur google Toulouse

Comment faire pour apparaitre en premier sur google Oran Algerie

Comment arriver plusieurs fois premier sur la première page Google Toulouse

Comment arriver plusieurs fois premier sur la première page Google Oran Algerie

premiere position google Toulouse

premiere position google Oran Algerie

Comment être en première page de Google grâce au SEO Toulouse

Comment être en première page de Google grâce au SEO Oran Algerie

comment améliorer votre classement local sur Google Toulouse

comment améliorer votre classement local sur Google Oran Algerie

Comment se faire connaître grâce au référencement Google Toulouse

Comment se faire connaître grâce au référencement Google Oran Algerie

Pourquoi votre entreprise doit être sur la première page de google Toulouse

Pourquoi votre entreprise doit être sur la première page de google Oran Algerie

numero 1 sur google Toulouse

numero 1 sur google Oran Algerie