• L’étendue des dégâts
• Benfakto, l’e-commerce green et glam
• La mode happy

L’étendue des dégâts

Dans l’habillement, les techniques de productions se sont industrialisées au point tel qu’une main d’œuvre qualifiée n’est plus nécessaire pour obtenir un rendement à faible taux de produits défectueux. On cherche alors la main d’œuvre la moins chère plutôt que la plus compétente, et les entreprises du textiles ont par conséquent fortement délocalisé dans des pays où l’on gagne 80 fois moins qu’en Europe. Une catastrophe économique pour le monde du textile occidental qui a connu beaucoup de chômage lors de cette transition. Le scandale ne s’arrête pas là : ces délocalisations massives peuvent s’apparenter à une nouvelle forme de colonisation, les entreprises occidentales se servant de l’ouvrier du tiers monde pour baisser ses prix, peu importe si celui-ci est un enfant de 8 ans.

La photo de la province de Guangdong, en Chine, parle d’elle-même. Le fleuve est devenu bleu marine, couleur des fameux blue jeans. Les produits chimiques utilisés pour fixer les colorants sur le tissu sont tout simplement déversés dans la nature après usage, bousillant la faune et la flore sur leur passage. La production de coton également pose problème, avec les tonnes d’eau utilisées pour sa culture. Résultat, des nappes phréatiques vidées et des terres pollués d’engrais et de pesticides.
On pourrait encore trouver beaucoup d’exemples où la mode pose des problèmes environnementaux ou comportementaux, comme le port de fourrures, qui déchainent la colère des défenseurs des animaux.

Ben & Fakto a fait le même constat et a décidé de réagir en offrant un commerce plus respectueux. C’est alors qu’est née l’idée d’une boutique en ligne de mode green & glam.
Il ne s’agit pas de culpabiliser encore une fois le consommateur et de présenter des produits eco-friendly horrible à porter, mais bien de proposer des articles de mode tout en conservant une approche déontologique.

Benfakto, l’e-commerce de la mode green et glam

Si vous suivez le travail de l’agence, vous avez surement déjà entendu parler de l’aventure Ben & Fakto. Sur la photo les trois fondateurs Harold, Tristan et Kévin (de gauche à droite), et la jolie nénette qui leur apporte une aide précieuse en tant que stagiaire de choc, Maria.

Ces chics types sont à l’affût des tendances et des enjeux actuels de l’habillement, et ont l’envie et l’ambition de changer notre façon de consommer la mode. Notre histoire avec eux est un peu particulière, nous nous sommes rencontrés par l’ami d’un ami d’un ami (un pote de l’autre, je crois). Le courant est très bien passé entre nous et ils nous ont confié la création de leur site internet. Un e-commerce tout particulier, présentant d’une part des catégories de produits naturels :

• La mode bio : articles fabriqués en coton bio ou laine bio. Côté marques, on retrouvera les vêtements pour femmes Shifumi et les Les Jardins Parisiens chez les hommes.
• Compensation : faire un geste pour l’environnement. Compenser sa dépense en eau, son émission de CO2, ou planter un arbre pour chaque paire de chaussures achetée comme le fait Faguo.
• Les vêtements en matières naturelles, composés de chanvre, de soie, de bambou. Par exemple, les foulards en soie provenant du Mekong, au Cambodge.
• Les pièces chinées, articles de mode à partir de matériaux réutilisés, comme la marque By Mutation qui décèle les plus belles étoffes provenant des maisons de haute couture pour leur offrir une seconde vie.

• Made In France, le savoir-faire français pour une qualité de coupe et de couture irréprochable, avec les caleçons Balbo ou la marque S’il vous plait merci.
• Fabrication à la main : une production artisanale, couture à la main et respect de la matière, comme pour la confection des Pochettes Square.
• Projet social : utiliser le commerce de vêtements pour valoriser le savoir-faire et développer l’économie locale. C’est ce que fait MaïProject, avec leurs chaussures multicolores sur lesquelles 2€ sont reversés à un projet social en Asie.
• Buy Happy, Help Makers, le concept au cœur de Ben & Fakto : à chacune des commande de leurs clients, l’équipe investit 10% du montant total dans un projet de micro-crédit, via la plateforme Babyloan.

La mode happy

Veste, pull, chaussures, accessoires, robes, autant de pièces que l’on peut trouver sur d’autres sites. Et les vêtements en coton bio ou en matières naturelles, ce n’est pas nouveau non plus, mais cela a toujours été associé au cliché du poncho péruvien moche et qui gratte !
La mode happy, c’est faire le pari qu’une mode stylée et tendance peut tout à fait être respectueuse des hommes et de l’environnement. S’habiller trendy tout en soutenant un but plus profond, avec des marques engagées et pleines de sens qui proposent des articles de qualité. Une mode fière d’elle, toujours souriante, toujours partante.

Ben & Fakto ne travaille qu’avec des marques qui ont une volonté de changement, qui ont un leitmotiv et qui le vivent à fond. L’objectif n’est pas de convaincre les marques de proposer une petite collection bio ou made in France qui représentera une infime partie de leur production, mais de travailler avec des marques dont l’approche environnementale, sociale ou locale sont au cœur de leur philosophie.

Pour une mode qui sort de l’ordinaire, on se devait de réaliser un site qui sorte de l’ordinaire lui aussi. Nous avons mis tout notre cœur à l’ouvrage, toute notre empathie pour nos clients, ainsi que tout notre soutien pour ce genre de concepts qui font avancer le monde dans la bonne direction. Humour, illustrations, fonctionnalités sympas, on a vraiment essayer de faire honneur à la mode happy en construisant un e-commerce funny.

On espère que ça plaira ; en tout cas, ça a plu aux experts e-commerce du jury du Barcamp Prestashop, qui nous ont décerné un Prestashop Award, merci à eux ! Voilà de quoi clôturer cet article, mais certainement pas la relation entre Wype et Ben & Fakto !

Crédit Photo : © Hadrien Denoyelle

• Frank Gehry, un artiste tordu
• Karim Rashid, un produit rare
• Simon Oxley, un drôle d’oiseau

Frank Gehry, un artiste tordu

Considéré comme l’un des plus grands architectes vivants, cet américano-canadien propose un style architectural tout particulier. Il joue avec les courbes, les formes, les couleurs et les illusions d’optique pour donner de la force à ses compositions. Il s’inscrit dans le mouvement déconstructiviste, un courant artistique qui prend en contre-pied la rationalité et le conformisme de l’architecture moderne. La philosophie de ce mouvement est de révéler plutôt que de dissimuler, d’appeler à la réflexion plutôt que de susciter l’indifférence, en offrant des bâtiments beaucoup plus expressifs et au caractère unique.

Un florilège de son travail :

Karim Rashid, un produit rare

Né au Caire, il réside aujourd’hui à New York où il dirige un studio de design industriel. Son truc, c’est la conception de produit et la architecture d’intérieur. Karim Rashid a créé plus de 3000 designs, sur des projets allant de la mode, le mobilier, les luminaires, l’art, la déco, jusqu’à la musique. Il est surtout connu pour avoir démocratisé le design, en réalisant des produits pour le grand public.

Quelques-unes de ses créations :

Simon Oxley, un drôle d’oiseau

Ce nom ne résonne surement pas familièrement dans vos oreilles. Pourtant, il est le créateur d’Ollie, l’oiseau du célèbre logo de Twitter. Il a créé à l’époque cette illustration pour iStockPhoto ; le site de micro-bloging n’a déboursé à l’époque que quelques dollars pour l’acquérir. Sans doute l’un des logos internationaux les moins chers, même si bien sûr le logo a évolué de nombreuses fois depuis.

Le style de Simon Oxley, avec des images vectorielles très simples et pleines d’humour, a connu une grande popularité sur la célèbre banque d’images. Il mêle minimalisme et personnification pour notre plus grand plaisir.

Découvrir d’autres designs, s’ouvrir à d’autres façon de penser, s’intéresser à d’autres manières de fonctionner ; voilà ce qui est très enrichissant pour tout designer. Que l’on soit graphiste, ergonome ou même entrepreneur, l’inspiration est partout, la créativité n’attends que nous. N’hésitons pas à sortir un peu des sentiers battus, les récompenses nous attendent au tournant

• Des maquettes rentables ?
• Les designers doivent-ils coder ?
• Harmonie et pixel perfect

Des maquettes rentables ?

En agence classique, on a un boulot, on est payé pour le faire. Qu’on y passe beaucoup de temps ou peu de temps, cela ne change qu’une chose, la rentabilité du projet. Le maquettage est un passage obligée de la conception web, on doit réaliser une interface claire et jolie, simple à intégrer pour passer vite au développement et à la livraison du site.

Beaucoup de concepteurs web utilisent des grilles prédéfinies, par exemple la plus connue : 960 Grid System. En respectant ces contraintes, le graphiste pourra fournir une maquette facilement intégrable, car l’intégrateur aura déjà des classes CSS prédéfinies en fonction de la grille. En respectant ces contraines, cela ne choque personne ? Comment pouvoir fournir un design innovant si avant même de commencer la création le graphiste possède déjà des règles auxquelles obéir ?

Ce n’est pas comme ça que l’on voit les choses chez Wype. Peu d’agences web prennent le temps nécessaire pour réfléchir à l’impact que peut avoir l’identité visuelle sur la cohérence toute entière de l’application créée. Le design n’est pas juste une étape obligatoire, ce n’est pas juste une organisation de contenu et des carrés de couleur ! Le graphisme d’un site internet doit laisser transparaître une stratégie de communication définie et adaptée aux objectifs, et doit susciter une émotion chez l’internaute.

La maquette doit regorger de surprises et de dynamisme, peu importe s’il faudra du CSS3, des positions absolutes dans tous les sens. Chef de projet, développeurs, intégrateurs, arrêtez de râler et faîtes votre boulot ! Bien sûr, il existe quelques contraintes liées au web que les graphistes doivent savoir, car certaines parties doivent être fluides et doivent pouvoir s’allonger ou se rétrécir, voire apparaître ou disparaitre. Mais la plupart des choses sont tout de même réalisables, sans non plus passer 3 jours sur une maquette. Il faut simplement avoir un respect du travail, un souci du détail, un souci du client, et un peu de courage bon sang !

Les designers doivent-ils coder ?

Honestly, I’m shocked that in 2010 I’m still coming across ‘web designers’ who can’t code their own designs. No excuse.

Elliot Jay Stocks via Twitter

Et voici le début d’une polémique qui enflamma le web il y a un peu plus d’un an. Depuis, pas beaucoup de changements, la question partage toujours la profession. Mike Kus s’était alors lui aussi exprimé sur le sujet sur ThinkVitamin. Je suis fan de Carsonified, mais je ne suis pas d’accord avec lui là-dessus. Pour moi il est clair qu’un graphiste n’a pas besoin de savoir coder. Explications.

• Le graphiste doit savoir ce qui est faisable
  Un argument tout simplement anti-innovation. Si l’on connaît les limites, on ne saura pas les dépasser, on essaiera même pas. Et on se retrouve avec toujours les mêmes polices, toujours les mêmes arrondis à la noix, des champs textes non stylisés, etc.

  They did not know it was impossible, so they did it.

  Mark Twain

• L’intégration n’est pas bien compliquée, un graphiste peut l’apprendre rapidement
  L’intégration n’est pas bien compliquée. C’est vrai du point de vue graphique, il y a juste à écrire des balises pour décrire chaque élément graphique. Ce que ces webdesigners pluricompétents oublient bien souvent, c’est que l’intégration n’est pas juste une transcription graphique, mais également une transcription sémantique, de l’optimisation de performances, de l’optimisation pour les moteurs de recherche, et se rapproche du développement lorsqu’il s’agit de templating (intégration dynamique).

• Les déclinaisons de maquettes peuvent être réalisées directement en HTML / CSS
  Le meilleur moyen pour arriver à un design aseptisé. La home est travaillée, et les autres pages sont simplement une pâle copie qui reprend la charte graphique ? Lorsque l’on code directement, on finit forcément par faire des raccourcis. On retombe sur le même problème qu’avec l’utilisation d’une grille ; la marge à gauche fera 100 pixels. Sûrement que sur Photoshop, on aurait peut-être préféré 93 pixels, mais c’est pas grave, on est pas à 7 pixels près. C’est pourtant ce genre de détail qui séparera un bon design d’un excellent design.

• Le designer va pouvoir retranscrire exactement le graphisme qu’il a conçu
  Cela part du principe que l’intégrateur qui n’a pas fait le graphisme ne va pas suivre scrupuleusement la maquette qu’on lui donne. Wait, what? On peut être intégrateur et ne pas savoir réaliser un design sous Photoshop, et pourtant avoir un sens graphique et tenir une attention particulière au respect de la maquette. Quand le couple graphiste-intégrateur se connaît bien, la séparation entre les deux métiers peuvent même être avantageuse. Cela m’arrive souvent avec Thomas, notre directeur artistique ; il sait que je vais intégrer sa création au pixel près, que je vais harmoniser moi-même les incohérences qu’il a pu laisser, et que je vais me débrouiller pour concrétiser en intégration ses idées créatives et farfelues sans dévaluer la chose par souci de rapidité ou de simplicité. Le résultat ? Des clients heureux.

Le design graphique et l’intégration sont deux métiers à part entière, il est pour moi bien dangereux de vouloir faire des raccourcis entre les deux, tant ces deux domaines présupposent des compétences différentes et des points de vues souvent opposés. Créativité et optimisation ne font pas souvent bon ménage au sein d’un même cerveau. Laissons aux graphistes le loisir de nous fournir de magnifiques et impossibles maquettes à intégrer !

Harmonie et pixel perfect

Your true worth is determined by how much more you give in value than you take in payment.

The Law Of Value, The Go-Giver
Créer de l’harmonie pour susciter de l’émotion sont des valeurs au cœur de notre philosophie. Pour cela, nous pensons sincèrement qu’il est nécessaire de donner, d’offrir. Comme l’énonce cette première loi de l’ouvrage de Bob Burg et John David Mann, la véritable valeur est déterminée par la plus value fournie par rapport au paiement de la prestation.

Si vous mettez tout votre cœur à produire davantage de ce que l’on attend de vous, à exercer votre art, le bouche-à-oreille et la réputation vous le rendra. Il ne s’agit pas de réduire vos devis, de vendre moins cher un talent de valeur, mais bien d’offrir, la cerise sur le gâteau imprévu mais apprécié. C’est cadeau, c’est par plaisir, et c’est tout là l’intérêt de la chose ; cet acte de passion se doit d’être désintéressé pour être efficace, mais c’est pourtant bien celui-là qui fera décoller votre business.

Le souci du détail, l’harmonie entre tous les éléments pendant le design ou le pixel perfect lorsque l’on parle d’intégration, est l’un des meilleurs moyen de fournir une expérience unique à vos clients. La petite ombre derrière ce cadre, le hover (survol de la souris) sur ce bouton, la petite illustration qui vient orner ce texte… Tout autant de petites attentions qui feront la différence. La conversion (dans le sens large, que cela soit un achat, ou un retweet) d’un visiteur peut tenir à ce genre de détail.

Crédit : Jason Reed

EDIT : J’ai aperçu quelques malentendus à propos de « Le résultat ? Des clients heureux ». Je précise que j’appelle ici clients les utilisateurs finaux. Cela m’avait paru évident à l’écriture (avec l’emploi du pluriel), mais certains m’ont fait une remarque, pensant qu’il s’agit du client de l’agence. Il s’agit bien des clients du client. Plaire au client de l’agence, c’est bien plus facile, il suffit d’appliquer ce qu’il souhaite et c’est bon. Malheureusement, appliquer ce que veut le client sans aller plus loin ne suffit pas ; c’est normal, le client n’est pas expert web. Il faut alors user de psychologie pour satisfaire tout le monde et obtenir un résultat de qualité.

Edit du 29 septembre : La JPO est reportée à une date ultérieure. Vous serez prochainement informé de la nouvelle date !

• Mais c’est qui ?
• OK, et qu’est-ce qu’ils disent ?
• Tchin-tchin !

Mais c’est qui ?

Pour ceux qui n’ont pas le bonheur, la chance, l’honneur de nous connaître, une petite présentation s’impose
L’agence web Wype a été créée par les quatre auteurs de ce blog : Loïc, Ludovic, Thomas, et moi-même. A la base, nous étions tous les quatre passionnés de web, chacun trifouillant un peu de son côté parallèlement aux études.

Ce qui était un hobby au départ, est devenu une source d’argent de poche par la suite, puis une activité plus sérieuse. Nous nous sommes rendus compte que notre travail était comparable à des professionnels expérimentés (terme à prendre avec des pincettes, voir mon article sur l’expérience) ou même à des agences. La modestie et l’appréhension ont laissé place à la confiance et à l’ambition : c’est décidé, nous en ferons notre métier.

Nous nous sommes rencontrés dans notre cursus (l’école aura au moins servi à ça), et nous nous sommes vite aperçus de nos aspirations communes. De plus, nos compétences et notre vision du métier sont tout à fait complémentaires ; nous sommes bien plus puissants à quatre, que quatre fois tout seul. L’idée de s’associer n’était alors pas une interrogation, mais simplement une évidence. L’agence Wype est née.

OK, et qu’est-ce qu’ils disent ?

Ce qui nous a rassemblé, c’est de voir que les professionnels et agences en place ne produisaient finalement pas une qualité exemplaire, alors que c’est justement la qualité d’un graphisme léché, d’une intégration au pixel, et d’un développement optimisé qui nous tient le plus à cœur. C’est tout à fait normal que la qualité des sites présents sur internet soit parfois médiocre ; le web a été le Far West de la fin du XXe siècle, la technologie et les opportunités se sont précipitées, les spécifications étant toujours à la traine, engendrant des différences entre navigateurs, des langages différents, des méthodes différentes. Aujourd’hui le web a mûri, la course à la quantité est terminée, tandis que la course à la qualité a démarré. Entre Google qui met 0,25 secondes à sortir plusieurs centaines de millions de résultats et Facebook qui conçoit une interface connectant des millions d’utilisateurs, la tolérance des utilisateurs a fortement diminué. Tout doit être aussi rapide que Google et aussi fonctionnel que Facebook.

Or, la plupart des agences de création n’ont pas appris la leçon. Apprendre, c’est un bien grand mot que beaucoup de grandes personnes se refusent, par fierté ou simplement par peur du changement, le lizard brain tant décrié par Seth Godin dans son ouvrage Linchpin. C’est pourtant crucial pour évoluer. L’apprentissage, c’est le processus cognitif qui nous permet de modifier notre comportement chaque fois que nous sommes confrontés à une tâche vis-à-vis de laquelle nous n’avons pas de réponse adaptée. Sans lui, nous sommes bloqués avec nos anciennes méthodes, nous refusons de voir les nouvelles tendances, nous refusons de nous améliorer.
Refuser le statut quo, ce n’est pas seulement éviter de stagner pour éviter de se faire dépasser, c’est surtout se donner la dynamique de toujours espérer plus, de toujours se réinventer et de toujours proposer la meilleure solution. S’il faut savoir mettre la modestie de côté pour pouvoir se vendre, il faut pour autant rester humble, se remettre en question, toujours.

Aujourd’hui, 95% des sites web sur lequel nous naviguons sont en dessous de nos espérances. Des performances qui ne sont pas optimisées, des erreurs qui ne sont pas soulevées, des boutons ou fonctionnalités qui sont mal pensés. Des choses souvent très simples à mettre en place ; la méthode optimisée est parfois même plus rapide. Pourquoi faire compliqué quand on peut faire simple ? Le concepteur n’est pas forcément mauvais, il a simplement appliqué ce qu’il a vu auparavant, sans se préoccuper de savoir si c’était la meilleure façon de faire ou non. Le leitmotiv de notre agence c’est donc de proposer des prestations qualitatives, en essayant de pousser toujours plus loin pour mettre en valeur l’identité de nos clients chéris !

Tchin-tchin !

Les trois entreprises du 14 rue Mandar ouvrent leurs portes le 6 septembre prochain ! Et oui, Wype est en colocation de bureau avec deux autres agences. Bien loin d’être concurrents, les conseils s’échangent et la bonne humeur règne. Coup d’oeil sur nos voisins :

• Pourquoi Pas Moi : une agence de communication menée d’une main de maître par l’incroyable Prescillia Leroy et son équipe dynamique. L’agence fête ses deux ans, cette journée sera l’occasion d’annoncer le lancement d’une offre de formation dédiée aux startups, entrepreneurs & TPE.
• Moon Websites : une agence web pleine de valeurs dirigée par l’intrépide Dario Spagnolo. Vous pourrez voir tout le professionnalisme dont ils font preuve lors de leurs ateliers.

La journée promet d’être mouvementée ! Elle débutera par un petit déjeuner networking à partir de 9h30. Les conférences et ateliers s’enchaineront ensuite pour vous faire découvrir nos offres et prestations. Enfin, la journée sera clôturée en beauté par un cocktail digne de ce nom.

Venez, venez vous faire empoisonner !

• L’expérience se compte en années
• Comment calculer les connaissances ?
• En a-t-on vraiment besoin ?

L’expérience se compte en années

Ah bon ?
On mesure la force d’un homme par le poids ou la taille qu’il fait ? On mesure la valeur d’une œuvre par le temps de création ? Non. La quantité importe peu, c’est la qualité (des muscles de l’homme ou du génie de l’artiste dans notre cas) qui va faire la différence. Alors comment pourrait-on mesurer l’expérience en années ?

Retournons à l’étymologie du mot. Experientia, mot latin signifiant « l’épreuve, l’essai, la pratique ». Par extension, on nomme expérience les enseignements que nous a fourni l’analyse de ces épreuves. Tirer les leçons de ce que l’on a déjà vécu, pour améliorer la gestion des évènements futurs. Avoir de l’expérience, c’est donc avoir de la connaissance. Aucun rapport direct avec un nombre d’année. Certes, un senior qui a 20 ans d’ancienneté derrière lui a bien plus de chance d’avoir davantage d’expérience que le jeunot qui est là depuis 6 mois ; cela dit entre 20 ans à dormir, ou 6 mois à se donner à fond, sur qui parieriez-vous ?

Je ne vais pas vous sortir le couplet du « Faut bien commencer », je comprends tout à fait les recruteurs qui cherchent un profil expérimenté. On ne peut parfois (souvent ?) pas se permettre d’engager un débutant que l’on va devoir former, en particulier dans les domaines à fortes compétences. C’est le cas de la conception web, et je n’envisagerai moi-même certainement pas de recruter quelqu’un qui ne serait pas immédiatement opérationnel, excepté pour un stagiaire qui est justement là pour acquérir l’expérience qui lui permettra d’être embauché.
Simplement, il faut se focaliser sur les connaissances accumulées, plutôt que les années écoulées. Mozart a composé ses premières œuvres à 6 ans, pas besoin pour lui d’attendre que les années passent, sa mémoire eidétique lui a conféré toutes les connaissances nécessaires.

Comment calculer les connaissances ?

Deux choses sont importantes pour recruter une personne efficace : les compétences et l’expérience, que nous appellerons ici connaissances pour ne pas confondre avec l’erreur d’interprétation que font beaucoup avec l’ancienneté.

La compétence, c’est par exemple de savoir intégrer une maquette en html, quand la connaissance, cela sera de savoir qu’il faut éviter telle ou telle syntaxe pour que cela passe sous Internet Explorer. L’un ne va pas sans l’autre pour être totalement opérationnel.
Personnellement, j’ai de l’expérience en intégration. Cela ne veut pas dire que j’ai plus de compétences qu’un autre développeur, mais simplement parce que j’intègre 5 jours par semaine pour mon agence web, et que je lis beaucoup sur le sujet, si bien que les optimisations front-end n’ont plus beaucoup de secrets pour moi. J’ai pu donc expérimenter des tas de choses, en peu de temps. A vrai dire, avec beaucoup de travail, de remise en question et de motivation, cela peut même aller très vite : je rigole quand je vois un code que j’ai tapé il y a quelques mois !

Je fais souvent le parallèle entre ces deux notions et l’intelligence et la culture. Et on ne mesure certainement pas la culture en année, n’est-ce pas ?
Les connaissances se doivent donc d’être calculées de la même manière que la culture. Ne regardez pas l’ancienneté, prenez plutôt le temps de tester le postulant qui se trouve en face de vous. Par un entretien, par un questionnaire, par des épreuves. Ecoutez ce que le candidat a à dire et à apporter à votre entreprise.

En a-t-on vraiment besoin ?

Dans la plupart des boulots, il n’y a pas forcément besoin d’un bac+8 et ni d’un savoir-faire nécessitant 20 ans d’expérience pour s’en sortir. Messieurs les recruteurs, arrêtez de mettre des barrières à l’ancienneté juste pour vous faciliter le tri. Ce n’est certainement pas une bonne méthode, vous perdrez de nombreuses candidatures intéressantes dans le processus. Soyez certain qu’un jeune passionné en connait bien plus qu’un vétéran lassé.

Pour reprendre l’exemple de la conception web, notre agence utilise des technologies comme Nginx, Ruby On Rails, jQuery, HTML5… Il y a quelques années, rien de tout cela n’existait. Quant aux dernières versions, elles datent de quelques mois. 5 années d’expérience sur quelque chose qui n’a que quelques mois, mmh ?
Il suffit de peu pour appréhender et maitriser la plupart des compétences professionnelles.

Aussi, à moins que votre turnover soit aussi long que l’espérance de vie d’une mouche, vaut-il mieux une personne ayant un certain nombre de connaissances, ou quelqu’un susceptible d’en engranger rapidement ? En reprenant la comparaison avec la culture, vaut-il mieux quelqu’un de cultivé ou de curieux ? Les deux bien sûr, mais à choisir, la deuxième option vous ravira certainement davantage. L’expérience, aussi grande puisse-t-elle être, reste une quantité finie. La curiosité, la générosité, la perspicacité ou encore la facilité d’adaptation sont autant de qualités qui fournissent un potentiel infini.

Fiez-vous à des valeurs humaines plutôt qu’à un bout de papier. Oubliez les CV, ou alors ne regardez que la forme (pour un graphiste par exemple), et préférez les lettres de motivations ou autres formats où le candidat pourra clairement se démarquer par sa personnalité et son ambition. Peu importe le cursus, le diplôme, l’expérience professionnelle, demandez-leur ce qu’ils ont envie, où ils veulent aller, pourquoi, comment.
On ne recrute pas un profil, on recrute une personne.

Crédit Photo : Stockvault. Dessins : J.M. Ucciani et Gérard Matthieu.

• Une tendance de fond
• Une motivation bien souvent extrinsèque
• Écrire pour soi

Une tendance de fond

« Mes amis ont un blog, il m’en faut un ! »
C’était il y a 10 ans.

« Mes concurrents ont un blog, il m’en faut un ! »
C’est aujourd’hui.

Les entreprises classiques ont mis du temps à comprendre l’importance d’Internet, surtout en France où l’on a préféré s’accrocher au minitel, c’est pour dire… Mais maintenant, tout le monde se met aux blogs, c’est une tendance de fond.

Les marketeux, toujours en retard sur la technologie, sont pourtant ceux qui se plaisent à la mettre en avant dans les stratégies marketing, parce que c’est hip. Ou plutôt, hype comme ils disent. Oui, ces mêmes qui n’ont pas bien compris le premier iPhone et qui se ruent maintenant sur l’iPad 2 et son nouvel iOS 5. Pour les blogs, c’est avant tout un effet de mode indéniable qui se propage d’agence à agence, de stratégie marketing à une autre. Il faut suivre le mouvement.

Oh allez, ne soyons pas trop critiques, il y en a qui en ont dans le ciboulot, et qui ont compris l’intérêt de tenir un petit journal de bord. L’ajout d’un blog sur un site vitrine ou corporate rajoute du dynamisme, rajoute du contenu frais donc un intérêt à revisiter le site. Du contenu supplémentaire augmente le référencement sur les moteurs de recherche, le blog étant très adapté : des billets variés pour cibler des mots-clés bien précis, une longueur de contenu texte adéquat à un bon référencement, une fraicheur de contenu et un rythme de publication intéressant, un maillage interne optimisé… L’intérêt principal mais souvent sous-exploité, c’est de créer une interaction avec ses consommateurs ou clients. Avec les commentaires, on ajoute une dimension communautaire, en étant à l’écoute de ses prospects et en permettant une réaction et une expression, créant une sympathie compréhensible et justifiée envers la marque ou l’entreprise.

Une motivation bien souvent extrinsèque

Malheureusement dans tout ça, l’écriture n’est plus un moyen mais une fin. Comme on l’a dit on écrit pour le SEO, on écrit pour attirer des gens, on écrit pour vendre ; l’écriture est devenu une conséquence, une chasse au trésor. On doit faire parler de nous, donc on écrit, on doit remonter dans les moteurs de recherches donc on écrit. Le problème qui se pose, c’est qu’il est très difficile de simuler l’envie d’écrire. Le langage est bien trop complexe pour ne pas laisser transparaître des signes d’une certaine coercition. Vous n’avez pas déjà lu un article de blog dans lequel les phrases s’enchainent sans vraiment d’intérêt ? Les mots-clés défilent tandis que les émotions ne décollent pas, les phrases se rallongent alors qu’aucunes idées nouvelles n’émergent, les mêmes articles vus et revus sont encore déclinés…

C’est un conseil que je lance à tous les futurs blogueurs : ne cherchez pas à obtenir de récompense. La récompense, c’est l’écriture elle-même. Transmettre ce que l’on sait, partager ce que l’on pense, et échanger avec les lecteurs. Si la motivation de tenir un blog est intrinsèque à votre personnalité, la qualité que vous produirez en sera sensiblement bonifiée. Faîtes sentir votre passion et votre sincérité à travers vos écrits, cela ne pourra vous apporter que du bon sur le long terme : des lecteurs intéressés, récurrents, qui reviennent car ils aiment votre humour, votre verve, votre vigueur, ou simplement car ils se sentent proche de vous. Comment pourrait-on toucher des lecteurs en écrivant un texte dénudé de toute touche personnelle ?

Écrire pour soi

Better to write for yourself and have no public than to write for the public and have no self.

Cyril Connolly

« Il vaut mieux écrire pour soi et ne pas avoir de lectorat, que d’écrire pour avoir un lectorat et de n’avoir aucune personnalité. »
Tenir un blog ne se résume pas à publier, à cultiver sa présence sur le web ou à référencer son site. Écrivez pour vous, écrivez parce que vous avez quelque chose à dire ! Écrire c’est avant tout s’exprimer, se lâcher, enfin dire ce que l’on pense, pousser un coup de gueule, partager un coup de cœur, critiquer, encenser, échanger. Écrire, c’est se construire, c’est mettre à plat ses idées, structurer l’argumentation de ce dont on croit. Savourez de mettre par écrit toutes les questions que vous vous posez, vos états d’âme, vos joies comme vos déceptions. Ecrire pour soi, avoir une relation intime avec son blog et ses lecteurs, a un effet thérapeutique indéniable. Tapoter sur son ordinateur permet de se libérer, d’accepter, d’avancer et de grandir. Prêt à vous lancer ?

• Le petit bonhomme de chemin du pixel
• Le pixel en image
• A la conquête du monde
• Le plus

Le petit bonhomme de chemin du pixel

Impossible d’y échapper : voici l’intégrale de l’histoire du pixel en seulement 500 lignes. Du pur bonheur.
Plus sérieusement, tout savoir sur le pixel et le pixel art n’est pas ce qu’il y a de plus palpitant c’est pour ça que je vais essayer de faire passer un maximum d’informations tout en vous gardant éveillé. En premier lieu, rappelons rapidement ce qu’est le pixel. Pour comprendre son nom, il faut aller chez nos confrères anglais.
pixel vient en fait de la contraction de « picture element » qui signifie élément d’image. L’abréviation a donné « px » (unité de base afin de mesurer la définition d’une image). Jusque la, rien de bien compliqué.

Vient alors des petits rigolos qui se sont dit : « mais pourquoi pas utiliser cette unité pour réaliser une composition numérique ». Bon, ok j’avoue, ce n’est pas la phrase exacte mais dans l’idée on est pas loin. Mais alors, comment font-ils pour réaliser de tel chose.
L’avantage du pixel art c’est qu’on peut en faire assez simplement. Pour les possesseurs de windows, on ouvre paint et c’est parti. Pour les autres, Gimp devrait suffire mais il en existe bien d’autres. Enfin, on utilise la perspective isométrique (« façon de faire » la plus utilisée). Sous ce terme qui peut vous paraître étrange se cache une technique plutôt maligne. Permettre des représentations de toutes tailles et extensibles à l’infini. D’ailleurs, si on compare deux objets, l’un placé au premier plan et l’autre au second, tous deux conserveront la même taille (ce qui est éloigné n’est ni plus petit ni moins visible). Après, tout est une question de temps (et je vous le cache pas, il va en falloir du temps).

Le pixel en image

Que dire de plus, il suffit maintenant d’apprécier et de critiquer :

Et rien que pour le plaisir, petit passage interdit au moins de 18 ans :

A la conquête du monde

En se baladant dans Paris, on peut y voir de petits monstres en mosaïque faisant référence au fameux jeu « Space Invaders ». Qui plus est, c’est l’œuvre d’un artiste français dont je vous invite à regarder le site Space Invaders.
Surnommé Space Invader ou tout simplement Invader, cet artiste a décidé, vers la fin des années 90, « d’envahir » le monde. C’est un bien grand mot puisque sa démarche consiste à semer dans plusieurs villes du monde entier des mosaïques représentatives, pour la plupart du temps, des personnages du fameux jeu space invaders. Cela explique donc facilement son surnom. On peut d’ailleurs visualiser cet envahissement sur une carte.
Ce n’est pas le seul à faire ça et j’ai pu apprécier ce genre de mosaïque à Nantes, représentant des personnages de jeux vidéos comme link, mario, etc.

Le plus

On s’aperçoit donc que les références aux jeux vidéos sont nombreuses et continueront comme par exemple le nouveau jeu Minecraft créée par le suédois Markus Alekej Persson, dit Notch où l’on incarne un personnage qui doit survivre dans un univers rempli de cube.
En parlant des jeux vidéos, je vous invite à tester votre culture sur ce sujet : arcadeaid

Crédits : 8bits dotk; 4x4pixels; amusement; L’agence Nineteen Seventy Three; Eboy

• Savoir dire Non
• Comprendre plutôt qu’appliquer
• Une empathie nécessaire

Savoir dire Non

Il est essentiel de ne pas dire amen à toutes les demandes qui peuvent être soulevées. C’est souvent un des points difficiles lors d’un contrat de prestations, le cahier des charges du contrat n’étant jamais détaillé au point d’être exhaustif. Alors comment faire pour dire non à un client (car n’en doutez pas, vous aurez à dire non) ?

Imaginons-nous dans cette situation : vous signez un contrat de conception-rédaction, vous devez trouver un nom de marque et une baseline pour votre client. Vous revenez quelques jours après avec une dizaine de propositions. Mais rien ne plaît au client. Bon on refait un essai, on en cherche d’autres. On trouve, mais encore une fois cela ne plaît pas au client. Que faire ?

Certains inscrivent dans le contrat un nombre définis de propositions. Mouais, c’est pas mal pour se protéger juridiquement, mais c’est un peu moyen en pratique. D’une part, si le client a le droit à trois propositions, et qu’aucune des trois ne lui plaît, alors il doit choisir et paye pour quelque chose qui ne le convainc pas ? D’autre part, en voyant la première proposition, ne sera-t-il pas tenté, même s’il est satisfait, par demander une deuxième ou troisième créa ? Pour finalement valider la première, le coup classique… Plutôt inefficace.

Il ne reste alors qu’une seule solution : dire NON. D’une part, pour sauvegarder son business de prestataire ; impossible d’être rentable si un logo à 800 € vous prend un mois. Mais aussi pour préserver sa crédibilité en tant que professionnel. Céder, c’est non seulement perdre du temps sur le projet, mais c’est aussi dévaluer d’une manière générale son travail et ses compétences.
Bien sûr, il faut savoir dire NON uniquement lorsque c’est légitime ; d’ailleurs, il faut expliquer au client pourquoi on lui dit non, en argumentant à chaque fois les propositions qu’on lui émet. Le client a juste besoin d’être rassuré et d’être convaincu qu’il a devant lui la meilleure solution pour sa problématique.

Ne pas savoir dire non, c’est encourager ce genre de réaction.

Dans cette situation, il ne faut pas blâmer pas le client. Il a tort certes, mais comment lui en vouloir quand l’essentiel des modèles économiques sur Internet sont basés sur la gratuité, avec publicité ou avec du freemium ? Il faut simplement lui faire comprendre où va son argent : pourquoi un site est-il cher ? Et plus encore pour un logo ou un nom de marque, c’est tout petit, alors pourquoi cela coûte si cher ? N’hésitez pas à lui détailler tout le processus de création, les jours travaillés, le nombre de personnes que le projet nécessite… En plus de se sentir entouré et compris dans sa demande, il acceptera plus facilement les devis que vous lui proposerez, et surtout, il acceptera plus facilement quand vous lui direz non.

Comprendre plutôt qu’appliquer

Comprendre, c’est la clé de la réussite d’un projet, au-delà même de la force ou la motivation des ressources humaines allouées à celui-ci. S’il est crucial de savoir dire non, c’est encore mieux s’il n’y a pas besoin de le faire

Revenons à nos moutons. OK, on ne veut plus se laisser marcher sur les pieds, mais concrètement on fait quoi pour satisfaire son client ? Cela découle du bon sens, tout d’abord on écoute ce que le client souhaite. En fonction de la prestation, cela peut passer par un brief créatif, un cahier des charges de fonctionnalités, etc. Il s’agit là de mettre à plat le maximum de choses, de clarifier les besoins, les envies, les enjeux. C’est surtout le moment où il va falloir clôturer avec fermeté le périmètre du projet, afin qu’aucune des parties ne soit frustrée, le prestataire qui a trop travaillé par rapport au devis, où le client qui se retrouve avec une solution qui ne lui paraît pas complète.

La plupart des prestataires vont demander à leur client ce qu’ils souhaitent, combien de pages sur un site ou quelle couleur sur une affiche par exemple. C’est selon moi une très grande erreur. Se focaliser sur les envies du client, ça peut paraître a priori une bonne solution pour le satisfaire, ou du moins une solution de facilité. Le problème, c’est que le client n’a pas les compétences requises pour faire ces choix, sinon il ne viendrait pas vous voir. Imaginez un peu que, souhaitant construire une maison, vous énonciez à votre architecte tout ce que vous souhaitez et lui exhortiez d’exécuter vos choix arbitrairement. Deux solutions, votre maison risque de se casser la gueule, ou l’architecte va prendre les jambes à son cou. A fortiori, il vaut mieux se cantonner aux décisions de l’architecte, que cela soit pour construire une maison comme pour construire un site web.

Une solution moins facile mais plus efficace au final : s’en tenir à une expression des besoins, et non des fonctionnalités ou encore des « je veux une image là et le texte là ». A vous ensuite d’élaborer pour votre client une proposition concrète et affiner le travail avec lui. Il ne s’agit pas non plus de tout faire, car si c’est votre métier de créer un site web, c’est bien le client qui connait le mieux le cœur de métier dont va traiter le site internet ou les potentiels cibles d’une campagne de communication. Ce qu’il faut toujours garder à l’esprit, c’est que l’on travaille pour le client du client. C’est lui qu’il faut séduire, ce sont ses goûts qu’il faut cibler ; n’ayez crainte, le client comprendra tout à fait et n’aura aucune honte à retirer ses idées si c’est pour le bien de son business et si la démarche lui est bien expliquée.

Et enfin, arrêtons un peu d’être négatif, aller à l’encontre des goûts ou des idées du client n’est pas forcément difficile à faire passer. Usez de votre meilleure passion artistique pour lui pondre un design renversant, un site à couper le souffle ou un communiqué de presse qui envoie du pâté, il sera le premier à oublier ce qu’il avait en tête et à chérir votre création. N’hésitez jamais à justifier vos choix, le client ne demande qu’à comprendre pourquoi telle ou telle option a été choisie plutôt qu’une autre. Bien sûr dans ce cas, un peu de psychologie de l’engagement peut faciliter la validation client, mais le sujet est trop vaste pour l’aborder dans cet article.

Une empathie nécessaire

OK, au lieu d’appliquer bêtement ce que nous récite le client, on s’efforce à comprendre ses enjeux, son métier, ses problématiques afin de lui fournir, de par notre expérience et nos savoirs, la solution la plus convaincante. Mais il est évident que cette transition doit se faire en douceur, si le client vient en demandant un site web rose à trois colonnes, et que vous lui imposez un site blanc minimaliste en une seule colonne, ça risque d’être costaud. C’est pendant cette phase qu’il est le plus crucial de faire preuve de psychologie. Plus encore que la simple compréhension de son business, il va vous falloir ressentir ce que ressent votre client, manifester de l’empathie ; au final, le client doit être intégré à l’équipe prestataire, et le prestataire doit se comporter comme faisant partie de l’équipe cliente.

On entend parfois le terme d’entreprise relationnelle. Son objectif principal est de réunir tous les moyens nécessaires à la satisfaction du client. Et pour cela, du patron à l’employé, chacun se doit de mettre du cœur à l’ouvrage, motivé à se mettre à la place du client pour comprendre le contexte et les problématiques qui lui sont propres, et ce à chaque étape du processus de création. Il s’agit de développer une relation privilégiée avec le client et le mettre au centre du projet, afin d’avancer ensemble de manière efficace, sans avoir besoin de rapports ou de livrables interminables rajoutant de la lourdeur à un projet qui n’en nécessite pas forcément. Cette vision de la relation client permet de créer une confiance réciproque qui amène bien souvent à une efficience accrue, l’implication du client dans le projet étant maximale.

Enfin, et c’est peut-être là le point le plus sensible à saisir : l’empathie pour le client est nécessaire à la réalisation créative. Nous en avions parlé dans notre article sur les moyens pour innover : si l’on passe à côté d’une partie des besoins, si l’on se laisse aveugler par les contraintes, il sera très difficile de concevoir une œuvre nouvelle et de qualité.
D’autre part, une idée innovante ne vient pas sans bousculer les établis ; pour qu’une telle idée puisse être comprise, acceptée puis osée, la confiance entre les acteurs du projet doit atteindre un certain niveau. Le client doit avoir la conviction que vous pouvez réaliser votre proposition, comme le chef de projet doit avoir confiance en son équipe, et ainsi de suite. Chacun doit alors avoir la même vision, partager la même ambition, pour pouvoir créer quelque chose de grand et d’inédit.

Vous tous qui avez la chance d’avoir un boulot dans lequel vous pouvez exercer votre art, que cela soit en design comme en relation consommateur, en développement de site comme en écriture d’un bouquin, prenez le temps de bien vous imprégner des besoins du client, de ses envies, de son contexte. Même un simple sourire peut changer bien des choses…

PS : Un long moment s’est écoulé depuis notre dernier article, enfin un nouveau aujourd’hui. Merci à ceux qui se sont inquiétés et autres mails d’encouragements ! Non le blog n’est pas mort, mais l’équipe a été très occupée ces deux derniers mois, et pour cause, nous avons emménagé dans nos nouveaux locaux ! A très vite pour d’autres articles

• Le nouveau Macbook Pro
• Un confort et une productivité indéniables
• L’éternel troll

Le nouveau MacBook Pro

Quelques temps après la fermeture de l’Apple Store en ligne dans l’après-midi qui a laissé présager la mise-à-jour tant attendue, le store ré-ouvre ses portes avec les nouveaux MacBook Pro. Les changements ne sont pas énormes, le minimum syndical diront certains, mais c’est somme toute de bonnes nouvelles puisque les capacités techniques augmentent alors que le prix lui n’augmente pas. Certes, certains auraient même préféré une baisse de prix, au vu de l’actuel taux de change entre l’euro et le dollar… Ça fait longtemps que je souhaite en acquérir un, et cette fois les circonstances sont réunies ; voilà donc que ce matin on me livre mon MacBook Pro 15″ 2.0 Ghz.

Au programme de ces nouvelles moutures :

• Des processeurs Intel quadricœurs et bicœurs de nouvelle génération. Avec l’arrivée de l’architecture Sandy Bridge, les modèles 15″ et 17″ possèdent maintenant des processeurs quadricœurs Intel Core i7. Les modèles 13 pouces abandonnent quant à eux l’Intel Core 2 Duo pour adopter les processeurs bicœurs Intel Core i5 et i7. Avec une vitesse par Turbo Boost jusqu’à 3.4 Ghz, ils pourront être jusqu’à 2x plus véloces que leurs prédécesseurs.
• Les processeurs graphiques sont également améliorées. Le processeur Intel HD Graphics 3000 est désormais intégré en standard sur toute la gamme MacBook Pro. Pas de changement pour le modèle 13″ qui affiche des performances graphiques sensiblement similaires à celles de l’ancienne gamme, étant dépourvu de carte graphique dédiée. Les 15″ et 17″ sont eux dotés des cartes AMD Radeon qui promettent des performances en hausse, particulièrement sur les modèles haut de gamme avec la carte AMD Radeon HD 6750M avec 1 Go de GDDR5.
• Thunderbolt, plus rapide encore que l’USB 3. En effet, il permet des transferts largement supérieurs, jusqu’à 10 Gbit/s. Il s’agit en fait de la déclinaison en cuivre de la technologie Light Peak, un connecteur basé sur la fibre optique qui ne devrait pas sortir avant 2012. En revanche, le connecteur n’est pas directement compatible et nécessitera un adaptateur.
• Webcam HD en résolution 720p. Autre nouveauté de cette mise-à-jour, la webcam va permettre de filmer à une résolution de 720p. Pour l’occasion, FaceTime, le logiciel de visioconférence entre produits Apple, sort en version finale.
• Augmentation de l’espace sur les disques durs. Et enfin, pour finir, l’espace de stockage des MacBook Pro a légèrement été agrandi. Les disques SSD restent en option, contrairement à certaines rumeurs. Ce que je trouve justifié vu le prix de ces derniers.

Du côté du matériel en lui-même, il n’y a pas de changement. Les ordinateurs arborent le même design et ont sensiblement le même poids. Une déception pour certains qui souhaitaient un changement d’apparence pour rafraîchir la gamme. Pour l’instant chez Apple, on ne change pas une équipe qui gagne, le MacBook Pro restant la référence en terme de design d’ordinateur portable.

Un confort et une productivité indéniables

Tout d’abord on peut se poser la question : pourquoi acheter un MacBook Pro ? Pas mal d’acheteurs ne se posent pas la question, c’est un produit Apple, c’est génial, c’est les meilleurs, c’est beau, c’est pratique. Ce n’est pas mon cas. Je suis loin d’être un fanboy, et ceux qui me connaisse savent à quel point je peux critiquer la firme de Cupertino, que ce soit pour l’iPhone, trop fermé, auquel je préfère largement Android, ou bien pour l’iPad, ce jouet tout bonnement inutile. Mais il est vrai que le MacBook Pro est tout de même un bel outil, et lorsque l’on passe sa journée devant l’ordi, le confort n’est certainement pas une fioriture. Ce design agréable m’évitera peut-être un aspirine en rentrant.

C’est important de le noter, mon MBP me servira d’ordinateur professionnel. Je garde pour ma vie personnelle mon bon vieux pc portable assemblé à la main, qui tiendra la route niveau performance pendant encore quelques années. Je n’aurais certainement pas mis plus de 1700€ juste pour avoir un truc plus joli pour regarder youtube… Séparer son outil de travail de son ordinateur personnel est très important si l’on souhaite éviter à tout prix un débordement de la vie professionnelle sur la vie privée, comme je l’avais conseillé dans les inconvénients du télétravail. Pour le travail à domicile, mais cela vaut également pour les entrepreneurs qui ramène leur ordinateur portable au bureau. D’une façon toute simple, vous gagnerez aussi en productivité : si vous n’avez pas toutes les applications, jeux, distractions dont peut regorger votre ordinateur personnel, vous ne serez pas tenté par la perte de temps.

Le matériel, OK, mais le gros point positif, c’est évidemment Mac OS. On aura beau dire que Windows peut tout faire, c’est pas aussi flexible. On aura beau dire que Linux peut tout faire, ouais bon, faudrait quand même plus d’applications (et non, Wine est loin d’être la solution à ce problème). Ce qui m’a poussé à sauter le pas, c’est justement que l’on a dans un seul OS un nombre d’applications conséquent, autant que sur Windows, voire encore plus pour les applications professionnelles ou tournées vers le web. Mais aussi, une interface et l’ergonomie qui n’a rien à voir. Venant de PC, j’avais en dual boot Windows et Linux, et j’ai utilisé ces OS pendant plus de 10 ans. Mac OS est bien au-dessus.
Tout est pensé pour simplifier l’utilisation et augmenter la productivité. Par exemple, Growl le gestionnaire de notifications qui est ensuite repris par chaque application. Sur PC, la mentalité serait plutôt d’avoir un système de notification par appli, tirant donc la cohérence graphique et ergonomique vers le bas. Quand toutes les applications fonctionnent les unes avec les autres, c’est là la plus grande source de productivité, tout se synchronise, tout est programmé pour que tout marche ensemble.

Justement, en conception web, il y a beaucoup de choses interconnectées. Le code, le navigateur, le ftp, etc. Donc un système comme Mac OS prend tout son sens quand il s’agit de travailler. Évidemment, ce système a de nombreuses autres qualités, mais en tant qu’entrepreneur web, c’est vraiment le point que je retiens, et c’est ce qui m’a fait quitter Windows. Je laisse volontiers d’autres blogueurs mettre en évidence les autres bénéfices de Mac OS X, ou simplement en visitant la page d’Apple qui décrit en toute modestie le système d’exploitation le plus avancé au monde. Ah, l’égo de la Pomme, un mythe.

L’éternel troll

Je suis d’accord qu’il y a un gros point noir : le MacBook Pro est trop cher. C’est le plus gros point négatif, sans aucun doute. On trouve les mêmes caractéristiques pour deux fois moins cher sur un PC portable. Certes, l’écran et le trackpad sont d’une qualité incomparable, mais c’est surtout la marge qui est incomparable ! Pour moi, c’est un investissement, qui sera rapidement amorti. Pour d’autres, c’est de l’argent lancé par la fenêtre.

Sinon, le combat Mac vs PC est et restera toujours stérile, les uns ne voulant guère entendre les arguments du camp d’en face. Ce qu’on entend souvent par exemple, c’est qu’il n’y a pas tous les jeux qu’il y a sous Windows. Ce qui tend d’ailleurs à ne plus être vrai, tous les nouveaux jeux sont portés sous Mac OS, mais Windows reste l’OS de jeu de référence. De l’autre côté, on a la controverse sur les virus, dont l’OS de Microsoft est infesté, alors qu’il y en a beaucoup moins sur Mac. « C’est normal, c’est juste qu’il y a moins de Mac, donc les pirates ne s’attaquent qu’à Windows ». A quoi, les Mac-users répondent que c’est surtout le système Windows qui est mal conçu, alors que Mac OS est réputé pour son système bien plus optimisé. Dialogue de sourd.

Si vous voulez troller dans les commentaires, libre à vous, en tout cas c’est avec un vrai plaisir non dissimulé que j’ai écrit ce premier article avec mon MacBook Pro

Crédit Photo : Apple

• Hein, accessibilité ? M’en fous moi !
• Web Accessibility Initiative
• Les outils disponibles pour nous aider

Hein, accessibilité ? M’en fous moi !

Le mot à la mode, c’est l’usabilité. Ouais cool, on va faire une ergonomie, avec un design approprié, et optimiser l’usabilité. Beaucoup de mots, mais la plupart du temps pas beaucoup de sens pour monsieur le client. En fait dans le web, on entend par l’usabilité la facilité que l’on a à utiliser le site ou l’application. Il est évident qu’il faut s’en préoccuper grandement, l’internaute fuira s’il ne comprend pas facilement et rapidement.

Mais ce qu’on oublie souvent, c’est qu’il faut déjà que l’utilisateur arrive au contenu. S’il est handicapé ou mal voyant par exemple, avec un navigateur qui n’affichera pas certaines choses (css, images) ou désactivera les objets dynamiques (flash, javascript). Comment va rendre notre site une fois toutes ses couches supprimées ?

Et ces derniers temps, il faut évidemment penser au mobile : le site dispose-t-il d’une version optimisée pour les smartphones ? pour le wap ?
Y a-t-il une application dédiée ? Le risque d’un contenu inaccessible : laisser votre utilisateur sur le quai.

Enfin, bien souvent l’accessibilité des contenus sont bénéfiques pour le référencement. Pour l’indexation d’une part, si on fait attention à ce que chaque contenu soit accessible sans flash ou javascript, il sera également accessible aux moteurs de recherches. Pour l’optimisation des mots-clés d’autre part, en remplissant les balises alt des images par exemple, ou en spécifiant des ancres de liens informatives même quand une image est mise derrière en css.

Web Accessibility Initiative

Accessibilité, OK, mais de quoi parlons-nous exactement ? Avant de voir comment améliorer l’accès à notre contenu, il faut déjà voir comment on a organisé, dans le monde du web, les bonnes pratiques d’accessibilité. C’est même maintenant devenu des standards, propulsé par la WAI.

L’initiative sur l’accessibilité du web a été lancé par le W3C pour promouvoir les solutions techniques destinées à améliorer l’accès au web pour les personnes handicapées et via les navigateurs diminuées (mobile, sans images, sans javascript, etc).

Le WAI a donc rédigé des conseils pratiques qui peuvent aider les concepteurs web à rendre les sites internet plus accessibles, et ce qui nous intéresse en particulier, c’est le WCAG, les règles pour accessibilité des contenus web. Avant de se jeter sur les outils d’accessibilité que l’on peut trouver sur le web, il est intéressant de lire ou relire le WCAG 2.0 sur le site du W3C, pour bien comprendre les techniques et mécanismes qui rendront votre contenu accessible au plus grand nombre.

Les outils disponibles pour nous aider

Convaincu de prendre soin de l’accessibilité de son site ? Ok, cool. Ah oui mais je n’ai pas fini mon boulot, car vous vous demandez maintenant comment. Voici donc un début de réponse avec quelques points à prendre en compte et les outils pour les évaluer pour l’améliorer. Vous devriez ensuite continuer votre quête en inspectant les caractéristiques propres à votre site web, comme votre menu de navigation, la présentation de l’information dans vos pages. Par exemple sur ce blog, nous nous sommes posés la question de l’accès au contenu dans un article trop long. C’est pourquoi vous trouverez au début de la plupart de nos articles un petit sommaire avec des liens vers les sections principales

• Le handicap visuel : on a pas tous la chance d’avoir un daltonien (et fier de l’être) au sein de notre équipe de développement. Le meilleur moyen de voir si notre site est bien accessible, c’est de simuler la vision d’un daltonien et d’inspecter si certains liens ne paraissent pas invisibles par exemple, et s’ils sont tout de même accessibles, est-ce qu’on ne pourrait tout de même pas appliquer un contraste plus efficace ? Loïc en a justement parlé dans son article, en fournissant une liste d’outils pour simuler une vision de daltonien.
  
• Analysez l’accessibilité de vos images avec Juicy Studios Image Analyzer.
  Avec cet outil, vous pouvez examiner les images de votre site web et vérifier si vous avez scrupuleusement (ou non) rempli les balises alternatives alt et longdesc (cette dernière peut cela dit être oubliée), ainsi que width et height. L’accessibilité de votre page dépend beaucoup de la facilité qu’ont vos utilisateurs d’interagir avec les images, il est important de s’en préoccuper ; Juicy Studio Image Analyzer est un bon outil pour vous aider là-dessus.
  
• Evaluez l’accessibilité de la page en cours avec l’extension pour Firefox Accessibility Evaluation Toolbar.
  Cette extension vous permet d’inspecter tous les éléments de design sur votre site. Vous pouvez rapidement lister les images et éléments et checker le respect avec les standards d’accessibilité. Il y a aussi des outils intégrés comme la validation html du w3c directement dans la toolbar.
  
• Testez et améliorez la lisibilité de vos textes, autre critère important d’accessibilité, à l’aide d’outils d’analyse sémantique tel que celui d’online-utility.org : Readability, test and improve.
  Cet outil va scruter vos textes, la longueur des mots, le nombre de syllabes, la fréquence de ponctuation, etc. L’outil générera alors des résultats sous formes de statistiques, mais aussi de « notes » en fonction du niveau d’éducation requis pour lire le texte soumis. Évidemment, il s’agit de résultats d’algorithmes, qui ont en plus été développés pour des textes en anglais, mais cet outil peut tout de même vous fournir un aperçu de la qualité de votre contenu. Pour plus de concret, l’outil affiche les phrases qui lui semble les plus difficiles. A vous de voir ensuite s’il est judicieux de reformuler, aérer ou scinder les extraits retournés.
  
• Décortiquez votre code html avec Wave, un outil interactif pour afficher par dessus votre page web des indications sur vos éléments et balises html, et repérer les quelques oublis ou erreurs à résoudre. Vous serez notifié avec un petit encart à côté de chacun de vos éléments, pour vous indiquer si oui ou non vous respectez les standards d’usabilité, avec un commentaire pour résoudre le problème si problème il y a. Soyons clair, ça pète votre design et c’est parfois dur de s’y retrouver, mais cela s’avère dans l’ensemble assez agréable à utiliser.
  

N’hésitez pas à partager d’autres ressources utiles en commentaires !