Google Maps est le plan intercatif développé par Google et qu'on voit de plus en plus proposé sur les sites Internet pour situer un magasin, une société...
Une nouvelle fonctionnalité y a été ajoutée qui constitue un plus indéniable : le mode 3D, autrefois réservé au seul logiciel Google Earth.
Cette exclusivité est aujourd'hui disparue car il suffit d'installer un plug-in à Google Map pour permettre, en plus de l'affichage traditionnel des cartes et des vues satellites, la visualisation d'images 3D fournies par Earth View. Cette installation ne nécessite aucune connaissance, ni même un re-démarrage de l'ordinateur, puisqu'elle est automatiquement proposée par le navigateur Internet lorsque l'on clique sur le Earth.
La collégiale Saint-Vincent de Soignies a subit de profondes rénovations de manière à mettre en valeur son prestigieux patrimoine architectural et historique.
Pour clôturer ces activités de mises en valeur, un site Internet a été développé afin de présenter la collégiale et le musée (cette dernière partie, étant encore en construction, sera pleinement fonctionnelle en juillet 2010)
Le site (trilingue) de la collégiale est divisé en 5 grands chapitres (Culte, histoire, architecture, art et pratique).
Un module d'actualité permet de mettre en avant les événements important à venir.
Un design propre à la page d'accueil a été développé.
Les pages intérieures, quant à elles, font appel à un second template dans lequel le bandeau supérieur appelle une photo de manière aléatoire.
Grâce à notre nouveau partenariat, cette société possède à présent d'un CMS bâti sur l'architecture de NéoCms et offrant tous les avantages de la gestion autonome d'un site Internet
Ce site ne se veut pas un site très textuel mais résolument graphique. raison pour laquelle les galeries de photos sont si importantes. Quant aux formulaires, pour en faciliter la gestion, ils sont couplés à la base de données. Cela permet aux gestionnaires du site de lire les mails envoyés par ce biais, quel que soit l'ordinateur utilisé.
Un module de news complète l'ensemble afin de vous tenir informé de leurs dernières actualités.
Soumises à un trafic sans cesse croissant, les routes belges sont malades, et les deux hivers très rigoureux que l’on vient de connaître ont amplifié les nids-de-poule, les rendant particulièrement destructeurs...
La facture s’annonce très salée. On estime qu’il faudrait au moins 1 milliard d’euros pour remettre en état les seules routes wallonnes, mais faute de moyens suffisants, c’est la "débrouille" : le traitement de choc est réservé aux tronçons les plus abîmés… ailleurs on se contente de solutions "rustine".
Mais si les automobilistes sont furieux, cette situation n’est pas forcément défavorable à tout le monde…
Voilà quel est le thème de l'émission Coûte que coûte que RTL TVI diffusera ce soir
Dans ce reportage, le journaliste donne l'adresse d'un site, parlant des nids de poule, dont Easy-Concept a réalisé l'interface graphique. Sur ce site, les utilisateurs enregistrés ont la possibilité de localiser (en donnant les coordonneés GPS) les nids de poule auquel ils sont confrontés et d'en communiquer la photo.
Par Philippe,
mardi 30 mars 2010 à 08:33 ::Graphisme
Paris 26 Gigapixels, c'est la plus grande image panoramique par assemblage au monde, soit 26 763 795 630 pixels ! La définition est surprenante. On peut évidemment y naviguer et zoomer afin d'observer les détails des monuments parisiens : la Tour Eiffel, la Défense, le Louvre, la butte Montmartre et
son Sacré Cœur, Beaubourg, Notre Dame de Paris, et bien d’autres
encore en écoutant "La Valse d’Amélie", bande originale du film "Le Fabuleux Destin d’Amélie Poulain".
Sur leur blog, les créateurs nous parlent de la technique et du matériel utilisés :
2 Canon 5 D mark II montés sur une tête panoramique motorisée réalisée sur mesure.
2 téléobjectifs de 300 mm F 4.0
Canon avec un doubleur de focale afin d’atteindre la focale intéressante de 600 mm pour éviter le bouger.
4 cartes compact flash de 32 Go pour enregistrer les 2000 photos en format RAW du projet.
L’assemblage des images a été réalisé avec le logiciel Autopano Giga
Par mesure de discrétion, toutes zones pouvant porter atteinte à la vie privée, ont été floutées.
L'école du Berlaymont est située dans le domaine d'Argenteuil à Waterloo. Ce Centre scolaire accueille près de 500 élèves du primaire et 1000 élèves du secondaire.
Son internat, qui vient de se doter d'un nouveau site, accueille garçons et filles du primaire et filles du secondaire. Il compte en moyenne 75 internes.
Notre intervention, sur ce site, a consisté aux opérations suivantes :
Par Philippe,
jeudi 25 février 2010 à 07:03 ::Graphisme
Il nous est arrivé de rater un contrat parce que... nous étions trop bon marché ! Le client a préféré une autre société qui facturait ses services 10 fois plus chers que les nôtres. L'argument ? Si c'est cher, c'est sûrement meilleur.
Ils n'avaient certainement jamais entendu parler de l'histoire du Logo de Nike, qui est contée par Advertising Age dans son billet consacré à 10 idées qui ont changé le monde du marketing.
Il y raconte que l'un des logos les plus reconnaissables au monde, celui de Nike, a une origine des plus humbles. En 1971, Carolyn Davidson, un étudiant en graphisme et design à l'université de Portland rencontre Phil Knight. Ce dernier, et son coach, Bill Bowerman, avaient besoin d'un logo pour la ligne de vêtements de sports de leur nouvelle compagnie.
Ils avaient nommé leur produit Nike, comme la déesse grecque de la victoire Niké, déesse ailée capable de se déplacer à grande vitesse.
Le graphiste a travaillé pour un coût horaire de 2$. Inspiré par l'aile dans la célèbre statue, il a créé la célèbre virgule posée à l'envers et à l'horizontale. Coût total du logo : 35$ !
Ils nous ont contactés pour demander de réaliser leur nouveau site car ils souhaitaient changer de prestataire. Les consignes étaient simples : Carimat nous transmettait des fichiers Powerpoint illustrant la présentation souhaitée et le contenu de chaque page du site. Notre rôle consistait en :
la création de 3 hébergements
l'installation de 3 CMS multilingues
la création de 3 templates se basant sur les PPT transmis
l'encodage du contenu et sa duplication dans les deux langues du site
l'installation de plans dynamiques Google Map
L'intégration de statistiques de visite Google Analytics
la formation à la gestion du site pour les représentants des 3 sociétés
Quant au troisième, celui de Carimat Matériaux, il est visible sur le serveur de développement et le sera sous son propre nom de domaine lorsque l'ancien prestataire aura procédé au basculement des DNS.
Screen Capture un plug-in pour Firefox vous permettant d'effectuer des captures d'écran
L'avantage indéniable de cette suite, même si elle est plus lente qu'un logiciel installé en local, est qu'elle est entièrement gratuite !
En supplément à ces applications graphiques, vous pourrez également utiliser Audio Editor (Myna), un programme musical qui permet de mixer des morceaux, d’appliquer des effets sonores, d'enregistrer des instruments ou votre voix.
Proveillance, est une équipe d'experts dans les domaines de la vidéo, de l'informatique et de la sécurité qui se sont spécialisés dans la surveillance vidéo par caméras réseaux (caméras IP).
Leur nouveau site grâce auquel ils pourront gérer le contenu de manière autonome, a été mis en ligne hier. ils peuvent ainsi proposer la palette de leurs services :
Vente et installation de système de vidéosurveillance par caméras IP (caméras réseaux)
Vente et installation de détecteurs externes reliés aux caméras (infra-rouge, magnétiques, chocs, fumée, bris de vitre)
Vente et installation de systèmes de gestion vidéo
Migration de systèmes analogiques vers des systèmes numériques par caméras IP
Mise en conformité d’installations existantes suivant la législation belge (voir rubrique règlementation)
Audit d’installations existantes au niveau sécurité, performances et respect de la nouvelle règlementation belge vigueur dans le domaine de la vidéosurveillance (voir rubrique règlementation)
Consultance pour la mise en place d'une installation de vidéosurveillance
Consultance pour la migration d’un système de vidéosurveillance analogique vers un système de vidéosurveillance par caméras IP
Copass est une société qui a pour objectif la maîtrise et la construction de bâtiments "passifs". Nous avons mis leur site en ligne durant le mois d'avril. Il y a une petite semaine, c'est leur blog, aux couleurs du site, que nous avons ajouté à leurs développements.
Ce blog est construit sur base de Dotclear 2. Nous en avons réalisé le template et l'avons intégré, laissant à Copass le soin d'ajouter leur contenu... Ce contenu ne pourra que profiter à la notoriété du site dans les moteurs de recherche, étant donné que le contenu des blogs est particulièrement bien indexé par Google.
Par Philippe,
mardi 17 novembre 2009 à 08:54 ::Graphisme
Icones.pro est un site en français tout récent (16 octobre), imaginé et conçu par Frédéric Cozic et édité par la société Ligorus, qui propose de nombreuses icônes gratuites, disponibles dans plusieurs tailles en PNG et au format icône Windows.
Plusieurs pistes sont offertes pour trouver l'icône dont vous rêvez :
choix au hasard
icônes les plus vues
icônes les plus téléchargées
icônes les plus notées
icônes les plus recherchées
Le moteur de recherche permet une recherche par mot clé et affiche les résultats disponibles. Libre à vous :
de la télécharger aux formats intéressants pour vous (128 x 128 px, 96 x 96px, 64 x 64px, 48 x 48px, 32 x 32px, 16 x 16px)
de modifier les paramètres de fond de l'icône (blanc, transparent ou une couleur de votre choix :
de préférer une autre icônes du même genre
de préférer une icône de la même série
de relancer une recherche avec des termes relatifs
Les graphistes, quant à eux, peuvent proposer leurs propres créations afin de les mettre à disposition sur le site.
Dans le coin droit en bas de chaque page, un système de feedback est installer pour remonter toutes anomalies, tout avis ou encore une nouvelle fonctionnalité que vous aimeriez voir arriver sur Icones.pro.
Sachez que pour des raisons de développement (JavaScript, PNG transparents non supportés...), les auteurs ont choisi de ne pas rendre ce site disponible sous IE6. Je les félicite. Il est grand temps que ce navigateur poussiéreux aurait dû disparaître de la planète Web !
Quant à une utilisation professionnelle de ces icônes, n'oubliez pas de consulter la licence propre à chaque icône, indiquée dans la barre de droite .
Par Philippe,
mercredi 4 novembre 2009 à 10:22 ::Graphisme
Lorsqu'on travaille l'interface d'un site Web, ou plus encoredu pré-presse, on est souvent confronté à la question du choix des polices de caractère.
MyFontbook est un service en ligne qui permet de retrouver les polices enregistrées sur l'ordinateur et de les présenter sous forme de vignettes. Une fois enregistré, vous pourrez alors utiliser une phrase de votre choix et voir, immédiatement, l'aspect obtenu avec telle ou telle police.
A la première ouverture, le système met un peu de temps, mais la patience en vaut le coup. Une fois ce chargement effectué, vous pourrez alors :
Changer la taille des vignettes (3 dimensions possibles)
Basculer de l'affichage en vignette à un affichage en lignes de texte
Imprimer une page-type composée de paragraphes complets avec différentes tailles (de 8 à 12 pts)
Pour une phrase ou un mot, visualiser les variations si on bascule en mode majuscules, petites majuscules, gras ou italique
Utiliser le moteur de recherche pour trouver la liste des polices contenant une séquence de lettres déterminée
Organiser vos polices et votre travail en tagant les polices
Le nouveau site de Promedic, bâti sur la structure d'un CMS, a été mis en ligne pour les prestataires travaillant dans le secteur des soins à domicile (infirmier(e)s, kinésithérapeutes, médecins,...) et pour les sociétés offrant des services aux patients.
Ses principales fonctionnalités sont les suivantes :
présentation du professionnel au public d’une manière plus approfondie et personnelle dans le respect des textes législatifs en vigueur pour chaque profession (fiche signalétique),
accès en temps réel aux offres et demandes de remplacements,
agenda interactif avec prise de rendez-vous en ligne,
faire partie d’un grand réseau du secteur des soins à domicile et ne plus avoir la sensation de travailler « seul(e) »,
accès à une centrale d’informations et de réponses sur tous les thèmes qui font le quotidien dans une partie sécurisée uniquement accessible aux professionnels,
accès à toute information professionnelle (circulaires, législations, actualités diverses concernant certaines techniques de soins ou innovations dans le traitement de certaines symptomatologies ou pathologies,…)
La société Ursmar Vandenhende est une société familiale fondée en 1926 et spécialisée dans la construction métallique. Elle possède une grande expérience dans les domaines suivants :
Etude éventuelle, fabrication et placement de charpentes métalliques :
hangars
auvents
car-ports
planchers
passerelles
échelles
garde-corps
escaliers
trémies
chaudronnerie
Habillage
couverture
bardage
Maintenance et entretien
Mécanique hors standard
Depuis quelques jours, ils possèdent un nouveau site bâti sur un CMS qui leur donne toutes les facilités d'utilisation
Mise à jour facile
Menu automatique en fonction du contenu (à deux niveaux) en Drag & Drop
Historique des pages avec fonction restore
Optimisé pour Google
Travail dans le design du site
Edition WYSIWYG, ce que vous voyez est ce que vous aurez.
VIAXIS est un intermédiaire en assurances spécialisé en couvertures complémentaires à la sécurité sociale et en pensions d’entreprises du deuxième pilier. Leur longue expérience leur permet d’offrir un excellent service au niveau fiscal et social.
Leur collaboration avec d’importants partenaires sociaux (caisses d’assurances sociales pour travailleurs indépendants et secrétariats sociaux pour entreprises) leur permet d’avoir une parfaite connaissance des besoins et des problématiques liées aux indépendants et aux responsables d’entreprises.
Ils offrent des solutions concrètes et innovantes aux indépendants, chefs d’entreprises ainsi qu’à leur personnel permettant de financer leur capital retraite, de se constituer un patrimoine et d’être mieux couverts en cas de maladie et d’accident. Ceci dans un contexte fiscal favorable.
Depuis ce matin, cette société dispose d'un tout nouveau site bilingue établi sur le concept du CMS. Grâce à ce dernier, Viaxis peut dorénavant gérer l'intégralité de son site sans avoir à connaître l'HTML ou un quelconque langage de développement.
On a déjà tous cherché des images sur les sites Internet de Google ou de Yahoo!
Si les réponses sont nombreuses et facilement accessibles, il faut bien avouer que, graphiquement, cela n'a rien de très excitant ! Si vous souhaitez effectuer une recherche d'images sur un moteur graphique étonnant, n'hésitez pas alors à utiliser les services de Tag Galery.
La présentation galactique du contenu et son ergonomie sont très réussies, à ce point que l'on prend plaisir à effectuer de nouvelles recherches pour voir le résultat s'afficher. Il suffit d'encoder un mot (dans votre langue, même si l'interface est en anglais). Le site se connecte alors à la base de données de Flickr et affiche toutes les photos contenant le tag introduit. Un clic sur une photo l'agrandit, un second clic zoome une fois supplémentaire. A ce niveau, vous pouvez alors accéder à la page Flickr du photographe.
Voici un autre utilitaire très performant qui vous permettra à la fois de redimensionner vos photos, de recadrer sur un détail mais également de faire pivoter l'ensemble de 90°. Ici, à l'inverse du programme précédent, vous ne devez rien installer puisque tout se passe en ligne et sans enregistrement.
Même si tout se passe en anglais, la procédure est très simple :
"Placements financiers" est un département spécialisé du bureau de courtage HUYSMANS SPRL installé depuis plus de 35 ans en région frontalière, dans le Péruwelzis.
Compte tenu du développement de leur département financier (plus de 10 000 clients belges et français) et du besoin accru d’informations, la nécessité de créer un nouveau site Internet s'imposait, site axé exclusivement sur les meilleurs placements.
Le but de ce nouveau site est avant tout de vous conseiller judicieusement et en toute objectivité, afin de défendre au mieux vos intérêts dans ce monde de la Finance qui peut souvent paraître impitoyable et impersonnel.
Comme le premier site que nous avions déjà réalisé pour eux voici près de trois ans, le nouveau utilise toujours NéoCMS :
Par Philippe,
mercredi 8 juillet 2009 à 08:32 ::Graphisme
Avec un prix promotionnel intéressant (31 euros) le Pack 1000 Kits Graphiques comprend plus de 1000 Sites Web déjà préconçus de qualité. Ce pack s'adresse aussi bien à des débutants qu'aux webmasters professionnels qui ne veulent pas passer des heures à concevoir un site. Il est gros de 993 Mo à télécharger (dès le paiement effectué) en Fichier Compressé WinRar, soit plus de 2,5 Go de données !
Un kit graphique est une maquette préconçue de site avec des images, des textes, des menus de navigation déjà prédisposés. Chaque kit Graphique est personnalisable à 100% avec vos images, vos textes, votre logo...
En achetant ce pack vous avez donc plus de 1000 chartes graphiques et ergonomiques personnalisable à 100% pour développer votre propre site très rapidement.
Inclus dans ce Pack :
un index Images répertoriant chacun des kits
des fichiers HTML (Pages Web préconçus et modifiables)
des images GIF et JPG (images préconçus)
des fichiers SWF (animations Flash préconçus)
des fichiers PSD (images Photoshop d'origine modifiable)
des fichiers FLA (animations Flash d'origine modifiable)
Par Philippe,
mercredi 24 juin 2009 à 17:18 ::Graphisme
Si vous gérez un blog ou un site, vous devez de temps en temps insérer des photos qui ne sont pas soumises à des droits d'auteur. Vous connaissez alors la difficulté que cette recherche représente et le temps nécessaire pour trouver une photo qui vous convienne.
Un site peut vous aider dans cette tâche : PhotoXpress
Même s'il est en anglais, tout le monde sera capable de se débrouiller parmi les 385716 photos présentes dans la base de données au moment où j'écris ces lignes. Le choix est donc large, les photos de bonne qualité et disponibles en haute résolution.
Seules limites à la gratuité du site : vous devez vous inscrire pour télécharger les photos et vous serez limité à une seule photo par jour.
Si les photos proposées vous plaisent et que vous en souhaitez plus, il faudra accepter de vous enregistrer de manière complète. Le risque n'est pas mince de voir votre boite aux lettres submergée de mails... Une raison complémentaire de lire ce blog afin de connaître quelques moyens de l'éviter en utilisant des adresses E-Mail jetables !
Nombreuses sont les sociétés qui éditent un catalogue. Celui-ci est fourni aux clients au format papier. Le graphiste donne ensuite le document qui a servi à l'impression afin que le commerçant puisse également le fournir au format numérique sur son site. Dans ce cas, c'est souvent le format PDF qui est choisi. Le choix de ce format présente de nombreux avantages :
Il peut être lu sur tous les ordinateurs disposant du lecteur Acrobat qui est disponible gratuitement.
Le document est toujours présenté de manière homogène et identique sur tous les ordinateurs
Il peut être protégé par un mot de passe interdisant toute autre action que la lecture où l’impression.
Il ne contient que les informations de texte et de présentation (aucune information complémentaire relative à la gestion du document).
Le lecteur d'un fichier ne peut pas en modifier le contenu
Comme un document HTML, il permet d'établir des liens et de faire des recherches sur un mot précis.
La société Arpaca propose ce type de catalogue au format PDF depuis de nombreuses années sur son site. Ce qui est nouveau, par contre, c'est l'ajout du système flipbook qui lui confère de l'interactivité et une présentation très ludique !
le temps de charger le (gros : 44.98 Mo) fichier PDF et l'animation est prête à l'emploi
Un clic sur l'un des items de la table des matières affiche la page demandée.
Passer d'une page à l'autre se fait en cliquant sur les flèches latérales, ou, beaucoup plus amusant, en utilisant la souris sur le coin de chaque page, ce qui la fait tourner comme "dans la vie réelle". Tout y est : tant que vous ne lâchez pas la souris vous manipulez la page à votre guise.
Un clic sur une page en affiche une version agrandie
En pied de page un bouton "menu" permet d'atteindre des fonctions complémentaires :
Export du catalogue en flux RSS, que Google manquera pas d'exploiter
Envoyer à un ami
Affiche du fichier PDf de manière plus classique
Formulaire de contact
Impression de la page
Navigation par vignettes
Accès à l'index
Et bien sûr, un moteur de recherche
Si vous disposez de catalogues ou folders au format PDF et que ce type de présentation vous intéresse pour votre propre site, n'hésitez pas à nous contacter afin que nous puissions vous remettre un devis gratuit et sans engagement.
La Parqueterie du Hainaut est une société travaillant dans le domaine du bois, ses activités regroupant différents domaines tels que :
la pose de parquet
le revêtement de sol pour l'intérieur et l'extérieur
les lambris
le mobilier en teck pour salles de bains et terrasses
la rénovation de parquet abîmé...
Leur nouveau site vient d'être mis en ligne. Bâti sur le principe du CMS, ses propriétaires pourront désormais, en toute simplicité, ajouter, supprimer ou modifier tous les contenus de leur site, tant iconographiques que textuels.
Quelques références:
le buffet de la gare Centrale d'Anvers
la salle de sport du SHAPE à Maisière
le Hall omnisport d'Havré
les bureaux de Test Achat
la salle de Fitness du Club Med de Bruxelles
la restauration du Château de Charleroi
la décoration des magasins Benetton
les salles de basket de Dexia Mons Hainaut et du "Spiroudôme" de Charleroi
Le Fonds Houtman est né en 1989 suite au legs de monsieur Herman Houtman en faveur de l’Office de la Naissance et de l’Enfance (ONE). Il n’a cessé, depuis, de soutenir des actions et des recherches-actions pour l'enfance en difficulté en Communauté française de Belgique : financer des actions (ou des recherches préparatoires à des actions) destinées à venir en aide à l'enfance en difficulté physique, psychique ou sociale, sans distinction de sexe, de race, de nationalité, de religion ou de conception philosophique, pour autant qu'il s'agisse d'enfants résidant dans le ressort territorial de la Communauté française de Belgique (y compris la région de Bruxelles).
Le 12 mai 2009, le Fonds Houtman a célébré 20 années d'action au bénéfice de l'enfance en difficulté en Communauté française de Belgique. Cet événement a été rehaussé par la Présence de Sa Majesté la Reine. Il a également été l'occasion de se doter d'un nouveau site qui lui permet de gérer le contenu de manière entièrement autonome basé sur NéoCMS:
Modification des textes
Ajout de documents téléchargeables
Formulaires divers
Actualités
Menu automatique en fonction du contenu (à deux niveaux)
Il est logique que le constructeur demande à ses clients de modifier leur site afin de coller à la nouvelle image. De plus, il en a profité pour communiquer les obligations de la marque pour les nouveaux sites Internet de ses concessionnaires. Voici un compte rendu qui pourra être utile aux développeurs devant travailler dans ce sens.
Chaque concessionnaire qui met en ligne un nouveau site est tenu de le faire valider auprès de Citroën avant sa mise en ligne. A cette fin, il devra communiquer l'adresse provisoire du nouveau site à son Zone Manager.
L'usage de la police Citroën est interdite. Seule peut être utilisée la police ARIAL.
Les pages Web doivent être sobres et sur fond blanc.
Le logo doit toujours figurer en haut à gauche, doit respecter la zone de protection et faire une taille minimale de 34 pixels.
Placement d'un filet rouge de 4 pixels en bas des pages Web.
L'iconographie doit être sobre et pérenne.
Utiliser un boomerang rouge pour mettre un texte en avant
Utiliser une flèche grise pour indiquer une action
Favoriser l'usage du gris pour délimiter les champs de saisie
Jouer sur une palette de couleur bien précise
Flèches, puces et filets : #db002f
Eléments actifs, titre et chapeaux : #1c1c1c
Eléments inactifs : #868686
Texte courant : #6b6b6b
Couleur de fond pour les boutons et les rebonds : #c8c8c8
Couleur de fond pour un aplat à placer sous le texte courant : #f5f5f5
Les interdictions
Pas d'encadrement des textes ou des visuels
Pas de forme ronde y compris pour les icônes
Pas d'utilisation des chevrons comme symbole de navigation
Pas d'utilisation des polices ou des logos "véhicule"
Il est logique que le constructeur demande à ses clients de modifier leur site afin de coller à la nouvelle image. De plus, il en a profité pour communiquer les obligations de la marque pour les nouveaux sites Internet de ses concessionnaires. Voici un compte rendu qui pourra être utile aux développeurs devant travailler dans ce sens.
Chaque concessionnaire qui met en ligne un nouveau site est tenu de le faire valider auprès de Citroën avant sa mise en ligne. A cette fin, il devra communiquer l'adresse provisoire du nouveau site à son Zone Manager.
L'usage de la police Citroën est interdite. Seule peut être utilisée la police ARIAL.
Les pages Web doivent être sobres et sur fond blanc.
Le logo doit toujours figurer en haut à gauche, doit respecter la zone de protection et faire une taille minimale de 34 pixels.
Placement d'un filet rouge de 4 pixels en bas des pages Web.
L'iconographie doit être sobre et pérenne.
Utiliser un boomerang rouge pour mettre un texte en avant
Utiliser une flèche grise pour indiquer une action
Favoriser l'usage du gris pour délimiter les champs de saisie
Jouer sur une palette de couleur bien précise
Flèches, puces et filets : #db002f
Eléments actifs, titre et chapeaux : #1c1c1c
Eléments inactifs : #868686
Texte courant : #6b6b6b
Couleur de fond pour les boutons et les rebonds : #c8c8c8
Couleur de fond pour un aplat à placer sous le texte courant : #f5f5f5
Les interdictions
Pas d'encadrement des textes ou des visuels
Pas de forme ronde y compris pour les icônes
Pas d'utilisation des chevrons comme symbole de navigation
Pas d'utilisation des polices ou des logos "véhicule"
TM Titres-Services est une Société agrée par l’Onem, proposant ses services d’aide à domicile dans le cadre des titres-services pour qui nous venons de créer un nouveau site Internet géré par CMS.
Ils disposent d'aides ménagères qui prestent dans pratiquement tous les quartiers des 19 communes de Bruxelles (Anderlecht, Auderghem, Berchem-Sainte-Agathe, Bruxelles, Etterbeek, Evere, Forest, Ganshoren, Ixelles, Koekelberg, Laeken, Molenbeek-Saint-Jean, Saint-Gilles, Saint-Josse-Ten-Noode, Schaerbeek, Uccle, Watermael-Boitsfort, Woluwe-Saint-Lambert, Woluwe-Saint-Pierre) mais également en périphérie Bruxelloise .
Pour information, un titre service coûte 7,50 euro et correspond à une heure de travail d’une femme de ménage. Les titres service sont disponibles chez Sodexo (anciennement Sodexho) en version titre services papier ou électronique. Les activités autorisées en titres services sont les suivantes :
Simillion, à Soignies, est un spécialiste qui vous conseille avec professionnalisme dans le choix de votre appareil photo, téléviseur, vidéo, lecteur-enregistreur DVD, chaîne HIFI, PC, GPS ou GSM afin de trouver celui qui est le plus adapté à vos besoins.
Il y a quelques années, ils avaient profité de la création des sites gratuits pour se faire une idée de l'utilisation qu'ils pourraient avoir d'un site Internet.
Le temps a passé et les technologies ont évolué. Nous avons donc relifté entièrement le site Internet et leur avons créé un site basé sur CMS
En 2006, nous avions réalisé leur premier site. Trois ans plus tard, le nouveau site est mis en ligne avec un nouveau graphisme, un système de cms et de newsletter.
Le système installé est une application complète proposant la gestion automatisée d’un catalogue produit qui propose les fonctionnalités suivantes :
Gestion des commandes
Visualisation des commandes en fonction des utilisateurs
Statistiques et rapports de commandes
Création de commandes depuis la partie administration du site.
Gestion du statut des commandes (en cours, en préparation,… paramétrable) avec envoi automatisé (ou non au choix) d’une notification au client.
Gestion du catalogue
Ajout, suppression, modification de catégories (sans limite technique dans le nombre)
Possibilité de définir un nom, une description, une image, une position,… pour chaque catégories, sous-catégories,…
Gestion des produits avec possibilité de définir un nom, une description avec possibilité de mise en forme (gras, souligné,…), plusieurs catégories, des images,…
Gestion de caractéristiques produites (champs illimités supplémentaires par produits. Ex : conditionnement, origine,…)
Gestion des options de produits (liste de couleurs, tailles,…).
Possibilité de gérer des remises par utilisateur, catégorie, produit, ou encore de façon globale. (+ date de validité, valeur en euros ou en %)
Possibilité de gérer des coupons de la même manière grâce à la création d’un code (NOEL2009, ETE2009) par vos soins (+ date de validité, valeur en euros ou en %)
Possibilité de gérer des produits associés.
Possibilité de gérer les paiements Ogone
Envoi de facture automatique au client.
Possibilité de gérer plusieurs devises.
Gestion des utilisateurs
Ajout, suppression, modification ou encore activation d’un compte client.
Champs de profil paramétrable
Gestion des taxes et livraisons
Possibilité de gérer plusieurs taux de tva
Possibilité de différentes forme de livraisons (Ex : poste (3 jours), UPS(2 jours),…), Ce module n’est pas relié à un système de tracking en ligne via UPS ou autre.
Possibilité de gérer le prix des livraisons en fonction du prix, de la destination,…
Module chèque cadeau
Le module permet d’acheter des cadeaux à prix déjà fixé ou au prix que l’on souhaite mettre et de, soit l’envoyer par mail à l’heureux bénéficiaire, soit de l’imprimer pour lui donner en main propre ou l’envoyer par la poste.
Home page catalogue
La page d’accueil peut être gérée en totalité via le système… Il est donc possible de disposer x vignettes avec des liens vers les produits par exemple.
Adaptation
Liste déroulante des marques pour un accès rapide au catalogue sur toutes les pages du catalogue.
L'Interrégionale wallonne de la CGSP regroupe, sur base de la proportion de 50 % pour les secteurs et 50 % pour les régionales, l’ensemble des affiliés de la Région wallonne.
Depuis hier, cette organisation dispose d'un tout nouveau site développé sur la base de NéoCMS.
Plusieurs modules ont été intégrés au site afin de répondre aux besoins particuliers de ce client :
Besoin d'un système de gestion de documentation. Cette documentation est accessible par tous les visiteurs sans aucune restriction (pas de nécessité de s'identifier pour la télécharger). Elle est classée par thème et sous-thème.
Un accès réservé aux membres du bureau qui se fait de manière sécurisée en encodant un nom d'utilisateur (l'adresse E-mail) et un mot de passe
Un système de gestion de News. A chaque nouvelle news introduite, la zone "Dernières News" est automatiquement mise à jour sur la page d'accueil.
Un agenda des événements
Dans un avenir proche, un blog sera créé de manière à pouvoir présenter de manière rapide et moderne des informations régulièrement mises à jour.
Par Philippe,
mardi 5 mai 2009 à 08:02 ::Graphisme
Il n'est pas toujours très simple de choisir la disposition et les éléments à afficher sur sa carte de visite. Alors, pourquoi ne pas détourner le site Internet The CardBoard.net de sa fonction première ?
Ce site Internet a été initialement conçu pour que les personnes inscrites puissent y enregistrer leur carte de visite. Le visiteur, lui, peut utiliser un moteur de recherche qui effectue un tri selon plusieurs possibilités : mot clé, code postal, localisation, entreprises, secteur d'activité...
Il faut bien avouer que, à ce jour, le contenu n'est pas très riche (180 inscrits seulement, et tous aux Etats-Unis...)
Le design des éléments mis en ligne peut cependant vous inspirer si vous souhaitez donner des indications de mise en page à votre graphiste avant qu'il ne réalise votre propre carte de visite.
Par Philippe,
mardi 5 mai 2009 à 08:02 ::Graphisme
Il n'est pas toujours très simple de choisir la disposition et les éléments à afficher sur sa carte de visite. Alors, pourquoi ne pas détourner le site Internet The CardBoard.net de sa fonction première ?
Ce site Internet a été initialement conçu pour que les personnes inscrites puissent y enregistrer leur carte de visite. Le visiteur, lui, peut utiliser un moteur de recherche qui effectue un tri selon plusieurs possibilités : mot clé, code postal, localisation, entreprises, secteur d'activité...
Il faut bien avouer que, à ce jour, le contenu n'est pas très riche (180 inscrits seulement, et tous aux Etats-Unis...)
Le design des éléments mis en ligne peut cependant vous inspirer si vous souhaitez donner des indications de mise en page à votre graphiste avant qu'il ne réalise votre propre carte de visite.
Par Philippe,
lundi 4 mai 2009 à 08:59 ::Graphisme
Avoir un bon logo permet à vos clients de vous reconnaître facilement. En effet, un logo est un élément graphique de la plus haute importante dans le domaine de la communication visuelle. Lorsque notre graphiste crée un logo, elle fait appel à la symbolique des formes :
Votre logo vous suivra pendant de nombreuses années, d'où l'importance de confier ce travail à un spécialiste. Reste quand même une exception notable : Google qui n'hésite pas à changer de logo lors d'événements particuliers. Seul un groupe très puissant et à l'image très forte peut se permettre ce type de fantaisie...
Par Philippe,
lundi 4 mai 2009 à 08:59 ::Graphisme
Avoir un bon logo permet à vos clients de vous reconnaître facilement. En effet, un logo est un élément graphique de la plus haute importante dans le domaine de la communication visuelle. Lorsque notre graphiste crée un logo, elle fait appel à la symbolique des formes :
Votre logo vous suivra pendant de nombreuses années, d'où l'importance de confier ce travail à un spécialiste. Reste quand même une exception notable : Google qui n'hésite pas à changer de logo lors d'événements particuliers. Seul un groupe très puissant et à l'image très forte peut se permettre ce type de fantaisie...
La crise frappe durement certains secteurs d'activité. Nombreuses sont les personnes qui se voient privées de leur travail et qui ne désirent pas pour autant vivre des allocations de chômage et souhaitent se lancer dans une activité d'indépendant.
Seul problème à ces intentions louables : les finances nécessaires pour démarrer une telle activité ! C'est en réponse à ce besoin que nous avons lancé un nouveau package que nous avons nommé Easy Start Up : A elles de trouver un créneau où se faire une place, à nous de leur fournir une image et de les faire connaître.
Que contient Easy-StartUp ?
Un nom de domaine (nous nous chargeons de vérifier sa disponibilité et de le réserver à leur nom en .com, .eu, .be ou .fr)
Un hébergement
De une à trois adresses email liées au nom de domaine choisi (Par exemple : monnom@masociete.com)
Un logo professionnel pour leur société (au format vectoriel et donc utilisable sur tout type de support)
Un site Internet géré par un CMS assurant une totale autonomie de gestion. Ce dernier comprend :
un graphisme attrayant aux couleurs de l'entreprise (respect de la charte graphique), à choisir dans notre panel d'interfaces.
l'insertion graphique du logo
un CMS (système de gestion de contenu pour le gérer au quotidien - textes, images, photos, menus, pages)
la création de tous les menus et pages (jusque 8 par nos soins mais il reste possible d'en ajouter sans limite)
l'intégration du contenu de 8 pages (contenu fourni au format électronique)
l'optimisation du code du site Internet afin que ce dernier bénéficie d'un excellent positionnement naturel sur Google
un didacticiel expliquant comment gérer le site Internet simplement
La création et la fourniture de 500 cartes de visite sur papier 250g au format 85 x 55 mm
Le tout pour un prix hyper compétitif de 1495 € hors TVA !
Toutes les explications concernant ce nouveau produit se trouvent sur le site Internet qui est sorti hier : www.easy-startup.be. N'hésitez pas à nous contacter si vous souhaitez de plus amples informations.
La crise frappe durement certains secteurs d'activité. Nombreuses sont les personnes qui se voient privées de leur travail et qui ne désirent pas pour autant vivre des allocations de chômage et souhaitent se lancer dans une activité d'indépendant.
Seul problème à ces intentions louables : les finances nécessaires pour démarrer une telle activité ! C'est en réponse à ce besoin que nous avons lancé un nouveau package que nous avons nommé Easy Start Up : A elles de trouver un créneau où se faire une place, à nous de leur fournir une image et de les faire connaître.
Que contient Easy-StartUp ?
Un nom de domaine (nous nous chargeons de vérifier sa disponibilité et de le réserver à leur nom en .com, .eu, .be ou .fr)
Un hébergement
De une à trois adresses email liées au nom de domaine choisi (Par exemple : monnom@masociete.com)
Un logo professionnel pour leur société (au format vectoriel et donc utilisable sur tout type de support)
Un site Internet géré par un CMS assurant une totale autonomie de gestion. Ce dernier comprend :
un graphisme attrayant aux couleurs de l'entreprise (respect de la charte graphique), à choisir dans notre panel d'interfaces.
l'insertion graphique du logo
un CMS (système de gestion de contenu pour le gérer au quotidien - textes, images, photos, menus, pages)
la création de tous les menus et pages (jusque 8 par nos soins mais il reste possible d'en ajouter sans limite)
l'intégration du contenu de 8 pages (contenu fourni au format électronique)
l'optimisation du code du site Internet afin que ce dernier bénéficie d'un excellent positionnement naturel sur Google
un didacticiel expliquant comment gérer le site Internet simplement
La création et la fourniture de 500 cartes de visite sur papier 250g au format 85 x 55 mm
Le tout pour un prix hyper compétitif de 1495 € hors TVA !
Toutes les explications concernant ce nouveau produit se trouvent sur le site Internet qui est sorti hier : www.easy-startup.be. N'hésitez pas à nous contacter si vous souhaitez de plus amples informations.
COPASS, pour COnstruction PASSive, est une société qui a été créée en 2008. Elle est une division de la FALCO s.a. et a pour objectif la maîtrise et la construction de bâtiments « passifs ».
COPASS est votre partenaire idéal pour tout projet de construction, d’agrandissement ou de rénovation. Qu’il s’agisse d’ossature en bois ou de construction dite « en dur », ils apportent les solutions techniques et esthétiques pour que votre projet réponde à vos souhaits et aux critères et performances du « passif ».
Nous avons réalisé le site de cette jeune société. Ce site, bâti sur l'architecture d'un CMS assure l'autonomie de gestion de ses gestionnaires :
Art of Words sprl est une société belge établie à Mons depuis 1994, active dans la traduction et la localisation.
Traductions informatiques
Sites web
Logiciels
Documentation (manuels, aide en ligne, manuels en ligne, etc.)
Localisation
Jeux pour PC/consoles
Rédaction technique (documentation)
Traductions techniques
Télécommunications
Systèmes de gestion de documents (imprimantes, scanneurs, copieurs, etc.)
Traductions rédactionnelles
Communication et marketing
Presse
Voyages, loisirs et nature
Ils disposaient d'un site bilingue (français - néerlandais) sans possibilité de mise à jour autonome. Nous avons réalisé et avons mis en ligne leur nouveau site : nouveau graphisme, nouveau logo, adaptation des textes, ajout de la langue anglaise et transformation en CMS.
Le Mulino Bianco est un restaurant de spécialités italiennes situé 26 chaussée de Soignies à Le Roeulx.
Les patrons, Lorenzo Sità et Enzo Falzone, vous accueillent dans le cadre calme et verdoyant du lieu dit «Le Montauban». Le savoir-faire de l’un vous mènera à la découverte des saveurs culinaires de l’Italie.La passion de l’autre vous permettra de déguster les meilleurs crus italiens...
Leur ancien site, que nous avions réalisé en 2001 a été changé en 2005.
4 ans plus tard, il reprend un nouveau coup de jeune. Nouveau graphisme, nouvelle technologie (CMS)... Grâce à cela, ils pourront sans connaissances particulières en informatique, vous proposer une carte toujours à jour !
Vendredi dernier, j'ai eu la chance d'être invité à l'Agence ID à Saintes pour la présentation officielle de quatre projets qui y ont vu le jour.
Parmi ceux-ci figuraient deux de nos clients : Stalift et HaVaCom.
Les premiers, Simon Stellian et Philippo Talluto sont les géniteurs de la SPRL Stalift, une entreprise de vente, maintenance, modernisation et mise en conformité d'ascenseurs. Ils possédent déjà une solide expérience dans le domaine, ayant travaillé plusieurs années chez un des leaders mondiaux de l'ascenseur.
Nous avons eu la chance de les accompagner depuis le stade de la création de leur logo, de celle de leurs cartes de visite et allons maintenant poursuivre par le biais du site Internet et des brochures de présentation.
Les seconds, Alain Vanbellinghen et Thierry Hanon, forts d'une expérience de quinze années dans les télécommunications ont choisi ce moment pour lancer leur propre entreprise, HaVaCom et ont déjà un partenaire de choix en la personne de Panasonic Belgique.
Nous les rencontrons la semaine prochaine pour lancer les bases de la création de leur site Internet et voir les domaines dans lesquels des synergies sont possibles entre nos deux sociétés.
Outre les points communs du nombre d'associés, de leur taille, de l'Agence ID qui les a accompagnés dans la mise sur rails de leur projet et du nom choisi pour leur entreprise (creusez un peu et vous trouverez...), ces quatre-là ont également ceux d'un dynamisme et d'un professionnalisme à toute épreuve.
Vous pouvez leur faire confiance sans le moindre souci !
Vendredi dernier, j'ai eu la chance d'être invité à l'Agence ID à Saintes pour la présentation officielle de quatre projets qui y ont vu le jour.
Parmi ceux-ci figuraient deux de nos clients : Stalift et HaVaCom.
Les premiers, Simon Stellian et Philippo Talluto sont les géniteurs de la SPRL Stalift, une entreprise de vente, maintenance, modernisation et mise en conformité d'ascenseurs. Ils possédent déjà une solide expérience dans le domaine, ayant travaillé plusieurs années chez un des leaders mondiaux de l'ascenseur.
Nous avons eu la chance de les accompagner depuis le stade de la création de leur logo, de celle de leurs cartes de visite et allons maintenant poursuivre par le biais du site Internet et des brochures de présentation.
Les seconds, Alain Vanbellinghen et Thierry Hanon, forts d'une expérience de quinze années dans les télécommunications ont choisi ce moment pour lancer leur propre entreprise, HaVaCom et ont déjà un partenaire de choix en la personne de Panasonic Belgique.
Nous les rencontrons la semaine prochaine pour lancer les bases de la création de leur site Internet et voir les domaines dans lesquels des synergies sont possibles entre nos deux sociétés.
Outre les points communs du nombre d'associés, de leur taille, de l'Agence ID qui les a accompagnés dans la mise sur rails de leur projet et du nom choisi pour leur entreprise (creusez un peu et vous trouverez...), ces quatre-là ont également ceux d'un dynamisme et d'un professionnalisme à toute épreuve.
Vous pouvez leur faire confiance sans le moindre souci !
Par Ludy,
mercredi 8 avril 2009 à 14:06 ::Graphisme
Le 3 avril dernier, les numéros des partis politiques belges en lice pour les prochaines élections européennes du 7 juin ont été tirés au sort par des mains innocentes.
Seuls les partis ayant déposé leur logo au Ministère de l'Intérieur ont pu y participer.
Nous les avons réunis ici représentés par leur logo.
Un logo, c'est la première image d'une entreprise, d'une association, ...
Voici ce qu'en dit Wikipedia :
Un logotype, plus couramment appelé logo, est une représentation graphique qui sert à identifier de manière unique et immédiate une entreprise (au sens large; œuvre, action). Ces dernières années, le terme de logotype est de plus en plus souvent utilisé pour décrire les sigles, emblèmes, marques déposées, armoiries, symboles ou encore drapeaux.
L'essor du logo coïncide avec l'industrialisation, le développement de l'économie de marché et l'environnement concurrentiel du xixe siècle. La publicité se développe et les entreprises ont besoin de créer des identités pour se démarquer et communiquer sur le marché. De plus en plus de fabricants commencèrent donc à inclure un symbole, signe ou emblème sur leurs produits et emballages, pour que tous les acheteurs puissent aisément reconnaître le produit qu'ils voulaient. Les fabricants ajoutèrent ensuite le nom de la compagnie ou du produit sur leur signe. Le nom prit une forme spécifique chez chaque manufacturier.
Depuis de nombreuses années, quand un nouveau logo est dessiné, des entreprises font appel à des publicitaires et des designers graphiques pour créer un signe ou un emblème qui apparaîtra comme un logotype, accompagné du nom de la compagnie, du produit ou du service.
Le logo a une place tant importante dans la publicité d'aujourd'hui, qu'il est fréquent, et, ce, surtout pour les marques les plus connues, que le nom de la marque n'aie pas besoin de figurer à côté du logo.
L'idée est que vous nous laissiez, sans parti pris politique (c'est le cas de le dire), votre avis sur ces douze logos par le biais des commentaires.
Par Ludy,
mercredi 8 avril 2009 à 14:06 ::Graphisme
Le 3 avril dernier, les numéros des partis politiques belges en lice pour les prochaines élections européennes du 7 juin ont été tirés au sort par des mains innocentes.
Seuls les partis ayant déposé leur logo au Ministère de l'Intérieur ont pu y participer.
Nous les avons réunis ici représentés par leur logo.
Un logo, c'est la première image d'une entreprise, d'une association, ...
Voici ce qu'en dit Wikipedia :
Un logotype, plus couramment appelé logo, est une représentation graphique qui sert à identifier de manière unique et immédiate une entreprise (au sens large; œuvre, action). Ces dernières années, le terme de logotype est de plus en plus souvent utilisé pour décrire les sigles, emblèmes, marques déposées, armoiries, symboles ou encore drapeaux.
L'essor du logo coïncide avec l'industrialisation, le développement de l'économie de marché et l'environnement concurrentiel du xixe siècle. La publicité se développe et les entreprises ont besoin de créer des identités pour se démarquer et communiquer sur le marché. De plus en plus de fabricants commencèrent donc à inclure un symbole, signe ou emblème sur leurs produits et emballages, pour que tous les acheteurs puissent aisément reconnaître le produit qu'ils voulaient. Les fabricants ajoutèrent ensuite le nom de la compagnie ou du produit sur leur signe. Le nom prit une forme spécifique chez chaque manufacturier.
Depuis de nombreuses années, quand un nouveau logo est dessiné, des entreprises font appel à des publicitaires et des designers graphiques pour créer un signe ou un emblème qui apparaîtra comme un logotype, accompagné du nom de la compagnie, du produit ou du service.
Le logo a une place tant importante dans la publicité d'aujourd'hui, qu'il est fréquent, et, ce, surtout pour les marques les plus connues, que le nom de la marque n'aie pas besoin de figurer à côté du logo.
L'idée est que vous nous laissiez, sans parti pris politique (c'est le cas de le dire), votre avis sur ces douze logos par le biais des commentaires.
Par Philippe,
mercredi 11 février 2009 à 10:22 ::Ergonomie
Le pôle Conseil en ergonomie de Benchmark Group a publié un livre blanc en ergonomie intitulé "Ergonomie des sites Web : le verdict des internautes"
L'étude déplore la qualité des sites Web car, même si elle s’est améliorée depuis quelques années, il n’en reste pas moins que 75% des internautes rencontrent encore souvent des difficultés pour trouver ce qu’ils cherchent sur les sites qu’ils consultent, et que 58% sont souvent confrontés à des problèmes de navigation.
En ce qui concerne le design, le constat est quasi similaire : 66% trouvent les contenus des sites souvent mal présentés et 47% trouvent l'allure de la page d’accueil souvent peu engageante.
Il ne faut pas prendre ce constat à la légère car lorsque le visiteur n'est pas convaincu par un site, ce site peut perdre la moitié de ses nouveaux visiteurs en moins d’une minute. Plus grave : à l'inverse de l'école qui assure des remédiations, plus de 7 internautes sur 10 ne reviennent pas sur un site où ils ont rencontré des problèmes de navigation ou d’orientation.
Un site carte de visite est destiné à mettre une ou deux pages en ligne et présenter une société de manière sommaire.
C'est le principe qu'ont choisi GOOSSENS GOSSART JOOS et CARDYN & JOOS, deux sociétés de révision indépendantes de taille moyenne, disposant de bureaux à Bruxelles et Leuven. Grâce à ce site carte de visite, ils ont eu la possibilité de mettre en ligne un contenu de présentation de la société dans un temps très court.
Par Philippe,
mardi 13 janvier 2009 à 09:39 ::Graphisme
Les icônes à la mode semblent toujours celles qui adoptent un look Web2. Mais ce n'est pas une raison pour ne pas chercher autre chose...
Handycons propose, en téléchargement, des icônes "faites main", qui donnent l'impression que le graphiste propose son travail crayonné : le trait est incertain, les angles pas très droits. Un brouillon en quelque sorte, dont le look s'accommodera avec certains types de sites.
Lorsque nous sommes abordés par un nouveau client qui nous demande de lui créer son site, cela fait maintenant quelques années que nous proposons systématiquement de lui installer un CMS. Voici ce qui se "cache" derrière ces 3 lettres.
Un CMS, acronyme anglais de "Content Management System" pourrait se traduire par SGC dans la langue de Molière, soit "Système de Gestion de Contenu".
Comment fonctionne un CMS ?
Un CMS est constitué d'un ensemble de fichiers lisibles par un navigateur, généralement écrits en PHP, et d'une base de données (généralement MySQL) contenant l'ensemble des informations du site. Lorsqu'un visiteur demande l'affichage d'une page du site, le serveur Web, par l'intermédiaire des fichiers de script du site, interroge la base de données et affiche le contenu correspondant à la requête.
Un CMS est également identifiable par une séries de fonctionnalités et/ou de particularités :
Séparation de la forme et du contenu
La mise en forme du site est assurée par l'intermédiaire de templates (les fichiers modèles de la page dans lesquels seuls certains éléments sont modifiables) et des fichiers de CSS (décrivant la la stylisation hors du document)
Tout le contenu, comme je l'ai dit plus haut, est stocké non dans des fichiers HTML (comme c'est le cas pour les sites statiques) mais dans la base de données.
Gestion simplifiée du contenu
Aucun logiciel ne doit être installé pour modifier son site. Le gestion du CMS se fait par le biais d'une interface d’administration accessible, par nom d'utilisateur et mot de passe, depuis n'importe quel ordinateur connecté à Internet. Vous pouvez donc gérer votre site depuis n'importe où... (Ne le dites pas à votre patron...) et êtes ainsi beaucoup plus réactif.
Aucune compétence informatique n'est obligatoire pour gérer un CMS. Quelqu'un connaissant 30 % des fonctionnalités d'un traitement texte est capable de gérer son site de manière autonome.
Il est possible de hiérarchiser les utilisateurs du CMS et de leur octroyer des rôles et des permissions. Par exemple, le visiteur peut lire le site, le rédacteur peut encoder du contenu soumis à validation, l'administrateur gère tout...
Exclusivités
Le CMS que nous utilisons avec beaucoup de bonheur propose quelques exclusivités intéressantes :
C'est un outil de gestion de contenu qui présente une véritable fonction "WYSIWYG" (What You See Is What You Get) : Ce que vous voyez est ce que vous aurez.
Il permet une mise à jour "Indesign" : La gestion du contenu s'effectue directement DANS la page. (pas besoin de prévisualisation)
Il dispose d'une fonction "Drag and Drop" qui permet de glisser et de déposer les pages dans la structure et dans les menus.
Il est multi contenus. Il permet la mise à jour de plusieurs cadres de contenus différents sur la même page.
Il est compatible Google à 100%, ce qui garantit un positionnement optimum.
Il est multi plateformes et peut donc être installé sur Windows, Mac, ou Linux.
Multilinguisme
Notre CMS est multilingue et permet de créer votre site en plusieurs langues.
Duplication automatique de la structure du site
Structure du site simplifiable pour chaque langue
Interface de gestion multilingue (Fr, Nl, En ...)
Textes séparés, traduisibles dans d'autres langues
Gestion de toutes les versions linguistiques à partir de la même interface
Nombreuses fonctionnalités de base
Envoyer l’url de la page en cours à un destinataire
Flux actualités pour affichage dans un agrégateur de News (RSS, ATOM)
Gestion des accès protégés par login et mot de passe
Extensibilité
Et si, malgré toutes ces fonctions, vous ne trouvez pas votre bonheur, nous pouvons créer vos propres modules et les intégrer dans l'interface de gestion de votre CMS.
En complément à ce billet qui vous indique la meilleure façon de procéder, vient également une seconde question : sous quelle forme vaut-il mieux encoder les URL situées après le nom de domaine ainsi que les noms de fichiers : mesproduitsenpromotion, mes-produits-en-promotion ou mes_produits_en_promotion ?
Ici aussi, la réponse est simple et vient en ligne droite de Google :
Consider using punctuation in your URLs. The URL http://www.example.com/green-dress.html is much more useful to us than http://www.example.com/greendress.html. We recommend that you use hyphens (-) instead of underscores (_) in your URLs.
Ce qui, dans la langue de Molière, signifie :
A propos de la ponctuation dans vos URL. L'URL URL http://www.example.com/green-dress.html (avec les traits d'union, donc) est beaucoup plus efficace que http://www.example.com/greendress.html. Nous recommandons d'utiliser le traitd'union (-) au lieu du caractère de soulignement (_) dans vos URL.
Je vous ai déjà parlé, mercredi, de la promotion que nous avions lancée et qui mettait un site professionnel (avec CMS) à la portée de toutes les bourses.
Hier, lors du Dynamic Day, nous avons croisé pas mal de sociétés et le message que plusieurs d'entre elles ont formulé nous a interpelé :
Nous cherchons à travailler avec des sociétés de développement Web, mais elles ne sont intéressées que par les gros projets.
Ah ! Vous vendez vos blogs à 470 euros ? C'est ridicule comme prix, comment faites-vous ?
Quoi ? Vous acceptez de travailler si le projet est inférieur à 2000 euros ?
Pour nous, il n'y a pas de projet insignifiant. Certes, certains nécessitent plusieurs mois de développement quand d'autres peuvent être réglés en une semaine... Mais nous apportons le même soin à la qualité du développement et à la relation que nous établissons avec nos clients. Nous cherchons toujours à entretenir des relations fondées sur l'honnêteté et la pérennité.
Alors oui, nous acceptons les petits sites. Oui, nous le ferons avec le sourire. Oui, nous serons votre partenaire Web !
Par Philippe,
jeudi 18 septembre 2008 à 07:45 ::Graphisme
Lorsqu'on construit un nouveau site, il n'est pas rare que les clients nous demandent d'utiliser une police particulière. Nous leur répondons souvent d'être très prudent sur ce point.
Si le client s'entête, il est alors possible de passer par un site, TypeChart, qui permet de comparer l'aspect des différentes polices de caractères couramment utilisées sur le Web :
Arial
Helvetica
Cambria
Georgia
Lucida Grande
Lucida Sans Unicode
Trebuchet MS
Verdana
Vous pouvez également modifier et vérifier la taille de la police choisie :
A cette occasion, nous lançons un nouveau produit, destiné à mettre des sites professionnels à la portée des plus petits budgets. En voici les principales caractéristiques techniques :
Vérification de la disponibilité et enregistrement de votre nom de domaine, par exemple : www.votresociete.be
Réservation de votre hébergement. Taille maximale 1Go
Création de 5 adresses email professionnelles en POP3, IMAP et webmail (prenom.nom@votresociete.be).
Un site bien positionné naturellement dans Google
Un graphisme attrayant qui respecte votre charte graphique : intégration d'un bandeau sous forme de photo, de votre logo et du menu.
Un système de gestion de contenus (CMS) qui vous assure une complète autonomie de gestion tant dans les modifications apportées au contenu textuel et photographique que pour la création des différentes pages. Le menu s'adapte automatiquement aux nouvelles pages que vous pouvez créer ultérieurement.
Aucune limite dans le nombre de pages
Moteur de recherche interne
Chemin de progression
Plan du site
Jusqu'à deux langues (frais de traduction non compris)
Statistiques de visites Google Analytics
Toute une gamme de produits vont être proposés à des prix attrayants.
Easy-Start : votre site Web à partir de 899 euros HTVA
Easy-Silver : votre site Web pour 1199 euros HTVA = Easy-Start + module de news
Easy-Gold : votre site Web pour 1199 euros HTVA = Easy-Start + module de newsletter
Easy-Platinium : votre site Web pour 1399 euros HTVA = Easy-Start + modules de news et de newsletter
A l'occasion du Dynamic Day, nous offrons l'hébergement et le nom de domaine pour la première année.
Toute personne qui a déjà créé un site connait ce problème : à peine avez-vous fini de créer la CSS et le template et de vérifier que tout allait bien sous Firefox qu'il vous vient à l'idée de tester votre travail dans Internet Explorer. Et là... Bardaf, c'est l'embardée... Certains éléments étant mal gérés par IE, votre belle mise en page est complètement explosée...
Et encore, je ne parle pas des navigateurs et des résolutions d'écrans que vous ne pourrez pas tester, faute de moyens techniques.
Heureusement, il existe une solution alternative pour effectuer ce travail : Bowsershots. Il s'agit d'un site qui propose de tester gratuitement votre site de manière très complète :
Une fois les types de navigateurs choisis, vous pouvez affiner également votre sélection en précisant la taille de l'acran, la profondeur de couleur, l'activation (ou non) et la version de Javascript, Java et de Flash. Une fois votre requête envoyée, vous êtes placé dans une file d'attente et vous devrez patienter (entre une demi-heure et quelques heures) pour obtenir vos captures d’écran.
PhpMySport est un logiciel gratuit distribué gratuitement selon les termes de la GNU General Public License, réalisé en PHP et couplé à une base de données MySQL, destiné aux clubs de sports collectifs (comme le football, le handball, le volleyball , le basketball, le hockey, le waterpolo...) qui souhaitent créer un site Internet.
Au menu :
Gestion des membres, des joueurs, des entraîneurs et des dirigeants
Gestion des clubs et des compositions équipes
Gestion des matchs
Gestion des championnats et des coupes
Classement et statistiques avancées pour les équipes et les joueurs
Gestion des actualités
Gestion de pages Web
Forums de discussion
Espace membre
Espace administration
Gestionnaires d'images et de fichiers
Plugins
Editeur de texte type WYSIWYG
Design personnalisable : CSS et templates
Surcharge des pages PHP
Bien adapté aux clubs sportifs, PhpMySport est encore trop jeune pour se permettre de se faire une idée sur l'impact que ce CMS pourra avoir sur le marché. Je regrette, par exemple, de ne pas avoir trouvé la possibilité d’importer une liste de joueurs. La gestion des menus semble également perfectible.
Je regrette également que certains sites, cités en références, semblent avoir été développés avec un autre CMS que PhpMySport
Asso-Web est une plateforme de publication de sites Internet qui permet aux associations de créer gratuitement leur propre site Web. Vous n'avez aucun logiciel à installer ou à télécharger, tout se passe en ligne.
Aux dires de ses créateurs, ses principales qualités sont:
la simplicité (Il suffit de remplir un formulaire et de confirmer votre demande en cliquant sur un lien de validation envoyé par e-mail).
une mise en page agréable,
la rapidité de création,
la mise en valeur des informations grâce à une interface élégante.
Parmi les fonctionnalités promises, on retrouve:
un calendrier
la création illimitée d'articles
Une galerie photos
Un système de menu éditable
Le choix entre plusieurs thèmes pour l'habillage du site
Ca, c'est pour le bon côté des choses. Par contre, certains éléments négatifs sont quand même à porter en compte :
Il ne vous est pas proposer de disposer de votre propre nom de domaine. Votre site est accessible sous la forme: http://associationunetelle.asso-web.com
Si la version de base est gratuite, les options répondants aux besoins spécifiques de votre association sont payantes. Notamment la création de designs personnalisés, une gestion de sondage, de commentaires, un nom de domaine propre, le référencement. Chacune des 11 options est facturée à 49 euros.
De la publicité (en rapport avec le contenu de votre site via Google Adwords) sera affichée sur votre site. Si vous ne souhaitez pas de publicité, vous devez choisir l'option "sans pub"
Les sites montrés en exemple font montre d'un design très standardisé et peu travaillé graphiquement
La galerie semble optimisée pour des photos en paysage mais écrase les vignettes des photos verticales
Je regrette que le site ne propose que 3 exemples au lieu de donner la liste complète de ses utilisateurs. Une recherche Google permet par contre de combler cette lacune
Avez-vous déjà vu un journal plié en 2 dans le porte-journal d'un kiosque ? En un clin d'oeil, vous avez la possibilité de faire un tour rapide de l'actualité et vous avez le sujet le plus important du jour qui trône bien en évidence. Cette façon de présenter l'information essentielle dans un espace bien en vue permet d'attirer l'attention du lectorat potentiel afin de déclencher l'envie d'achat.
Cela fonctionne pour la presse écrite. Il n'y a aucune raison que d'autres médias, comme le Web, ne puisse en retirer des leçons bénéfiques. En effet, à l'affichage d'une page Web, après son chargement complet, il n'est pas rare qu'une partie des informations ne soit pas visible sans intervention de l'internaute. Cette partie "émergée" du site varie fortement en fonction de la résolution d'écran adoptée par le visiteur, du nombre et du type de barres d'outils affichées dans le navigateur.
En prenant en compte tous ces éléments, il convient donc, lors de la conception des pages :
d'organiser l'information de manière à placer le plus haut à gauche possible les éléments de première importance
d'éviter, si possible, de proposer des pages kilométriques qui nécessite l'emploi du défilement vertical
de proposer des pages aux fonds blancs allégées au maximum
de réduire le nombre d'illustration sur la page d'accueil pour laisser toute l'importance à celle qui a été choisie
d'éviter la multiplication des cadres pour leur préférer des espaces vides entre les zones de contenus
Lorsque je vous parlais de la mise en forme de votre texte, j'insistais sur l'importance que l'orthographe peut avoir dans ce cadre :
Un mot important mal orthographié peut vous empêcher d'apparaître dans Google
En cas de trop nombreuses fautes, le crédit de votre site peut en souffrir
Pour éviter une bonne partie d'entre elles, il est tout simple d'installer Myspell, un correcteur orthographique qui s'installe comme module complémentaire au navigateur Firefox.
C'est une solution légère existant pour de nombreuses langues dont le français qui vous permettra de visualiser très rapidement les mots mal orthographiés. Vous devez cependant savoir que :
Le programme semble avoir quelques difficultés avec les mots contenant des accents circonflexes (une procédure d'ajout de nouveaux mots au dictionnaire permet, au fur et à mesure de l'utilisation, de réduire ce problème)
Le programme ne corrige que les fautes d'orthographe d'usage en les soulignant en rouge. Par contre, il est incapable de dépister les erreurs d'accord...Un clic droit sur le mot souligné permet de voir les propositions du logiciel dans un menu contextuel.
Choisir un nom de domaine efficace pour les moteurs de recherche et facilement mémorisable est une étape cruciale dans la création de votre site. Certains paramètres de qualité sont réellement importants et doivent être pris en compte au moment du choix :
Respectez les règles de nommage : votre nom doit comporter entre 3 et 24 caractères selon le type de nom de domaine demandé; les caractères acceptés sont les lettres de l'alphabet, les chiffres ainsi que le trait d'union; les espaces ne sont pas acceptées; le nom de domaine doit être rédigé en minuscules.
Vérifiez que le nom de domaine que vous souhaitez utiliser est toujours disponible. A cette fin, vous pouvez utiliser notre script de vérification de disponibilité.
Le nom doit être court afin de faciliter son encodage au clavier et sa mémorisation par les clients
Plutôt qu'un nom de société, il vaut mieux prendre une association de mots évocateurs des services ou des biens que vous fournissez (par exemple : vente-lentilles-contact.com). En effet, ce système vous permettra de vous situer mieux placer dans les moteurs de recherche lorsque le visiteur encodera justement les mots constituant votre nom de domaine. Afin d'assurer un meilleur positionnement pour chacun des mots utilisés, privilégiez de les séparer par des tirets, plutôt que de les coller les uns aux autres.
Pensez à choisir des mots qui n'induisent pas le visiteur en erreur ou qui présentent des significations ou des prononciations radicalement différentes selon les langues.
Pour éviter des trouver un concurrent qui utilise une déclinaison de votre nom de domaine, pensez à réserver tous les noms de domaine (variations orthographiques comprises) avec toutes les extensions possibles Si vous travaillez à l'exportation, pensez à réserver les extensions nationales des pays où vous êtes présent). Le coût d'un nom de domaine non associé à un hébergement est vraiment minime au regard de la protection que sa réservation assure.
Vous devez également savoir savoir que le premier arrivé est le premier servi. A ce propos, vous pouvez lire le billet où je vous expliquais comment protéger tous vos noms de domaine
La deuxième édition de ce livre, sous un titre légèrement modifié et une mise en page rafraîchie, vient de sortir de presse. Il s'agit d'une véritable actualisation de l'ancienne version qui était en rupture de stock depuis plusieurs mois :
plus de 100 études de cas nouvelles
plusieurs dizaines de repères statistiques actualisés
une table des matières réorganisée
plusieurs questions (notamment sur l'accessibilité et les tests utilisateurs)
A savoir : l'approche des auteurs (Gaetano Palermo et Jean-Marc Hardy) n'est pas technique. Ce livre (prix de vente inférieur à 20 euros) ne vous aidera pas à fabriquer un site Web, mais vous guidera lors de sa conception en vous communiquant les critères de réussite.
Votre site peut se trouver enregistré sur votre disque dur, ce n'est pas pour cela que les internautes auront la possibilité de le voir. Il convient dès lors de choisir un hébergeur, une société chargée de gérer des serveurs (pour simplifier très fort, on peut comparer cela avec de gros disques durs en connexion permanente avec Internet). Plusieurs critères sont à prendre en compte dans ce choix :
La qualité de l'adresse
Certains hébergeurs autorisent l'usage de noms de domaine propres (www.easy-concept.com par exemple), alors que d'autres imposent des adresses beaucoup plus difficiles à retenir et nettement moins professionnelles (http://users.belgacom.net/decouvre/index.htm). Une adresse du premier type est évidemment à envisager au détriment de la seconde.
Les adresses E-Mails disponibles
Ne choisissez pas un hébergeur qui ne propose pas la création d'adresses E-Mails. Ces dernières seront stockées sur votre espace de serveur plutôt que de disposer d'une simple redirection vers une adresse E-Mail existante.
La quantité d'espace disponible
Les hébergeurs expriment cette quantité en mégaoctets (Mo) ou en gigaoctets (Go) qui vaut, lui, 1024 Mo.
Pour vous donner un ordre de grandeur, 1Mo est occupé par une petite vidéo ou 10 photos de qualité et de taille moyennes. Il faudra donc connaître le nombre approximatif d'illustrations que vous souhaitez placer sur vos pages pour déterminer l'espace nécessaire. Par contre, si votre souhait est de privilégier le texte, l'espace ne sera pas un problème pour vous.
Les scripts et langages disponibles
Si vous faites un site statique, le seul langage utilisé pourrait être l'HTML. Par contre, si vous souhaitez un site dynamique (CMS, blog, catalogue de vente...) des langages complémentaires seront indispensables. Privilégiez donc les serveurs qui prennent en charge le PHP et admettent de déployer au moins une base de données MySQL.
Sur certains sites, des développeurs choisissent d’optimiser leurs pages pour une version d’un navigateur. On voit ainsi, parfois « Ce site est optimisé pour Internet Explorer 6 ». Et les autres utilisateurs du web ? Il est bon de savoir qu’une telle pratique vous prive d’un pourcentage non négligeable de visiteurs.
Vient ensuite un second choix : la résolution d’écran. Celle-ci correspond au nombre de pixels (de points lumineux) que l’on peut afficher à l’écran au moyen de la carte graphique incluse dans l’ordinateur. Elle est exprimée par la multiplication des pixels sur l’axe horizontal par le nombre de pixels sur l’axe vertical.
Compte tenu de l’évolution du parc informatique, on estime qu’un site développé pour une résolution de 1020 X 768 pixels à toutes les chances de rencontrer les besoins de la grande majorité des utilisateurs. Sachez cependant que si vous choisissez cette résolution, la largeur réelle de votre site sera de maximum 1000 pixels pour éviter l’apparition de la barre de défilement horizontale.
Si vous souhaitez que votre site soit vu de manière optimale sur tous les navigateurs et tous les systèmes d'exploitation, il est important de choisir des polices qui sont communément utilisées. Je vous en explique la raison dans un billet précédent parlant de la police Comic sans MS. Il conviendra également de respecter quelques principes de mises en page pour rendre la lecture de vos textes la plus aisée possible :
Choisissez une, voire deux polices et ne dépassez pas ce nombre. S'il est possible de jouer sur le contraste existant entre deux familles de typo, une multiplication de ces dernières rend le texte illisible et fait perdre de l'homogénéité à la page.
Traquez les fautes d'orthographe. Ces dernières peuvent vous faire perdre une partie de la crédibilité qu'un bon contenu aurait engendré.
Ne jouez pas trop sur la taille des textes au sein d'un même paragraphe. Gardez ces variations de taille pour clarifier l'importance des titres, par exemple.
Vous pouvez également utiliser les mises en exergue par le gras et l'italique, mais sans en abuser.
Utilisez la même présentation sur toutes les pages de votre site.
Si vous colorez votre texte, pensez à choisir des couleurs en accord avec la charte graphique du site afin de ne pas agresser les yeux de vos visiteurs.
Préférez un fond clair avec des textes foncés. Evitez des juxtapositions de couleurs (noir et bleu, par exemple) qui gênent la lecture.
Votre site ne sera pas visité par les seuls internautes accédant à la page d'accueil. En effet, les moteurs de recherche peuvent les conduire sur une page intérieure. Il convient dès lors d'établir un système de navigation qui permettent de répondre à 4 questions qu'ils se poseront inévitablement :
Où suis-je ?
Où suis-de déjà allé ?
Où puis-je aller ?
Comment m'y rendre ?
Pour répondre au mieux à ces questions, il convient dès lors de :
Proposer un système de liens qui soit sans équivoque. Plutôt que "Cliquez ici", vous préfèrerez :"Accédez à notre portfolio". Vous pourrez également compléter ce lien par une info-bulle qui s'afficherait au survol de la souris (grâce à la balise Title)
Présenter le système de menu de manière identique sur toutes les pages (ne changez pas les intitulés de vos liens et n'intervertissez pas leur ordre en fonction de la section du site dans laquelle on se trouve)
Rendez l'accès aaux différentes sections possible depuis toutes les pages du site
Si vous choisissez un système de menu utilisant des images, veillez à ce que leur usage soit bien clair !
En plus de ce système de liens, vous pouvez également proposer différentes aides à la navigation :
Un chemin de progression (breadcrumbs en anglais ou, encore, fil d'Ariane).
C'est un outil de navigation constitué d'une suite de liens hiérarchisée. Il représente le niveau de profondeur atteint par le visiteur dans le site. Il permet dès lors de se repérer rapidement dans le site et de remonter facilement aux sections supérieures.
Un chemin de progression se présente souvent de cette manière : Accueil >> Portfolio >> Nos sites Internet >> Page 2
Il possède toujours des liens séparés par un caractère déterminé qui symbolise le changement de section. Le dernier lien n'est pas cliquable et représente la page en cours.
Un plan du site (sitemap en anglais ou carte du site)
Il permet à vos visiteurs de visualiser rapidement la structure de votre site et la page qui est sensée répondre à ses besoins.
Un moteur de recherche interne
Il permettra à vos visiteurs de spécifier les mots clés et d'envoyer sa requête en cliquant sur le bouton d'action. Une liste de page contenant ces mots-clés sera alors affichée par ordre de pertinence.
Certains moteurs de recherche nécessite d'être indexé à chaque changement de contenu (c'est bien souvent le cas pour les sites statiques) alors que d'autres vont simplement chercher les résultats dans la base de données et peuvent se passer de cette indexation (en cas de CMS).
Une FAQ (Frequently Asked Questions en anglais ou encore Foire aux questions)
Vous pourrez y proposer un récapitulatif de toutes les questions de bon sens que vos visiteurs se posent régulièrement en venant sur votre site ou vous envoient par courrier électronique.
Hypertexte. Le mot magique est lancé. Sans lui, pas de lien. Il s'agit en effet de l'outil de navigation utilisé sur tous les sites Internet qui permet de consulter une information de n'importe quelle nature au départ d'un nom évocateur. Plus simplement, ce sont les mots (ou images) qui permettent d'atteindre une autre page en cliquant dessus. C'est d'ailleurs ce qui fait la force d'un site qui permet d'atteindre n'importe quel niveau du site, à l'inverse d'un livre qui se lit de manière beaucoup plus linéaire.
Votre site, s'il veut faciliter l'emploi de son contenu, doit être émaillé de liens hypertextes. Mais comme toujours, l'excès nuit en tout. Voici une liste de points auxquels vous devrez être attentifs :
La multiplication des liens à l'intérieur du texte peut rendre la lecture plus complexe : le visiteur devra systématiquement s'il doit (ou non) cliquer sur lien pour en savoir plus.
S'il clique sur le lien, il devra également faire un effort de mémoire pour reprendre le fil de la lecture là où il l'a laissé.
Si le lien hypertexte est intéressant, qui peut garantir que le visiteur reviendra sur le site qui l'y a conduit ?
Il n'y a rien de pire que des liens expirés (qui ne pointent plus vers la page initialement prévue). Pensez à vérifier la validité de ces derniers. Un programme comme Xenu pourra vous y aider.
L'idéal est de définir clairement quels sont les liens externes (qui pointent vers d'autres sites) et les liens internes (ceux de votre propre site). Il est, en effet, possible de modifier l'aspect du lien en fonction de sa destination. La proposition que je vais faire ici est sujette à caution (je sais que des puristes auront envie de me crucifier), mais je conseille d'ouvrir les liens externes dans une nouvelle fenêtre (_blank) alors que les liens internes s'ouvriront "normalement" en effaçant la page de départ.
Toute animation est plus lourde qu'une image et, a fortiori qu'un texte. Il convient donc de les utiliser avec parcimonie et pour des usages bien précis :
représenter un mouvement,
clarifier des transitions,
indiquer l'évolution d'un téléchargement,
présenter de nombreuses informations sur un espace réduit,
attirer l'attention.
Pour réaliser ces animations, de nombreux développeurs utilisent Flash, une technologie à la mode en raison de la qualité et des possibilités qu'elle offre.
Certains clients souhaitent insérer des animations Flash dans leur site. Une petite quantité d'entre eux demandent de réaliser une animation Flash de présentation à placer sur une page tunnel, avant la page d'accueil proprement dite. Bien sûr nous acceptons, mais à contre-cœur, de réaliser cette animation. Malgré des restrictions qui méritent vraiment d'être prises en compte :
L'internaute ne visite pas le site d'une entreprise pour assister béat à une animation utilisant des mots et des photos qui clignotent, mais pour trouver une information précise.
Les animations attirent d'avantage l'attention que des images fixes. Il faut donc éviter les animations en boucle qui, à la longue, fatiguent l'utilisateur.
Pour que l'animation soit lue par la navigateur, celui-ci doit être complété d'un plug-in Flash. Si le développeur enregistre son animation avec une version non-compatible, le visiteur devra télécharger la nouvelle version du plug-in pour lire cette animation.
Si l'animation contient des images non vectorielles, gif ou jpeg, la taille de l'animation devient rapidement énorme et perd les avantages liés au format vectoriel.
Une animation Flash ne peut être optimisée pour les moteurs de recherche. Son contenu ne sera jamais aussi bien indexé qu'une page HTML classique. Dès lors, si votre nom de domaine s'ouvre sur une animation Flash et rien d'autre, vous perdez de nombreuses possibilités de référencement. A ce propos, n'hésitez pas à lire "Les sites Flash et les moteurs de recherche".
Si, malgré toutes ces mises en garde, vous persistez dans votre envie de proposer une animation en page d'accueil, proposez au moins une possibilité de ne pas l'ouvrir et de passer directement au site (Skip intro) qui sera, je vous l'assure, utilisée par la grande majorité de vos visiteurs.
Un menu en Flash ne sera pas suivi correctement par les moteurs de recherche. Qu'en sera-t-il de votre contenu ?
Un site entièrement réalisé en Flash peut être visité sans problème, mais l'utilisateur ne pourra jamais mettre une page particulière en favori car toute l'animation se trouve en général dans une seule et même page...
Enfin, pour ne pas bouder son plaisir, je vous invite à visionner cette animation qui m'a particulièrement parue savoureuse.
Les éléments dont je parle ici regroupent les images et les photos. Ces images jouent un rôle important dans l'aspect de la page. Il faut donc y apporter toute l'attention nécessaire :
A l'heure actuelle, seuls 3 formats sont supportés sur Internet : JPEG particulièrement adapté pour les photos, PNG adapté à la plupart des graphiques et qui peut être rendu transparent - Attention cependant à la compatibilité avec IE6 - et le format GIF limité à 256 couleurs et peut être animé.
Leur taille joue un rôle important. Même si vous réduisez artificiellement sa taille en utilisant l'attribut "width", par exemple, votre photo sera toujours aussi lourde et mettre toujours autant de temps à s"afficher sur la page. Si vous disposez d'un logiciel de retouche, vous pouvez d'abord recadrer la photo, en vous focalisant sur l'essentiel, avant de la réduire.
Utiliser une "image qui bouge" n'est pas forcément le meilleur moyen d'attirer l'attention du lecteur. Des études ont démontré que 92% des visiteurs fixaient leur attention sur les textes tandis que seuls 22% s'attardaient sur les images. Les internautes habitués zappent d'ailleurs ce type d'illustration, persuadés qu'ils s'agit de publicités type "bannière".
Pour accorder du poids à vos images pour les moteurs de recherche, chaque image doit être commentée au moyen de la balise "alt" et de la balise "title". Cela permet, en plus, aux utilisateurs mal voyants de savoir ce que vous proposez comme image.
Plus votre page est longue, plus vous pouvez utiliser des images, mais gardez le haut de votre page aux contenu textuel.
Certaines images sont libtres de droit. D'autres, par contre, sont soumises à des droit d'auteur. Ne puisez donc pas vos photos sur d'autres sites au risque de vous voir assigné en justice.
Pensez également au "droit à l'image". Chaque personne est protégée par ce droit. Par conséquent vous ne pouvez pas utiliser la photo d'une personne sans son autorisation. Par contre, si la photo est prise dans un lieu public, vous devez uniquement obtenir une autorisation des personnes isolées et reconnaissables.
Il arrive parfois que des clients nous demandent s'il est possible d'insérer des sons ou une musique sur leurs pages. La réponse est bien sûr positive. Mais...
Si les sons et musiques contribuent à donner une ambiance, ils deviennent vite irritants s'ils passent indéfiniment en boucle. Il est dès lors indispensable de prévoir un bouton permettant de couper le son ou de diminuer le son de l'application sans devoir toucher aux baffles de l'ordinateur. Qui plus est, le site doit pouvoir être utilisé sans son car, dans certains bureaux, les ordinateurs ne sont pas équipés de cartes son.
Si vous décidez de passer le pas, prévoyez un son de bonne qualité. Il n'est rien de pire que de devoir lire une page avec un son MIDI censé apporté de la gaité dans la page.
Le nombre de sons utilisé doit être faible (moins de 5) et doivent être vraiment distincts les uns des autres.
Si c'est de la musique que vous insérez, pensez qu'elle est certainement soumise à des droits d'auteur. En Belgique, vous devrez vous acquitter de la somme de 36 euros par mois à la Sabam.
La page d'accueil n'est qu'une page de transit permettant aux internautes d'accéder au reste de votre contenu. Comptez, qu'en moyenne, ils y passeront une dizaine de secondes. Vous avez donc peu de temps pour convaincre l'internaute de devenir visiteur.
Nous vous avons déjà parlé des éléments essentiels qui devaient s'y trouver lors de l'élaboration de la charte graphique. Voyons à présent plus en profondeur les éléments textuels qu'elle doit contenir.
Nous insistons régulièrement auprès de nos clients afin qu'ils proposent un contenu utile pour l'utilisateur et ce pour deux raisons :
Les moteurs de recherche indexent efficacement la page d'accueil. Une page sans texte est donc une page perdue pour le référencement.
Le temps de passage des internautes est très court. Trop court pour se permettre de ne proposer qu'une page jolie, certes, mais sans intérêt. Fuyez donc les pages d'accueil ne proposant que le choix des langues, une image suivie du bouton "Entrer sur le site" ou d'une simple animation Flash.
Dès l'accès à cette page, votre visiteur doit identifier votre activité en 3 secondes et découvrir dans le même délais à qui il a à faire. N'hésitez donc pas à mettre votre nom, votre logo, la présentation de votre activité en valeur. Ajoutez également (pourquoi pas en pied de page) l'adresse postale de votre société, divers moyen de vous joindre (téléphone, fax, mobile, mail, formulaire de contact...), un envoi vers une page précisant les noms des responsables du site.
Pensez également que votre site n'est pas un sapin de Noël sur lequel doivent être affichés les derniers gadgets technologiques ou gif animés, comme sur cette page ! De telles pratiques attirent des visiteurs non qualifiés qui viennent par curiosité plutôt que par intérêt pour votre contenu. A l'inverse, votre page doit donner envie de la lire, de passer ses rubriques en revue. Pour éviter la froideur liée au côté professionnel de la présentation, vous pouvez avantageusement utiliser des photos, des icônes personnelles, des illustrations...
Pensez à placer l'information essentielle en haut de la page. C'est sur cette information que l'attention des visiteurs se focalisera et ce sera également le contenu le mieux indexé par les moteurs de recherche. Hiérarchisez les informations que vous proposez en donnant la priorité aux mots essentiels, à vos mots clés en les mettant en évidence (gras, italique...), structurez le texte par les l'usage des titres H1, H2, H3...qui se doivent de refléter le contenu des paragraphes qui les suivent.
Vous voulez créer un site ou un blog, mais vous ne savez pas encore comment vous devez en rédiger les textes. Le premier réflexe devrait être de chercher ce que les internautes pensent et disent de vous dans les blogs et forums. Ouvrez la page de votre moteur de recherche préféré (Google ?) et commencez à chercher les pages qui parlent de votre société, de vous, de vos produits.
Si vous ne trouvez que peu de réponses, votre communication sera toute trouvée : vous devez informer le public de ce que vous faites, de ce que vous vendez... Tâchez de rester neutre, ne faites pas un site publicitaire, mais utile à vos visiteurs. Un site où ils auront une profusion d'informations à propos de vos produits.
Si, par contre, vous vous trouvez à la tête d'une quantité importante de pages (articles de presse, billets de blogs, page de divers médias parlant de votre actualité...) parlant de ce que vous faites, attachez-vous à repérer les pages qui vantent vos produits et celles qui les dénigrent et extrayez-en l'information essentielle : combien de sites parlent de vous ? Combien de pages sont-elles négatives ? Combien sont positives ? Que dit-on de vous ? De vos produits ?
Gardez toujours en tête que, si vous ne publiez pas VOTRE contenu avec VOS réponses, toutes les pages qui vous concernent sont rédigées par des inconnus et vous ne maîtrisez, dès lors, absolument pas votre communication. En fonction de ce que vous obtiendrez comme réponses à vos lecture, vous pourrez donnez vous-même des informations sur vos activités et reprendre la main sur votre image.
Comme nous l'avons vu lors de son élaboration, la charte graphique d'un site est son aspect, son look. C'est elle qui précise les couleurs, les mises en page, le choix des polices... Tous ces paramètres qui feront que vos visiteurs identifieront immédiatement votre site en le différenciant des autres. C’est le moment passionnant vos idées prennent vie.
Création par nos graphistes
Emilie et Kathy, nos deux graphistes de charme, peuvent se charger de la création de votre identité graphique.
Nous utilisons une méthode de conception progressive :
Nous vous soumettons une série d’exemples
Vous les visualisez sur votre ordinateur, les soumettez à vos proches ou vos collaborateurs pour déterminer celui que vous préférez.
Nous vous proposons alors une (ou plusieurs) maquette initiale. Cette maquette n'est qu'une image enregistrée dans une partie de notre site où vous seul avez accès. Aucun lien n'est actif, mais vous pouvez déjà imaginer l'aspect final de votre site.
Vous exprimez vos remarques afin que nous modifions les éléments que vous souhaitez voir changer. En répétant cette étape autant que nécessaire, nous arrivons au résultat que vous attendez.
Créer seul son graphisme
Mine de rien, le graphiste doit maîtriser de nombreux domaines pour gérer les étapes de création : le dessin, la couleur, la typographie, la mise en page, le travail sur ordinateur.... C'est loin d'être donné à tout le monde... Aussi certaines sociétés proposent des kits graphiques qui vous permettront d'avoir un site sans devoir mettre les mains dans le moteur.
Les kits graphiques sont des interfaces (gratuites ou payantes), prêtes à l'emploi, que vous pouvez acheter en ligne et qui permettent de réaliser rapidement votre site... Sans, toutefois, avoir l'individualisation que la première méthode propose.
Avez-vous besoin d'un site ou d'un blog ? Pour vous aider dans cette réflexion, je vous propose de décrire les caractéristiques principales d'un blog.
Le mot blog est la contraction du mot Weblog, qui peut se traduire "journal sur le Web", ou "journal en ligne". Voici donc la base du blog : il s'agit d'une publication d'articles rédigés selon une cadence propre à chaque auteur. Chaque article (appelé aussi billet, note, post ou article) constitue un ajout au blog, un peu comme dans un journal intime. Ces blogs présentent des caractéristiques essentielles qui les différencient des sites classiques :
Leur simplicité d'utilisation permet de publier très rapidement les contenus souhaités.
Les articles sont forcément écrits dans l'ordre chronologique, mais ils sont affichés par ordre antéchronologique (les plus récents sont affichés en premiers).
Chaque article dispose de son propre lien qui permet de les utiliser très efficacement par des hyperliens. Voici, par exemple, le lien permanent de ce billet.
Les blogs disposent de flux RSS qui permettent à des abonnés (c'est bien sûr gratuit) de lire le contenu de votre blog sans devoir s'y connecter tous les jours. Celui de ce blog est : http://feeds.feedburner.com/easy-concept
Chaque article peut être commenté par les lecteurs ce qui crée parfois de véritables conversations, comme sur ce billet.
Les moteurs de recherche, dont Google, adorent les blogs dont le contenu est soumis à de nombreuses mises à jour (à l'inverse de certains sites dont le contenu est inamovible depuis des années). Cette bonne indexation des blogs permet à leur auteur de disposer d'un lectorat potentiel énorme.
Une fois compris ces paramètres un peu techniques, vient alors la question essentielle : avez-vous besoin d'un blog ? Certainement si vous pouvez classer ce que vous souhaitez raconter dans l'une des catégories suivantes :
Le journal de bord
Il s'agit principalement d'un outil dans lequel l'auteur va se raconter, que ce soit par le biais de textes, de photos ou de vidéos. Des entrepreneurs très célèbres tiennent ainsi à jour leur carnet de bord, tels Michel-Edouard Leclerc
Une autre d'information
Vous pouvez sur ce genre de blog raconter votre actualité, votre point de vue par rapport à ce qui se dit dans les médias classiques. Vous pouvez assurer la publication de vos positions sans risques de censure.
Le blog de vos employés
Principalement accessible en intranet, ce système permet d'informer vos employés de votre actualité tout en ayant la chance de leur laisser la possibilité de s'exprimer par rapport à celle-ci. Vous offrez à vos collaborateurs un superbe outil de communication et de fédération.
Le blog d'entreprise
Vous informez par ce biais votre clientèle et vos prospects de l'actualité de votre société. Vous pouvez aussi leur laisser une tribune d'expression où ils peuvent vous donner leur avis à propos de votre société et de vos produits.
Avant d'aller plus loin dans la réflexion de création de votre site, je voudrais attirer votre attention sur un point technique qui mérite toute votre attention : la manière dont le site sera codé. Si vous réalisez votre site en interne, il y a de fortes chances que vous choisissiez de travailler avec un éditeur WYSIWYG. Vous n'aurez alors pas de choix technique. Par contre, si vous choisissez une société de création de sites Internet comme la nôtre, vous devez être particulièrement attentif aux techniques que cette dernière mettra en œuvre.
Les cadres
Au début de l'ère Internet, de nombreux sites étaient construits avec ce principe de multi-fenêtrage que l'on nomme également des frames. Le principe en était le suivant : on divisait la page principale en grands cadres, chacun faisant appel à une page secondaire. On plaçait de cette manière le menu dans une page, le bandeau dans une seconde, le contenu dans une troisième et on agençait le tout sur la page principale. Le principal avantage de cette technique était de séparer la navigation des contenus. Lorsqu'il convenait de modifier le menu, un seul fichier était à changer sur le site et tout rentrait dans l'ordre.
Aujourd'hui, cette technique n'est plus utilisée que par quelques dinosaures en raison des problèmes suivants :
L'Url permettant d'accéder à la page est incorrecte avec les frames, puisque plusieurs pages sont regroupées sous une seule adresse.
Il est impossible d'ajouter une page précise aux favoris
Les moteurs de recherche peinent à comprendre les frames et indexent très mal les sites développés de cette manière
L'impression du contenu est très problématique
Les tableaux
Les tableaux offrent la possibilité de placer presque parfaitement chaque élément d'une page Web. L'information peut y être structurée correctement. Cette technique a été très largement utilisée malgré le fait que le tableau était initialement conçu pour afficher des données tabulaires (comme dans Excel) et non pour faire la présentation de sa page.
Même si cette technique est encore utilisée, elle doit être abandonnée pour les raisons suivantes :
l'imbrication multiple de tableaux est souvent nécessaire pour obtenir le résultat souhaité
le nombre de balises (table, tr, td...) devient vite considérable et alourdit le code (et donc le temps de chargement)
le tableau doit être entièrement chargé avant d'être affiché dans le navigateur
les logiciels de lecture utilisés par les mal-voyants lisent le code ce qui rend une lecture de pages construites sur ce principe assez désagréable.
Positionnement CSS
Le positionnement CSS est l'application des recommandations des Standards W3C. Il permet de faire une séparation bien distincte entre le contenu et la mise en page.
Cette technique, en évolution, présente les avantages suivants :
Les moteurs de recherche indexent très bien le contenu développé de cette manière
Les logiciels de lecture l'utilisent avec beaucoup plus de fluidité
Un site construit de cette manière assure une modification ultérieure beaucoup plus rapide.
Le site est compatible avec tous les navigateurs (moyennant quelques adaptations de la css pour IE6)
Le temps de chargement d'une page est grandement accéléré.
Très peu d'outils sont nécessaires : une feuille de papier et des crayons ou marqueurs de couleur. Prévoyez également de vous connecter sur Internet afin de passer en revue de nombreux sites Internet afin d'y puiser de bonnes idées : tel bandeau, telle couleur, telle disposition...
Ensuite, munis de ces éléments, dessinez grossièrement le schéma de votre page afin d'y placer, au moins, les éléments suivants :
Identification
Le titre du site, le nom de votre société, le logo, le bandeau image sont autant d'éléments qui permettront de vous reconnaître rapidement.
navigation
Le menu, ou barre de navigation, se doit d'être simple et claire. Ne changez pas sa place de page en page au risque de perdre l'inetrnaute. Essayez, si possible, de permettre l'accès à tout votre contenu depuis le menu. Si c'est impossible, imaginez d'insérer un menu secondaire qui pourrait varier selon la rubrique dans laquelle le visiteur se situe. Dans ce cas, placez toujours le sous-menu au même endroit.
Contenu textuel
C'est dans cette zone que vous présenterez les textes et informations à propos de votre société.
Structurez bien cette information en titre, sous-titre (vous avez jusqu'à 6 niveau possibles). Obligez-vous à présenter les titres d'un même niveau avec la même présentation sur toutes les pages, afin de faciliter la lecture de votre contenu. Placez votre texte en privilégiant les textes foncés sur fond clairs. Espacez clairement les paragraphes. Ne multipliez pas les polices. 2 polices sur l'ensemble du site semblent être un bon compromis. Rendez les liens bien visibles en jouant sur les couleurs, le souligné. Dissociez les liens visités de ceux qui ne le sont pas encore. Mettez les éléments de vos pages en valeur en usant du gras et de l'italique.
Contenu iconographque
Intimement mêlé au précédent, vous devez déterminer les illustrations qui apparaîtront sur vos pages. Vérifiez que vous disposez bien des droits de chaque photo que vous utilisez. Pensez à la manière de les mettre en valeur sur le site : une bordure ? un léger ombrage ? Un clic sur une photo permet-elle de l'agrandir ? Que se passe-t-il en cas de survol ? Notez scrupuleusement les comportement souhaités et utilisez systématiquement la même présentation pour toutes les photos du site.
Pied de page
Placez-y les informations qui seront redondante sur toutes les pages du site, mais qui ne nécessitent pas la mise en avant dans la zone de contenu proporement dite : votre adresse, la description succinte de votre activité (c'est excellent pour les moetrus de recherche), les différents moyens de contact (téléphone, fax, mail...), vos numéros de TVA ou d'accréditation, un menu avec des éléments moins essentiels (plan du site, conditions de vente, conditions d'utilisation...), le copyright, la date de mise à jour de la page...
Une fois la décision prise, La première étape de création d'un site Web, c'est d'en définir le contenu. Si celui-ci est riche et important, il faudra également envisager de le structurer, de lui donner une architecture cohérente.
Pour rédiger le contenu de votre site, pas la peine de vous jeter directement dans l'HTML ou le PHP. Travaillez avec votre traitement de texte habituel. Sur ce document de base, notez scrupuleusement les remarques et les interrogations qui naîtront inévitablement de vos discussions. Ce premier jet servira de pierre angulaire à votre site. En cas d'hésitation, il servira de référence, de guide.
De quel site avez-vous besoin ?
Pour définir le site qui vous conviendra et répondra efficacement à vos besoins, vous pouvez répondre aux questions suivantes :
Analyse préalable de la concurrence
Mes concurrents sont-ils présents sur Internet ?
Si oui, sous quelle forme : mail, site carte de visite, site catalogue, site interactif, site de vente en ligne, blog d'entreprise ?
Comment mettre vos atouts en avant par rapport à votre concurrence ?
Quelle image vos concurrents y véhiculent-ils ?
Quelle image de votre société souhaitez-vous donner sur le Web ?
Quels sont les objectifs du site ?
Vendre plus ?
Vous faire connaître de nouveaux clients ?
Fournir des informations et une documentation parfaitement à jour ?
Informer le marché à propos de vos produits ou de vos promotions ?
Guider vos clients avant un achat ?
Faciliter la circulation de l'information à l'intérieur de votre société ?
Utiliser le courrier électronique en fournissant des adresses professionnelles ?
Quel est le profil des visiteurs espérés ?
A quelles attentes des lecteurs votre site doit-t-il répondre ?
N'hésitez pas à surfer sur les sites de vos partenaires, de vos concurrents pour y pêcher des idées. Notez toujours les adresses où vous avez trouvé des présentations qui vous plaisent ou des choses que vous refuser de voir sur votre propre site. Si vous possédez déjà un site et que vous envisagez d'en faire la refonte, faites la liste de tout ce qui convient encore et de tout ce qui doit être supprimé.
La collecte des informations
Si vous avez déjà terminé l'étape précédente, il est temps de réunir toutes les informations dont vous aurez besoin. Passez votre disque dur en revue à la recherche de tout ce qui vous sera utile lors de la rédaction des textes.
Le classement des informations
Classez votre contenu en grandes rubriques. Il est communément admis qu'un nombre de 7 rubriques ne doit pas être dépassé. Pour chacune d'elle, décidez des sous-rubriques nécessaires. Puis, si nécessaire, des sous-sous-rubriques jusqu'à ce que tout votre contenu ait été disposé en veillant à placer un seul type d'information par page. Vous avez alors l'arborescence de votre site, son plan.
Vous avez décidé de créer (ou de faire créer) votre site ? C'est très bien. l'étape de décision étant prise, à présent quels sont les points que vous devez prendre en compte pour ne pas rater l'aventure ? En effet, il en va d'un site comme d'une maison : des plans préalables sont indispensables afin de ne pas devoir recommencer 100 fois les mêmes choses qui auraient été mal envisagées. Cette étape de réflexion devra prendre en compte les éléments qui font qu'un site Internet est un bon site Internet.
La sobriété
Il n'y a rien de plus pénible que ces sites personnels (pas toujours, d'ailleurs... ) sur lesquels le webmaster a juxtaposé tous les éléments animés qu'il a pu glâner ça et là sur le Web. Oubliez donc ces GIF animés et boutons clignotants qui ne font plus s'extasier personne. Votre site doit être simple, épuré, dépouillé. Le contenu proposé n'en sera que plus lisible et visible.
Utilisez les éléments graphiques pour permettre une navigation intuitive, ergonomique, pour mettre votre logo en avant, pour rehausser la qualité rédactionnelle de votre site. C'est tout !
La clarté
Si vous avez fait un plan préalable comme je le conseille dès le début de ce billet, vous aurez certainement hiérarchisé vos informations, vous les aurez structurées et le visiteur trouvera facilement l'information qu'il cherche.
Utilisez aussi la même structuration pour présenter vos textes : créez un paragraphe par idée, espacez-les pour faciliter la lecture, jouez avec les titres et leur niveau, mettez les éléments essentiels en valeur en les mettant en gras ou en italique.
La navigabilité
Vos pages ne doivent pas être des culs de sac. Elles doivent obligatoirement être interliées grâce aux hyperliens. Facilitez la vie de vos visiteurs en leur permettant de suivre vos idées essentielles de page en page. Permettez l'accès à toutes vos pages depuis vos menus en évitant, autant que faire se peut, de forcer le sens de lecture de vos visiteurs. Vous leur offrez un site, pas un livre !
Une règle à ne pas oublier, et communément admise par les ergonomes, est la règle de 3 clics : l'internaute doit pouvoir accéder à n'importe quelle information présente sur votre site en suivant au maximum trois hyperliens depuis la page où il se trouve, sans quoi il risque de quitter votre site pour aller trouver l'information sur un autre site.
La rapidité
Plus votre page contient d'éléments graphiques et textuels, plus son poids augmente. A cause de cela, la page met plus de temps à se charger dans le navigateur de votre visiteur. En général, on estime qu'un poids raisonnable se situerait entre 60 et 80kb. Ce dernier devrait permettre d'afficher la page, quel que soit le type de connexion, en moins de 15 secondes. Dans le cas contraire, l'internaute s'exaspère et quitte votre site avant que la totalité de la page n'ait eu le temps de s'afficher.
L'échange
Ne faites pas l'autruche avec la tête dans le sac. Facilitez le contact entre vos visiteurs et vous : prévoyez une page de contact sur laquelle figure toutes vos coordonnées : nom, dénomination sociales, coordonnées complètes, numéro d'entreprise... Proposez également un formulaire pour faciliter l'encodage des données.
Si vous prévoyez de vendre en ligne, respectez scrupuleusement les obligations légales d'un site e-commerce
L'universalité
Vous utilisez Internet Explorer 7 ? Ne pensez pas que tout le monde fait comme vous !
Votre site doit absolument éviter d'être développé exclusivement pour une version d'un navigateur. Il doit, au contraire, être visible quels que soient le navigateur, la résolution d'écran et le système d'exploitation utilisés. Evitez également d'insérer des éléments graphiques qui nécessitent le téléchargement de plug-ins. Vous feriez fuir les réfractaires à ce genre d'installation.
Par Philippe,
mercredi 26 mars 2008 à 09:46 ::Ergonomie
Si votre site contient 5 ou 6 pages, sa navigation est tellement simple que n'importe quel utilisateur arrivera à trouver son chemin dans votre contenu. Par contre, s'il en compte plusieurs dizaines, voire plusieurs centaines, un menu de navigation montre rapidement ses faiblesses et l'utilisateur risque de se perdre dans les méandres de vos pages.
Une manière efficace de faciliter la vie de vos visiteurs est de leur proposer un plan du site. Un internaute cherchant un élément précis pourra alors faire appel à votre moteur de recherche interne (s'il existe) ou au plan du site. Plus ce plan sera lisible et agréable à l'œil, plus il a de chance d'être lu
Pour certains visiteurs, la visite d'un site passe systématiquement par la page de plan du site, car ils estiment que c'est la manière la plus rapide d'arriver à l'information ou d'évaluer en un seul coup d'œil les domaines couverts par votre site.
Il est donc essentiel de proposer une page de plan de site efficace :
Votre plan de site doit diviser le contenu de votre site en grandes sections facilement identifiables. Le contenu doit y être clairement hiérarchisé. N'hésitez pas à jouer sur les couleurs, les polices, les tailles de caractères...
Les mots clés et les titres des pages doivent obligatoirement y figurer
Quitte à proposer un plan de site, autant lister toutes les pages du site et non quelques morceaux choisis. Un avantage indéniable de cette manière de procéder est que votre plan pourra également servir aux robots des moteurs de recherche qui arriveront facilement à l'ensemble de votre contenu. Il est également envisageable, si votre site est réellement volumineux, de répartir le plan sur plusieurs pages
Votre système de navigation doit permettre d'atteindre le plan du site depuis n'importe quelle page, que ce soit depuis le menu "normal", par un lien textuel placé en bas de page ou par un lien graphique disposé de manière visible.
Afin de joindre l'utile au très utile, pourquoi ne pas placer ce plan du site sur votre page 404 ? Les visiteurs arrivant sur une page inexistante auront alors immédiatement la vue sur toutes les pages de votre site.
Par Philippe,
vendredi 29 février 2008 à 08:00 ::Graphisme
WebAppers propose, sur son site, de télécharger gratuitement une nouveau jeu d'icônes à la sauce 3D.
Il y a 20 icônes conçues particulièrement pour des applications Web (par exemple les diagrammes, profil, recherche, ajouter, supprimer, email, copie, avertissement...). Les icônes sont dessinées dans 3 tailles différentes : 48×48, 32×32, et 24×24 pixels. Toutes sont au format de png avec un fond transparent. Ces icônes sont libres de droit pour des projets personnels ou commerciaux.
Et si vous êtes plus gourmand encore, les point "Related posts" propose d'autres téléchargements.
Par Philippe,
jeudi 31 janvier 2008 à 07:38 ::Ergonomie
Lorsque vous rédigez pour le Web, vous disposez de plusieurs possibilités d'alignement de texte
à gauche, avec les espaces vides laissés à la marge de droite
au centre avec des espaces équivalents à gauche et à droite du texte
à droite avec les espaces blancs laissés à gauche du texte
Les textes alignés à droite ou centrés diminuent la lisibilité et fatigue la lecture surtout pour des textes longs.
Cela se complique un peu lorsque le client souhaite que son texte soit justifié, tel qu'il l'est dans les billets de ce blog. Cela signifie donc que les espaces sont répartis entre les lettres et entre les mots de manières à ne laisser aucun espace blanc ni à la marge droite, ni à la marge gauche. De cette manière, la longueur de chaque ligne, exceptée la dernière, est toujours identique au sein d'un même paragraphe. Il n'est plus à prouver qu'un texte aligné à gauche est plus lisible car les fins de lignes servent de repère visuel alors que du point de vue esthétique, un texte justifié est plus agréable à regarder car il donne une impression de plus
grande régularité.
Alors, faut-il céder à l'appel de la justification ? Si cette disposition se "justifie" dans des zones de textes relativement grandes, il n'en va pas de même si la zone dans laquelle on souhaite justifier le texte est trop petite. En effet, dans ce cas, nous nous trouvons limités par le HTML lui-même qui est incapable, à l'inverse de Word, de gérer les césures ou d'adapter les espaces entre les lettres. A cause de cela, certaines lignes sont émaillés de grands trous disgracieux. Pour vous en convaincre, voici le même texte avec les 4 dispositions :
Lorem ipsum dolor sit amet, consectetuer adipiscielit. Utremequod,
possit. Et cursicinopem se quidem si iudicem iudi care stu dium si,
si.. Tot si por ro etiam.
Lorem ipsum dolor sit amet, consectetuer adipiscielit. Utremequod,
possit. Et cursicinopem se quidem si iudicem iudi care stu dium si,
si.. Tot si por ro etiam.
Lorem ipsum dolor sit amet, consectetuer adipiscielit. Utremequod,
possit. Et cursicinopem se quidem si iudicem iudi care stu dium si,
si.. Tot si por ro etiam.
Lorem ipsum dolor sit amet, consectetuer adipiscielit. Utremequod,
possit. Et cursicinopem se quidem si iudicem iudi care stu dium si,
si.. Tot si por ro etiam.
J'aurais tendance à dire, mais cela reste une question de goût, que le texte justifié peut s'accepter s'il est inséré dans des zones de textes suffisamment longues (environ 500 pixels). Dans un autre cas, l'alignement à gauche reste un choix "incontournable", a fortiori si la taille de la zone d'affichage peut changer.
Par Philippe,
jeudi 29 novembre 2007 à 08:03 ::Ergonomie
Depuis que nous avons développé un module, nommé "Easy Booking", permettant aux hôteliers de gérer complètement la réservation en ligne de chambres d'hôtel pour le First Euroflat Hôtel, nous restons attentifs à tout ce qui concerne ce secteur du marché pour des raisons économiques évidentes...
C'est avec grand plaisir que nous avons appris que le CRI (Conseil, Recherche, Innovation), le département du Greta du Velay spécialisé en ingénierie de formation venait d'éditer “Le Petit guide à l’usage des hôteliers-restaurateurs et de leurs webmestres” au format PDF. Sa diffusion est gratuite, selon les termes de la licence Creative Commons (By-Nc-Sa).
Son objectif est de "sensibiliser les acteurs du tourisme à l’accessibilité de leurs sites Web, ainsi que les webmasters qui travaillent pour eux. Car si la prise en compte de l’accessibilité physique des hôtels-restaurants devient peu à peu une réalité, les sites Web restent largement peu soucieux de l’accessibilité technique et de la diffusion d’informations adaptées aux quatre principaux handicaps et aux séniors. Les hôteliers-restaurateurs auraient pourtant beaucoup à gagner à accorder un minimum d’attention à des clients qui profitent de plus en plus de leur temps pour voyager."
Voici, très sommairement, quels en sont les titres principaux :
Introduction
Recommandations
Recommandations générales pour tous les publics et handicaps
Par Philippe,
lundi 25 juin 2007 à 10:53 ::Ergonomie
Vous souhaitez revoir l'interface de votre site afin de l'adapter aux goûts du jour. Vous souhaitez également que les visiteurs se retrouvent sur votre site et ne cherchent pas leur chemin pendant des heures... Dans ce cas, vous devez penser ergonomie. Certaines sociétés en ont fait leur activité... Mais vous n'avez peut-être pas 25000 euros à consacrer à cela.
Vous pouvez aussi envisager de proposer une enquête à vos visiteurs... Mais il y a fort à parier que vous recevrez peu de réponses permettant réellement de travailler efficacement.
Vous pouvez par contre utiliser RobotReplay.com. Ce système permet d'enregistrer et de regarder vos visiteurs en action : chaque mouvement de souris, chaque clic est enregistré. Même la façon dont les formulaires sont remplis en ligne est enregistrée. Pour ce faire, le site enregistre tout dans une séquence vidéo grâce à une ligne de code HTML, associée à un JavaScript.
Cette analyse sera donc très utile pour adapter votre site Internet en fonction des réactions de vos visiteurs : quelles pages sont les plus lues, quelles pages font-elles fuir le visiteur ? Cherche-t-il, sans parvenir à les trouver, des informations essentielles pour vous ? Toutes ses questions trouveront réponse grâce aux séquences vidéo de RobotReplay.
RobotReplay est gratuit pour l'instant et vous pouvez surveiller autant de sites que vous le souhaitez.
Par Philippe,
vendredi 12 janvier 2007 à 08:19 ::Ergonomie
Ces pages qui utilisent une longueur de contenu nécessitant un défilement, certains sont résolument contre. D'autres n'y voient aucun inconvénient. Et pour compliquer le tout, des références en design et ergonomie changent d'avis, tel Jakob Nielsen dans cet article du 2 mai 1999.
En 1996, 90% des utilisateurs n'utilisaient pas les pages faisant appel aux ascenseurs et se contentaient de lire la partie visible des pages. Ceci a changé (en 1999) puisque la plupart des utilisateurs de Web savent maintenant que les pages peuvent défiuler et que des liens importants sont pas parfois situés "au-dessus du pli." Néanmoins, les parties visibles dominent toujours et certains utilisateurs zappent parfois les contenus de bas de page. C'est particulièrement mauvais si la partie visible de la page semble communiquer clairement un but ou bonne approche : les utilisateurs peuvent alors conclure qu'ils savent déjà ce qu'il convient de faire et qu'ils peuvent ne pas passer de temps à lire le reste de la page.
En conséquence, les concepteurs de site Web concevaient des pages Web de manière telle que tout le contenu important puisse être situé "au-dessus du pli" ou, plus mauvais, serairent la page entière dans la zone d'écran initiale. Cette pratique du "serrage" continue même aujourd'hui.
De nos jours, faire défiler une page Web est devenu pratique courante. Le scrolling (défilement) est également associé à la conception du Web 2.0 parce que son principe de contenu implique de plus longues pages Web.
Dès lors, je trouve intéressant cette étude de ClickTale sur le comportement de l'utilisateurs face aux scrolls menée sur environ 120000 page datées de novembre 2006 à décembre 2006. Dans cette recherche, ils ont uniquement analyser le comportement face au défilement vertical :
91% des pages analysées utilise un ascenseur vertical.
76% des pages utilisant un ascenseur vertical auraient été partiellement lues.
22% des pages utilisant un ascenseur vertical auraient été lues intégralement jusqu'au bas de page.
Ces statistiques tendent à prouver que beaucoup de concepteurs de sites Web utilisent une système de pages avec défilement, que la majorité des utilisateurs font défiler les contenus et qu'une partie significative d'entre eux lisent le contenu intégral de la page.
22% des utilisateurs peut sembler faible comme pourcentage, mais tout bon concepteur sait qu'il doit placer les informations importantes en haut de son contenu. On peut dès lors résolument penser que les visiteurs trouvent souvent ce qu'ils recherchent en haut de page et et qu'ils peuvent s'épagner la fatigue de lire le contenu situé plus bas.
On peut donc en conclure :
qu'il est admissible de proposer des pages longues de 2 ou 3 écrans si le contenu le justifie et si le visiteur peut se douter de la qualité des informations qu'il va y trouver
qu'il y a peu de bénéfice à compacter les pages pour gagner de l'espace.
qu'il vaut mieux travailler sur la lisibilité des textes, en utilisant des divisions du contenu en sections
Par Philippe,
samedi 2 décembre 2006 à 10:04 ::Ergonomie
Ca y est... Vous vous êtes décidé à (faire) créer le site que vous attendiez tant. Vous avez votre logo et les textes que vous allez y placer... Reste à présent à choisir des couleurs qui mettront votre activité en avant et qui s'assortiront afin de proposer une maquette cohérente à vos visiteurs.
Et il est n'est pas toujours facile d'avoir des goûts sûrs à ce propos... HTMLcolor est un utilitaire freeware qui permet d'afficher le code HTML de la couleur de votre choix. Grâce à trois boutons glissière, vous pourrez choisir la quantité de rouge, vert et bleu (les 3 couleurs de base d'un affichage écran) afin d'afficher la combinaison de couleurs parfaite.
Le code HTML généré peut aussi contenir les tags nécessaires pour en faire le fond de votre page, l'appliquer a du texte, a des liens... Lorsque vous aurez trouvé les bonnes couleurs, il restera à les copier-coller dans votre éditeur de page ou à les communiquer à votre webmaster...
Par Philippe,
jeudi 16 novembre 2006 à 08:41 ::Ergonomie
Sur le site de Netlife Research, on trouve un superbe calendrier judicieusement appelé "Bad usability calendar 2006" (et non bed, comme je l'avais initialement écrit... Merci Vinch !).
Seul petit problème : chaque mois pose un problème d'ergonomie... Que ce soit le choix des polices, la taille de la zone... Amusez-vous à découvrir ce que vous ne devez pas reproduire sous aucun prétexte sur votre site !
Par Philippe,
mercredi 12 juillet 2006 à 08:31 ::Ergonomie
Lorsque qu'une société de création de sites entend ses clients parler du choix des polices que ceux-ci souhaitent utiliser sur leur site, elle doit fréquemment leur conseiller d'utiliser les polices les plus courantes, car l'usager voit uniquement les polices installées sur son ordinateur. Ces polices courantes sont :
Arial
Arial Black
Comic Sans MS
Courier New
Georgia
Impact
Times New Roman
Trebuchet MS
Verdana
L'orthographe des noms est très importante si on souhaite les utiliser dans une CSS. On peut également y ajouter Symbol et Webdings mais ces polices servent uniquement à afficher des caractères spéciaux.
Les autres polices, absentes de l'ordinateur du visiteur, même si elles ont l'avantage d'être plus décoratives, risquent d'être remplacées arbitrairement par une autre qui explose alors l'interface prévue... Elles peuvent cependant être utilisées en créant une image du texte que vous souhaitez afficher mais cette technique empêche les moteurs de recherche de lire le contenu ainsi affiché.
Malgré cette mise en garde, il convient d'être prudent et, malgré tout, d'éviter d'utiliser Comic sans Ms... Hormis le fait que cette police fasse très enfantin et peu professionnel, qu'elle énerve certains visiteurs par son look, elle présente un autre inconvénient de taille.
Les polices courantes sont généralement constituées de plusieurs polices pour représenter le plus fidèlement possible des variations de caractères. Le système d'exploitation choisit alors la police la plus appropriée :
Times New Roman pour la police normale
Times New Roman Bold si vous souhaitez employer du gras
Times New Roman Italic pour l'italique
Times New Roman Bold Italic pour combiner ces deux variations.
Et nous voilà au noeud du problème ! Comic sans Ms ne comprend pas de polices distinctes pour représenter les variations en gras et en italique. Lorsque vous appliquez un style particulier à Comis sans Ms, Windows crée une version de synthèse de la police dans ce style. Ainsi, il affiche l'italique en inclinant les caractères et le gras en grossissant lui-même les caractères... Et le rendu n'est pas jamais à la hauteur d'une vraie police.
Ce problème et la répulsion que cette police exerce sur certains internautes a joyeusement été mis en exergue sur le site anglais Bannissez Comis sans Ms
Par Philippe,
lundi 3 juillet 2006 à 08:18 ::Ergonomie
Des sites organisés, structurés, à la navigation claire et limpides... Il en existe.
Des sites fouillis, brouillons, mal organisés au graphisme hasardeux et laid... Il en existe beaucoup... Vincent nous en parlait d'ailleurs dans son billet Toutes les horreurs du web sont sur naweb
Mais un site dont la navigation, la mise en page et l'accessibilité vaut (volontairement) 0 sur 10... Cela se visite ! Un site justement nommé désordre. En voici la définition qu'en donnent ses créateurs :
Désordre, site conçu et réalisé par Philippe De Jonckheere et Julien Kirch, dans lequel la question des grandes théories de l'information ne sera pas abordée, pas davantage celle de savoir si la photographie est un art à part entière au même titre que la peinture. Il y est parfois question de sexe, de sodomie, de fellation, de gros seins, de pubis et autres joyeusetés, qui font beaucoup de bien aux statistiques du site que nous ne consultons jamais. En revanche nous sommes au regret de vous dire que pas plus que vous nous ne connaissons la recette de l'omelette norvégienne. Le moteur de recherche a un fonctionnement parfaitement erratique et ne vous aidera en rien, au contraire.
Par Philippe,
samedi 1 juillet 2006 à 16:23 ::Ergonomie
Plus un site est riche et complexe, plus il devient difficile d'en assurer la navigabilité. Certains moyens existent, mais personne ne peut garantir à 100% l'accessibilité immédiate à toutes les pages.
Il devient dès lors tentant de se demander si un questionnaire aux questions ciblées permettrait de vérifier si un site est ergonomique. Il semble clair que cela semble très irréaliste dans la mesure où l'expérience de l'utilisateur d'un site Web ne se réduit pas à quelques questions.
Il est vrai, par contre, que quelques questionnaires normalisés existent ceux-ci se révèlent utiles en cas d'évaluation d'un site. Dès lors... lequel choisir ?
Il est basé sur 10 questions simples auquel un minimum de 12 à 24 personnes doivent répondre en échelonnant leurs réponses de 1 à 5 selon le niveau d'accord avec la phrase énoncée.
Je pense que je vais utiliser ce site fréquemment
Je trouve ce site inutilement complexe
Je trouve ce site simple à utiliser
Je pense devoir faire appel à un support technique pour être capable d'utiliser ce site
Je trouve que les différentes fonctions de ce site sont bien intégrées
Je trouve qu'il y a trop de contenu inconsistant sur ce site
Je pense que beaucoup de monde apprendrait à utiliser ce site rapidement
Je trouve ce site assez rébarbatif à utiliser
Je me suis senti en confiance lorsque j'ai utilisé ce site
Je dois apprendre énormément de choses avant de parvenir à utiliser ce site.
Par Philippe,
vendredi 19 mai 2006 à 08:29 ::Ergonomie
Lorsque vous créez un site, vous vous fixez inévitablement un objectif. Celui-ci peut varier en fonction de votre société et de ses besoins spécifiques :
Augmenter les ventes
Diminuer les coûts du centre d'appel
Nouer des contacts avec de nouveaux prospects dans votre pays, mais aussi à l'international
Informer vos clients de l'actualité de votre entreprise
Proposer de nouveaux services ou produits
Construire ou améliorer votre image
Fidéliser et mieux servir vos clients en leur fournissant une information adaptée à leurs besoins...
Pour arriver à cela, il faut que des visiteurs arrivent sur votre site. Et, une fois qu'ils y sont, qu'ils y restent, y reviennent et amènent d'autres visiteurs. Seul un site ergonomique peut garantir ce résultat !
Alors, qu'est-ce que l'ergonomie, quand on l'applique à un site ?
Comme son nom le dit bien, l'interface d'un site Web est un pont entre les contenus proposés et les visiteurs du site. Elle est donc l'élément essentiel par lequel les internautes vont pouvoir trouver les informations qu’ils cherchent. Si votre site repose sur une interface ergonomique (à la croisée de la beauté graphique et de la facilité d'utilisation), il aura l'avantage important par rapport à ses concurrents de satisfaire les attentes réelles des visiteurs. A l'inverse, un site qui ne correspond pas à l'attente de ses utilisateurs sera peut-être visité une fois... sans aucun espoir de retour !
l'Ergonomie repose sur des arguments de psychologie cognitive et non sur une approximation. Elle vise à comprendre et anticiper la manière dont les internautes vont réagir face à l'interface de votre site. Le but évident étant de répondre aux exigences des utilisateurs afin qu'ils puissent facilement :
trouver l'information.
comprendre les contenus proposés
utiliser l'information pour atteindre l'objectif fixé en arrivant sur votre site.
Mais dans le fond, quelles sont les exigences des internautes ?
Ce graphisme est la traduction des résultats de l'enquête du cabinet Forrester Research qui a été effectuée en interrogeant 8600 ménages utilisateurs d'Internet.
Il met en avant les 4 grands axes que vous devez toujours avoir en tête si vous voulez un site qui gagne. Car, si ce qui fait vivre un commerce, c'est le client... ce qui fait vivre un site, c'est le visiteur !
