La rédaction web

Même si vous avez le plus beau site du monde, à la fine pointe de la technologie, aux couleurs hyper tendance et à l’ergonomie fantasmagorique, mais que vous avez un texte nébuleux et peu attrayant, vous risquez de passer à côté de votre objectif. Afin de mieux vous guider dans cette discipline ardue, voici quelques trucs pour faire éclore l’écrivain en vous :

La connaissance de votre public cible

Qui est votre clientèle? Des enfants? Des gens d’affaire? Des touristes? Le ton que vous utiliserez est primordial, voire crucial à votre réussite. On ne s’adresse pas de la même façon à un individu si on souhaite lui vendre des bonbons ou une Mercedes. Par exemple, si vous êtes une institution financière, un ton plus formel est de mise pour représenter votre sérieux, donner confiance et démontrer votre professionnalisme. Au contraire, si vous êtes une entreprise qui offre des services de fêtes pour enfants, un ton plus amical et joyeux vous rendra tout de suite plus sympathique et attrayant.

Le blabla un peu trop technique

Oui, vous êtes un brillant expert et tout le monde le sait. Mais faites attention à ne pas parsemer votre texte de jargon technique incompréhensible. Les grands mots savants intéressent rarement les gens qui sont sur le web. Personne n’a envie de lire votre site web avec un dictionnaire pour tenter de comprendre votre contenu. Le site du compétiteur deviendra tout à coup beaucoup plus attrayant. En un mot : vulgariser! Rendez votre contenu accessible à tous!

On fait ça court s.v.p!

Qui a le temps de lire un texte de la longueur d’une bible sur le web? Personne! Les internautes veulent du rapide. Soyez clair, net et précis. Allez droit au but et composez de petits paragraphes courts. Focusez sur vos points importants et vous en sortirez grand gagnant!

Les fameuses listes à puces

·         c’est beaucoup plus précis,

·         lisible,

·         et cela clarifie le contenu!

Les mots-clés 

Ha oui! Le référencement! C’est déjà un pas dans la bonne voie. Quand on parle de rédaction web, il est normal de mettre souvent les mots rédaction web dans son texte. Car mettre souvent les mots rédaction web vous aidera à mieux sortir dans les moteurs de recherche si quelqu’un recherche les mots : rédaction web. Mais attention de ne pas abuser! Car écrire trop souvent les mots rédaction web rend le texte lourd et moins intéressant à lire pour l’internaute.

Les vilaines fautes d’ortografe!

À moins d’être une sommité de la langue française ou que votre emploi consiste à rédiger Le Larousse, nous vous suggérons fortement de faire faire une relecture ou une correction par un professionnel. Une belle grosse faute de frappe ou une erreur d’orthographe disgracieuse pourrait faire fuir vos clients. C’est si simple et souvent peu onéreux. Pourquoi vouloir jouer avec le feu?

Parler de soi et de son entreprise est souvent ardu : nous ne savons pas par quel bout commencer et cela nous semble être une tâche insurmontable. Si la composition de texte pour votre site web vous semble inconcevable, n’hésitez pas à confier cette mission à des gens compétents. Il est très facile de trouver un service de rédaction professionnelle dans votre région. ProWeb offre ce service et nous serions très heureux de vous aider dans l’écriture de vos textes. N’hésitez pas à nous faire part de vos projets, il nous fera toujours plaisir d’être l’artisan de votre réussite.

Qu’est-ce que le design émotionnel?

Design émotionnel = communiquer une émotion!

Le but premier d’un site web est tout d’abord de transmettre de l’information. Un site web doit être fonctionnel, lisible et fiable. Sans ces trois mots clés, il ne fonctionnera pas de façon optimale voire pas du tout. Cependant, la technique ne fait pas tout, le design est aussi très important. Lors de sa visite sur un site web, l’internaute doit vivre une expérience! Le site web doit avoir sa propre personnalité et dégager un sentiment familier et agréable. Le design émotionnel sert donc à créer une proximité, de l’empathie voire même un lien d’amitié envers un site web.

Comment mettre du design émotionnel dans un site web?

Mettre de l’émotion dans un site web n’est pas une tâche insurmontable. Rendre un site agréable, original et amical passe souvent par les détails graphiques ou fonctionnels. Voici quelques exemples :

Une mascotte :

Mailchimp, Bitly, Twitter et bien d’autres utilisent une mascotte sympathique pour nous attendrir! Pensons encore plus loin, les mascottes sur les boîtes de céréale, l’ourson sur les pots de beurre d’arachide, le singe de Subway et les publicités avec des animaux mignons comme tout de Telus. Penser à Youpi, la mascotte des Expos ; l’équipe de baseball n’existe plus depuis belle lurette et pourtant, tout le monde connaît encore Youpi!  ProWeb utilise également une mascotte pour se représenter : un manchot. Avouez, il est impossible de ne pas aimer un manchot à cravate! ;)

Le contraste :

En jouant avec des contrastes, avec des formes ou bien des couleurs qui s’harmonisent bien, on crée alors un milieu unique et spécifique à notre marque. Par exemple, si je dis : Facebook, quelle couleur vous vient à l’esprit? Le bleu, n’est-ce-pas? Et si je dis McDonald’s? Ou encore Coca Cola?

Mettre de l’avant des personnes :

Mettre des photos de gens sur votre site web ou votre publicité rendra celle-ci beaucoup plus accessible, humaine et sympathique. Par exemple, notons le Monsieur Bell de Bell, Claude Meunier pour Pepsi, le célèbre « pop sac a vie so sec fi copain»  de Marie-Josée Taillefer âgée d’à peine 6 ans pour les Caisses populaires Desjardins ou encore les publicités de Chérios, Oréo et Évian qui utilisent l’image d’adorables enfants. Même Michelin, un constructeur de pneu automobile, a longtemps utilisé l’image d’un poupon faisant de beaux sourires à l’intérieur d’un pneu.

Le nombre d’or :

La beauté n'est pas toujours guidée par l’instinct. Il existe des règles mathématiques d'harmonies qui permettent de rendre un objet, ou une interface web, agréable à regarder.

L’originalité, la surprise et le glaçage du cupcake:

Un petit détail, un petit quelques chose qui fera sourire la personne qui regardera votre site web. Il existe tellement de manières possibles et imaginables pour attirer l’attention, il s’agit simplement de trouver la recette qui convient à votre marque ou à votre entreprise. En bon pâtissier, le designer web sera en mesure de bien vous guider et saura utiliser les bons ingrédients du design émotionnel à votre avantage afin de créer l’impact recherché.

Source : http://dofollow.bz/?post/2012/04/30/design-emotionnel

Démystifier le Web et le graphisme : les présuppositions.

Voilà plus de 10 ans que ProWeb réalise des mandats pour une clientèle diversifiée allant du néophyte à l’expert technologique. Voici donc une sélection de questions fréquentes ou de suppositions relatives à notre domaine.

1 : Une image vaut mille lignes de code : Puisque j’ai vu une image de mon site Web, celui-ci sera bientôt terminé.
À cette étape, le rôle du graphiste est terminé mais celui de l’intégrateur et du programmeur commence à peine. L’intégrateur doit découper l’image que vous avez vu pour l’intégrer dans un langage que les navigateurs (Internet Explorer, Chrome, Firefox, etc.) peuvent comprendre.
Par la suite, le programmeur doit coder pour que vos modules de gestions, vos formulaires et autres éléments gérables soient fonctionnels. Sans cette étape, votre superbe formulaire ne servirait absolument à rien!

2 : Un pour tous et tous pour un : Mon site Web fonctionne bien sur mon navigateur, il doit donc bien fonctionner partout!
Le navigateur interprète le langage HTML pour vous présenter le résultat : une page Web. Toutefois, il existe plusieurs navigateurs (Internet Explorer, Firefox, Google Chrome, etc.) et parfois même plusieurs versions (Internet Explorer 6, 7, 8, 9, 10) et chacun interprète le code à sa façon. Par conséquent, il faut s’assurer que votre site s’affiche uniformément sur le plus de navigateur possible et cela ne se fait malheureusement pas par magie!

3 J’ai eu une idée : Mon site Web est terminé, mais j’aurais 2 ou 3 petites modifications.
Une modification qui parait simple peut parfois être laborieuse alors qu’une modification qui parait laborieuse peut parfois se faire très rapidement. Par exemple, changer la couleur de tous les titres de mon site Web se fait très rapidement grâce aux CSS mais déplacer une image pourrait compromettre la structure même du site Web, ce qui reviendrait à refaire la structure en entier. Pour illustrer la situation, imaginez un mécanicien : si on lui demande de changer un essuie-glace, ce sera vite fait, par contre si on lui demande de déplacer le moteur à l’arrière du véhicule, ce ne sera pas la même histoire!

4 : Le coup de foudre : Quand je le verrai, je le saurai.
Lorsque vous voyez les ébauches pour la première fois, il se peut que vous ayez un coup de foudre, il se peut aussi que certaines ébauches vous plaisent ou que vous vouliez faire d’autres essais. Cela est tout à fait normal. Bien que certains chanceux auront un coup de foudre, à l’opposé, certains autres attendront le prince charmant, en se disant « Quand je le verrai, je saurai que c’est le bon!»  Dans ce dernier cas, le rôle du chargé de projet est de vous aider à cerner vos besoins et vos goûts. Soyez proactif : ne rester pas là à attendre le prince charmant les bras croisés.

5 : L’ornithorynque : Je vais montrer mon design à plusieurs personnes et je vous reviens.
Lorsque vous demandez l’opinion de plusieurs personnes, il arrive que vous vouliez tout combiner, faire plusieurs tests ou que vous vous mettiez à douter de ce dont vous étiez sûr au début. Il est normal de demander l’avis de certaines personnes, mais il ne faut pas oublier que tous les goûts sont dans la nature, il faut donc arriver à faire sa propre opinion.
Appelé «Design by commitee», ce processus où tout le monde met son grain de sel peut vous ralentir et même créer un monstre. L’un veut un bec, l’autre une queue aplatie, l’autre des palmes, bref, à la fin, vous vous retrouvez avec un ornithorynque! Et adieu l’uniformité. Et tous les goûts sont dans la nature.

6 : La cigale et la fourmi : Je veux que mon site soit prêt rapidement mais je vous fournirai le matériel vers la fin du projet.
Bien qu’il soit possible de mettre du texte et des images pour donner un aperçu du résultat en utilisant du texte factice (lorem ipsum) et des images de remplissage, l’aspect d’un site peut changer drastiquement lorsque les bons éléments sont intégrés. Si vous n’avez qu’une seule phrase pour la section Équipe et une seule photo, mais que le design a été conçu avec trois gros paragraphes et plusieurs photos individuelles, le visuel risque d’en souffrir. Il arrive aussi que les délais de mise en ligne ne soient pas respectés car vos textes sont essentiels à la mise en ligne.  Il y a un temps pour la cigale et un temps pour la fourmi!

Nouveau logo ProWeb

Le W orange est le point central du logo, le pivot! Celui qui dit tout : nous faisons du Web! À la droite siège fièrement le manchot, icône emblématique de la compagnie : élégant par la couleur de son smoking et travailleur par sa cravate. Son bec pointe le ciel, car l’ascension de notre entreprise est vouée à de haut sommet. Uniquement composé de courbe, le manchot apporte une touche de vitalité et de dynamisme, ce qui caractérise très bien ProWeb.

COULEUR :

Nous avons choisi la couleur gris anthracite car elle symbolise la force et le respect. Elle représente également que nous ne manquerons jamais de «matière grise» afin de répondre à vos besoins. L’orange quant à lui, évoque l’énergie. Nous sommes une équipe jeune et dynamique, prête à tout afin de relever de nouveaux défis.

TYPOGRAPHIE :

Fine et élégante, elle représente le style et le bon goût. Discrète, mais déterminée, elle attire le regard et sait démontrer avec justesse que nous sommes une entreprise d’expérience et que la qualité est une norme sans équivoque pour nous.

La psychologie des couleurs

Notre monde, notre vie, notre vision sont remplies de couleurs. Nous sommes constamment à la rencontre des couleurs. La création d'associations et d'impressions personnelles et culturelles fondées sur les différentes couleurs que nous voyons est innée. Notez que lorsque vous pensez à un objet, l'une des premières choses qui vous vient à l’esprit est sa couleur. Cela montre à quel point les couleurs sont présentes et bien ancrées dans la perception humaine.

Les couleurs ont une signification émotive. Souvent, le sens d’une couleur varie d’une personne à une autre, mais il y a des réactions courantes associées à chaque couleur. Si vous faites une enquête rapide entre amis ou collègues sur les couleurs qu'ils définissent comme «heureuse», vous obtiendrez des réponses très similaires la plupart du temps.

Nous avons fait cette enquête rapide au bureau et le jaune a été nommé à plusieurs reprises.  (Jaune = soleil = été = sourire = bonheur = joie = heureux)

Dans la conception web, la couleur est tout aussi importante que la structure de base et la navigation de votre site. Les couleurs peuvent être utilisées pour attirer l'attention, créer une ambiance ou inciter vos visiteurs à compléter des actions sur votre site. La couleur de votre logo, votre arrière-plan, les boutons et j’en passe, peuvent être pensées pour améliorer l'expérience de l’utilisateur,  créer un sentiment de familiarité et refléter l'essence de votre marque de manière efficace.

Voici un petit lexique des émotions les plus communes associés à chaque couleur:

• Brun = chaleur, confort
• Noir = puissance, sophistication
• Gris  = sobre, calme
• Bleu = loyauté, confiance
• Rouge = excitation,  passion
• Rose = jeunesse,  tendresse
• Violet = luxe, sagesse
• Orange = énergie, vivant
• Vert  = naturel, stabilité
• Blanc = pureté,  simplicité
• Jaune = bonheur,  joie

Source : http://www.wix.com/blog/2013/06/color-web-design/

Chronique : Navigateurs

Historique : 

De nos jours, plusieurs navigateurs web sont disponibles gratuitement sur le marché, mais il fut un temps où la compétition était beaucoup moins féroce.  Le navigateur Mosaic, sorti au début des années 90, est le premier navigateur qui se répand largement et qui permet une navigation stable et fonctionnelle sur le Web.  Vers le milieu des années 90, Netscape devient le navigateur le plus populaire et le fameux Internet Exploreur fait son entrée sur le marché.  

À partir de 1995, Netscape et Internet Explorer se  mène une chaude lutte pour avoir la plus grande part de marché, cependant Internet Exploreur étant installé de base sur les ordinateurs Windows, il prit petit à petit la part de marché de Netscape.  

Au début des années 2000, plus de 80% des gens utilisaient Internet Explorer et le navigateur était si populaire et bien ancré que Microsoft décida de stopper le développement comme il n'avait plus rien à craindre des compétiteurs.  Il faut attendre  5 ans pour que Microsoft décide de relancer le développement de son application web, mais pendant ce temps, certains concurrents avaient commencé à se positionner, par exemple Firefox qui était développé par des anciens employés de Netscape.  C'est ainsi que la guerre des navigateurs revint à l'ordre du jour vers le milieu des années 2000.  

En 2008, Google décida de se lancer lui aussi dans le marché en rendant disponible Google Chrome,  un navigateur épuré et plus rapide que ses prédécesseurs.  Ces trois navigateurs sont donc en compétition encore de nos jours et les statistiques recueillies ne s'entendent pas sur les pourcentages d'utilisation.  Elles s'entendent cependant pour dire qu'Internet Explorer est toujours le navigateur le plus utilisé et que, quoiqu'il perde du terrain au profit de Google Chrome, il devrait le rester pendant encore un bon moment. 

Mot de l'éditeur : 

ProWeb vous suggère toujours d'avoir les versions les plus à jour de votre navigateur pour éviter toutes sortes de problèmes de compatibilité.   

Voici une liste des navigateurs les plus à jours en date de la publication de cet article :

• Internet Explorer 10
• Google Chrome  Version 27.0.1453.116 m
• Firefox 22
• Safari 5

Le défilement infini (infinite scrolling)

Le défilement infini prend sa source avec l’arrivé des appareils mobiles. Ceux-ci ont un petit écran vertical, il faut donc que l’usager défile vers le bas pour accéder aux informations d’une page.

Toutefois c’est Pinterest, un site Web de réseautage social axé sur les photographies et les intérêts des utilisateurs du réseau, qui l’a rendu populaire. Sa capacité à présenter beaucoup d’information sans avoir à charger une page s’appliquait bien au principe de base de Pinterest. Visitez le Pinterest de ProWeb pour un exemple.

Twitter est aussi un excellent exemple d’utilisation du défilement infini. Ce système s’applique en effet à merveille au système de messages courts de celui-ci. Il est pertinent d’aller voir les tweets plus anciens étant donné car ils s’empilent rapidement mais cela ne veut pas dire qu’ils perdent de leur intérêt. De plus, il permet de consulter des tweets sans avoir à précharger la page, ce qui facilite la vie de l’utilisateur. On retrouve aussi sur sa version mobile, un effet de papier déchiré qui vous indique où vous en êtes rendu dans votre lecture.

Son atout majeur est de vous présenter une multitude de résultats sans préchargement.

Il est utilisé pour la recherche d’image de Google : ce qui est pratique pour consulter rapidement une panoplie d’images. Par contre, pour les recherches régulières, cette solution n’a pas été retenue. En effet, lors d’une recherche régulière, l’utilisateur peut se repérer plus facilement à l’aide de la pagination. Il est aussi porté à regarder les quelques liens les plus pertinents qui se retrouvent en première page. Voir la fin de la page vous donne le sentiment que vous ne manquez rien alors que l’infini vous porte à continuer votre recherche indéfiniment (vers les résultats les moins pertinents).

Notons tout de même certaines lacunes assez évidentes :

• La tentation de cliquer sur toujours plus de lien entraîne une perte de temps;
• La barre de défilement ne reflète pas la quantité de contenu;
• Difficile de se repérer et de savoir où on en était précédemment;
• Difficile de trier le pertinent du non pertinent;
• Rend le pied de page inaccessible (dans certain cas).

Il existe un compromis entre le défilement infini et la pagination régulière : il s’agit de mettre un bouton « charger plus de résultats ». Ce qui permet à l’utilisateur de poursuivre sa recherche tout en le réconfortant en lui montrant une « fin » tangible.

En conclusion, le défilement infini est une façon de présenter de l’information qui peut s’avérer pertinente et agréable lorsqu’il s’agit de présenter un contenu vaste. Il faut toutefois bien l’utiliser et garder à l’esprit que si la pertinence des résultats est un critère important, ce n’est peut-être pas la méthode de navigation la plus conseillée.

Source :

Infinite Scrolling: Let’s Get To The Bottom Of This
http://uxdesign.smashingmagazine.com/2013/05/03/infinite-scrolling-get-bottom/

2013 Web Design Trends Infographic
http://enfuzed.com/2013-web-design-trends-infographic/

Pinterest
http://fr.wikipedia.org/wiki/Pinterest