Les innovations technologiques modifient, que dis-je chamboulent, nos habitudes quotidiennes, dont celles de consommer des informations, des loisirs, ou tout simplement d’acheter. Pour faire face à ces bouleversements, on peut les anticiper ou tenter d’attraper le train en marche. D’autres resteront sur le quai, et taperont du pied en se disant que c’était mieux avant et que c’est la faute au système/à la technologie/bref, aux autres…

C’est le cas par exemple de la presse, qui n’a pas su s’adapter aux fameuses èN-Té-I-Cé et qui a cru, à tort, pouvoir conserver son modèle quoi qu’il arrive. Aujourd’hui pourtant, nous n’avons pas le même rapport à l’information qu’il y a ne serait-ce que 10 ans, qu’on soit émetteur ou récepteur.

Bref, je m’égare… quoique : le commerce tel que nos chères mères-grands l’ont connu n’est plus le même aujourd’hui, et pas seulement à cause de l’Internet (ou des Internets, comme dirait ma maman).

Si on se concentre sur le web (parce qu’on ne va pas refaire le monde en un billet ma bonne dame), on peut dire sans trop se risquer que celui-ci a eu un fort impact sur le commerce traditionnel. Pas besoin de s’appeler madame Irma ou TNS Sofres pour ça : aujourd’hui on consomme et on vend différemment.

Et tout n’est pas négatif, loin de là. Ok nous avons tendance à être un peu feignasse sur les bords (je me fais livrer des sushis plutôt que de marcher 5 mn) et impatient aussi (ce site met plus de 5 secondes à afficher ma commande, je vais voir ailleurs si j’y suis). OK, certains commerçants n’ont pas tenu la marée avec l’émergence du web et des discounters aux coûts de fonctionnement hyper réduits.

Ceci étant dit, parce que tout n’est pas blanc ou noir, le commerce en ligne a de nombreux avantages. Avant même de parler d’e-commerce, le seul fait de pouvoir communiquer sur Internet en créant (au minimum) un site web permet à des commerçants, petits ou grands, d’avoir droit à une part du gâteau. C’est le cas par exemple de Picourt-Cabis, qu’on a fait tout beau sur Internet.

Toujours sans parler d’e-commerce, une étude américaine, relayée par l’Atelier, s’est penchée sur les relations entre sites web et acheteurs en magasin. Et bien figurez-vous que d’après cette étude, les consommateurs qui s’informent en amont sur le site web de la marque/du magasin achèteraient entre 37% et 53% de plus que ceux qui ne l’ont pas fait.
Autre enseignement de cette enquête :

les valeurs de la marque doivent être visibles et fournir une raison convaincante pour un internaute d’acheter un de ses produits, le contenu doit être mis à jour régulièrement et doit engager les visiteurs en incluant promotions, jeux, applications ou chat en direct.

Quand on sait que plus d’une entreprise française sur deux n’a pas de site Internet, et que seulement 12% ont un site mobile, on se dit qu’on a du pain sur la planche.

Une autre étude réalisée en 2011 dans quatre pays d’Europe (France, Allemagne, Grande-Bretagne et Italie), confirme ce lien fort entre internautes et achat « traditionnel ». On y apprenait notamment que 4 internautes sur 10 s’informent sur Internet mais achètent en magasin.

Et c’est sans parler des formidables opportunités du web mobile, avec la possibilité pour vos clients, actuels ou futurs, de vous retrouver facilement où qu’ils soient (et surtout sans le bon vieil annuaire des pages jaunes qui sert aujourd’hui à caler les meubles).

On peut aussi, comme Blancrème (une autre réalisation dont nous sommes très fiers) cumuler les deux : avoir de jolies boutiques « traditionnelles » et une toute aussi jolie en ligne. Bref, qu’on se le dise, Internet ne va pas effacer de nos rues toutes nos boutiques préférées, bien au contraire…

Ô la belle boutique

Qui ?

C’est connu internationalement jusqu’à Quimper, mais ça va mieux en le disant : LunaWeb est une petite agence Web composée de 8 passionnés du Web « de qualité », de la conception à la réalisation. En tout cas on essaie de toutes nos forces.

Basée à Rennes, dans un écrin de vapeurs de bon café et de Macs rutilants, LunaWeb réalise pour des moyens à grands comptes interfaces et développements web privilégiant l’utilisateur final (l’internaute, donc).

Un objectif, un seul : améliorer l’expérience des utilisateurs ; qu’il s’agisse d’ergonomie, de design, de performance, de sécurité ou d’accessibilité des interfaces (fixe ou mobile, vous pensez bien).

Quoi ?

Nous recherchons un (ou une) chef de projet Web expérimenté, capable de lancer, suivre et encadrer des projets très variés (sites événementiels, portails métiers, jeux-concours, campagnes e-mailing, applis et sites mobiles, etc.).
Une bonne dose de patience, de pédagogie et un solide sens du relationnel est indispensable…

Sous le joug de notre directrice de production, vous subirez bien des misères :

• encadrement des productifs,
• suivi de projet intégral,
• création de plannings, devis, comptes-rendus,
• relation client,
• reporting,
• etc.

Vous aurez aussi affaire au directeur, bourreau de travail sans cœur, et au directeur technique, un créatif au service du code…

Bref, c’est chaud.

Responsabilités ?

Oh, trois fois rien :

• planification et suivi quotidien des projets web,
• relation clients, partenaires et prestataires,
• estimation des temps (devis),
• suivi du temps passé par projet,
• formation du client à l’administration de son back office (hu hu),
• suivi et reporting analytique des audiences,
• remplissage du cahier interne des pépites de clients, déjà très fourni…

Bref, les doigts dans le nez. Si.

Vous êtes, lucky you, l’interlocuteur du client pour les demandes d’évolutions (« bonjour je voudrais pouvoir tout rendre administrable, finalement »), vous vous assurez que l’outil réalisé correspond aux attentes initiales.

Vous participez ou animez les réunions entre les acteurs du projet depuis son début et jusque la fin (si vous êtes toujours vivant, s’entend, mais c’est rare).

Le profil qui va bien ?

Vous êtes un humain.

La gestion de projet Web est déjà votre métier, idéalement vous évoluez dans une structure similaire à la nôtre (même si c’est difficile, je sais).
Vous êtes sensibilisé aux techniques d’édition Web (webdesign, intégration HTML, développement web), vous êtes tombé dedans quand vous étiez petit et vous avez envie de rejoindre une équipe jeune, fougueuse et terriblement passionnée.

Fait important : vous savez supporter la pression (je ne parle pas de bière), et vous avez un sens du relationnel suffisamment développé pour ne pas avoir envie égorger vos prochains à la moindre difficulté (rigolez, vous verrez).

Rigoureux, méthodique, motivé par le travail bien fait ; vous aimez travailler en petite équipe et aller au bout des choses (le Web moulé à la louche, de père en fils depuis 2004), vous suivez l’actualité du Web et vous êtes force de proposition pour collaborer à des solutions innovantes.

Où ?

Nous sommes à Rennes, et visiblement le bureau de New York devra attendre encore un peu…

Il y fait bon vivre, chaud l’hiver et frais l’été. Allergiques aux muffins chocolat / coeur framboise : s’abstenir.
Un peu de déplacements à prévoir pour prendre l’air de temps en temps, en train bien sûr.

Mais globalement faut aimer Rennes quoi…

Quand ?

Prise d’effet de l’embauche : le poste est libre à partir de début mars, mais on peut vous faire une place près du chauffage en attendant. Évitez tout de même de vous pointer en septembre hein…

Combien ?

Dans la vie l’argent ne compte pas, ou si peu…
Bon OK vous serez payé, bien nourri(e) et plutôt pas mal bichonné(e), mais attendez-vous à devoir négocier comme un chiffonnier.

It’s going to be Legen… Wait for it… Dary !

Allez, soyez fous, envoyez vos candidatures sur jobs@lunaweb.fr !

PS : si vous êtes les Stéréosuper, ne postulez pas à ce poste, ça fait deux fois que vous nous faites le coup avec des pièces jointes douteuses.
Et en plus vous rockez trop dans ce que vous faites.

PS2 : si vous êtes fan de Mad Men, vous êtes directement embauché. Obligé. Fan de Boulet ? Ça marche aussi.

Je suis tombé hier sur un document dédié à l’étude de l’expérience utilisateur qui m’a soufflé à l’oreille le sujet de ce billet. Les anglophones, maîtres de la concision, disent d’ailleurs UX pour user experience.

Mais pourquoi faire des tests et étudier vos futurs utilisateurs ? La réponse en une (jolie) image :

Source : Introduction to agileUX

Vous l’aurez compris, l’objectif est ici de comprendre vos utilisateurs finaux et d’adapter votre produit en conséquence plutôt que d’espérer que l’inverse se produise. Attention toutefois à ne pas tomber dans le travers du tout-utilisateur : on peut aussi miser sur la learnability, quand peut se traduire par l’appropriation progressive de l’interface par ses utilisateurs (ils sont forts ces anglais hein).

Mais comment fait-on ? Comme pour toute bonne recette, rien ne remplace les fondamentaux (expérience, expertise), mais voici quelques ingrédients de base pour mieux embrasser le concept d’expérience utilisateur, et in fine, celle de vos futurs clients !

L’expérience utilisateur, c’est quoi ?

On voit bien le sens de ces deux termes mis bout à bout : expérience + utilisateur c’est s’immerger dans les pratiques, les habitudes et les réflexes des utilisateurs finaux face à votre produit (et en ce qui nous concerne, votre interface : site web, application mobile, etc.)

Le but : comprendre le chemin parcouru par l’utilisateur et l’objectif atteint, tout en étudiant les mécanismes émotionnels et techniques.

On distingue souvent l’utilisabilité (usability en anglais) de l’UX car ce dernier dépasse justement la simple observation technique et englobe les sphères du ressenti et de l’affect, puisque c’est bien l’expérience qu’on cherche à améliorer et à rendre agréable.

Mais l’expérience utilisateur ne se limite pas à mener des enquêtes généralistes sur les habitudes de navigation sur internet, ou à réaliser des études sur les besoins des internautes qui préfèreraient une application comme ceci ou comme cela : l’étude de l’expérience utilisateur passe par l’observation IRL (in real life comme on dit), qu’on peut scinder en quatre grandes étapes :

Observer, analyser, restituer, intégrer

L’observation est l’ingrédient essentiel, comme le chocolat dans la mousse au chocolat. Et c’est de la qualité de cette première étape que va découler la pertinence des résultat constatés et analysés.

Pour bien observer, il faudra donc :

• bien choisir ses sujets, qui doivent être représentatifs de votre cible (vos clients) ;
• les plonger dans un environnement confortable, le but étant de les observer en situation réelle, les participants devront oublier très vite l’objet de leur présence ;
• les solliciter le minimum possible pour ne pas les influencer : les questions doivent être posées par les participants et non pas par l’animateur, qui doit rester (dans la mesure du possible) dans son rôle de guide ;
• garder un maximum de traces de cette séance, au travers de notes et idéalement d’enregistrements vidéo.

On scrutera donc les comportements des utilisateurs, mais aussi les outils utilisés (comment, pourquoi, dans quel objectif), leurs processus cognitifs, leur organisation, leurs interactions avec l’interface…

Après cette phase d’observation, on pourra se baser sur toutes les données et informations collectées pour les analyser et ressortir des pratiques et des axes de réflexion communs : problèmes rencontrés, résultats atteints, questions posées, etc.

Dans le document sus-cité (tout en haut donc), ses deux auteurs expliquent avoir recours à des diagrammes et à des post-its it pour structurer les résultats de l’analyse, les hiérarchiser et les regrouper. L’objectif étant ici de souligner les grandes tendances, de les digérer et de les intégrer à votre interface pour la faire évoluer (et dans la bonne direction).

Car, on l’avait vu d’ailleurs dans le cas du cycle de vie d’une application mobile, les évolutions sont constantes dans la webosphère, et d’autant plus lorsqu’elle est mobile…

Lorsqu’on travaille dans le web (mais pas seulement j’imagine), il n’est pas rare d’être confronté à une multitude de fausses idées préconçues sur ce qu’est un bon site web en général et sur nos métiers en particulier. À commencer par ma douce maman, qui croit encore que je travaille dans « l’informatique ».

Dans un registre plus professionnel, il n’est pas rare non plus d’entendre « je sais ce qu’il faut pour mon site web, moi qui vais sur internet à longueur de journée… ». Faux, comme dirait l’ami Norman. Ce n’est pas parce-que je mange du pain trois fois par jour que je sais en faire (et j’ai essayé), ou parce-que je conduis mon automobile chaque jour que je peux aller voir mon garagiste et lui expliquer ce qu’il doit faire et comment. Pour le web, c’est la même chose : il faut avoir des compétences (fini les sites web créés du fond de ma chambre) et connaître et appliquer les règles du métier.

Ceci dit, j’ai moi-même débuté du fond de ma chambre, mais c’était il y a fort longtemps, quand on voyait encore des sites avec des GIF animés et des couleurs qui piquaient les yeux. Aujourd’hui, nous sommes huit à bosser sur des sites web mitonnés aux petits oignons, ergonomiques, accessibles et (notre projet chéri du moment) adaptatifs.

Bref, développer un bon site web n’est pas si aisé que ça, comme faire un bon pain ou changer la tête de delco de sa Fuego. Voici donc quelques exemples tirés de nos vraies vies.

Vous pouvez me mettre ce texte en rouge ?

Il arrive que le rouge, le vert ou le bleu soit notre couleur préférée. Ou qu’on trouverait sympa de voir ce texte en rouge. Et pourtant, dans certains cas, un pro du webdesign s’acharnera à vous expliquer (ô monde cruel) que ce n’est pas une bonne option. L’esthétique c’est bien, mais c’est surtout subjectif (vous aimez, votre voisin déteste) et les couleurs sur un site web sont l’un des ingrédients de base pour que votre site web soit lu.

Mais pourquoi s’acharner ? Pour trois raisons ma bonne dame :

• La lisibilité : un site web est fait pour être lu. Mettre du texte en jaune sur fond blanc est totalement illisible, même si vous aimez le jaune ou que cette couleur fait partie de votre identité visuelle. D’accord, cet exemple est un peu extrême, mais il vaut aussi pour toutes ces couleurs qui « bavent », comme le vert sur du bleu.
• L’accessibilité : un site web est fait pour être lu par tous, que j’ai 10 à chaque oeil ou pas. J’avais évoqué le sujet dans un précédent billet sur le web accessible.
• Le sens : un site web est fait pour être lu et compris par tous. Pour illustrer mes propos, rien de mieux qu’une petite capture d’écran du site d’un titre de la presse quotidienne régionale :

Cliquez sur moi pour me voir en grand

Le rouge est utilisé à deux endroits : sur un bouton à droite pour attirer mon regard sur « je crée un compte », et au-dessus du formulaire d’inscription. Pour le bouton, ça marche : on comprend bien que Le Parisien a très envie que je créé un compte. Pour le texte, c’est loupé. Je viens d’entrer mes identifiants et on me dit que tout s’est bien passé (« identification réussie avec l’adresse e-mail »)… en rouge !

Mon premier réflexe est de me dire que je me suis trompé (je vois la couleur rouge, red alert, avant de lire le texte). Et je vous avoue que c’est encore le cas aujourd’hui, même si je sais que ce texte en rouge va apparaitre chaque fois que je me loggue.

Et puis, soit dit en passant, j’aurais mis cette ligne en-dessous des deux champs d’authentification et pas au-dessus, mais c’est une autre histoire…

Trop d’infos tue l’info

Sous ce titre accrocheur se cache une dure réalité : un site étant fait pour être lu, il faut donc qu’il y ait… du contenu dedans. Et il n’est pas rare qu’on veuille y mettre des tas de choses, et justement trop.

La solution ? Prévoir des parcours utilisateurs entre les visiteurs de votre site web qui souhaiteront s’informer, ceux qui voudront acheter et ceux qui chercheront où vous trouver. Il faudra d’ailleurs prévoir ces différents parcours à la fois dans le menu de votre site et dans l’organisation de vos pages elles-mêmes en surface (ce qu’on voit) et en profondeur (les différents liens internes).

Si on reprend l’exemple du Parisien, un site où il y a par définition énormément d’infos, la première page écran (c’est-à-dire ce qu’on voit lorsqu’on arrive sur le site) s’en tire plutôt pas mal. Par contre, si on commence à descendre sur cette même page, on attrape le tournis : des menus en veux-tu en voilà, des animations, des pubs, des espaces pour les partenaires… Bref, on en oublierait presque ce pour quoi on est venu.

Ce site n’est pas le seul dans ce cas, et il est souvent compliqué de trouver un compromis entre ce qu’on veut et ce qu’on peut ajouter comme contenu, et comment.

Ces parcours utilisateurs peuvent d’ailleurs être tout bien prévus pour attirer le regard de vos visiteurs là où vous souhaiteriez qu’ils se rendent. Parmi ces options, on peut évoquer le call to action, comme sur le site du Parisien dans l’exemple ci-dessus : le journal nous incite forcément à nous inscrire, et nous déblaye le terrain pour qu’on n’ait pas à chercher trop longtemps.

Le webdesign c’est aussi et surtout ça : concevoir «  l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans le site web « , comme le dit si bien Wikipédia. On pourra aussi se baser sur des études utilisant l’eye-tracking et le mouse-tracking, qui permettent d’étudier les comportements des internautes sur votre site web : où regardent-ils, où vont-ils cliquer, etc. etc.

Bref, je n’ai pas traité ici de tout ce qui fait du webdesign un vrai métier, mais on voit bien ici qu’il y a un écart (que dis-je, un abîme) entre les deux faces d’un même site : entre ceux qui le conçoivent et ceux qui le visitent.

Le responsive webdesign est la solution clé pour résoudre les problèmes d’adaptabilité de votre site web… mais pas uniquement : la question se pose aussi, voire surtout, pour les campagnes d’e-mailing.

Pourquoi ? Parce-que les Français s’équipent de plus en plus en smartphones et en tablettes, et sont de plus en plus connectés en situation de mobilité. À ce sujet, les derniers chiffres sont tombés hier dans Les Échos : les ménages français ont acheté plus de tablettes que de bons vieux PC.

Sachant que les deux premiers usages mobiles sont 1) s’informer et 2) lire ses mails, on voit bien ici tout l’intérêt de repenser sa campagne d’e-mailing pour qu’elle soit lue par ceux que l’on vise, plutôt que d’être jetée à la corbeille en un glissement de doigt.

Flash (back) sur l’adaptatif

Le web adaptatif, c’est quoi ? Grosso modo, le responsive webdesign (en anglais, vous l’aurez compris) désigne une interface web conçue pour s’adapter à l’utilisateur, et donc au matériel qu’il utilise pour se connecter.

Depuis quelques années, la logique du web s’inverse doucement : on commence à pouvoir penser le web comme un outil à la disposition des internautes et non l’inverse. Je dis bien « pouvoir penser » car l’ergonomie web ne date pas d’hier, seul le contexte technique, et le contexte tout court (le grand Internet et le fourmillement d’internautes connectés), permettent au webdesign(er) d’évoluer et d’être plus responsive.

D’ailleurs, si vous souhaitez en savoir plus ce qu’est le responsive webdesign, je vous recommande chaudement de lire Quand le web design vous répond au doigt et à l’oeil.

Exemple d'un e-mailing en responsive design : version desktop (à gauche) et mobile (à droite)

Et l’e-mailing dans tout ça ?

Justement, l’e-mailing et l’adaptatif devraient être aujourd’hui conçus main dans la main, together forever, bref ils sont aujourd’hui indissociables. On l’avait vu dans un précédent billet sur la petite histoire du mail : consulter ses mails en situation de mobilité devient monnaie courante, voire notre principal mode d’accès à notre boîte aux lettre électronique.

C’est en tout cas ce qui ressort d’une étude que nous avions relayé début janvier, dont on ne sait précisément quels sont les pays visés, je vous l’accorde. Ceci dit, je pense ne pas trop me risquer en disant que les détenteurs de smartphones en France consultent tous les jours leurs mails sur leur mobile, et même parfois uniquement selon le jour ou l’heure de la semaine.

Vous voyez où je veux en venir : le webdesign adaptatif prend tout son sens car il est presque impossible de prévoir sur quel modèle de smartphone, avec quelle taille d’écran, ou même sur quelle tablette ou sur quel ordinateur votre campagne d’e-mailing sera lue.

C’est donc à ce moment-là qu’apparait super-media query, ces requêtes qui permettent à votre interface de s’adapter à l’utilisateur et de lui apparaître lisible et attractive.

Exemple de test de compatibilité : e-mailing et responsive webdesign

Chez LunaWeb, nous avons tranché (chérie) pour une solution maison qui permet à nos clients d’écrire le contenu de leurs newsletters sans s’occuper du contenant, qui est prévu en responsive webdesign. Et hop, leurs newsletters, landing pages et liens internes à la newsletter sont tous adaptatifs ! En amont, nous avons bien sûr longuement bossé sur la compatibilité de ces e-mailings sur n’importe quel outil de messagerie, webmail, navigateur ou matériel utilisé en situation de mobilité… ou pas !

Alors bien sûr, ce travail de fond technique (ergonomie, webdesign, adaptabilité) est lui aussi indissociable du travail de fond en amont sur la forme à savoir le contenu, les destinataires, le meilleur moment pour l’envoyer et bien sûr le fameux call to action. Mais c’est une autre histoire, et n’ayez crainte, nous y reviendront…

Vous pourrez aussi lire à ce sujet Usabilité : l’iPad sous l’œil du microscope

En 2012, c’est certain, le monde cessera d’exister. Enfin à en croire le calendrier Maya et autres Paco-Rabanneries post-apocalyptiques… Alors oui, certes, chez LunaWeb, comme peut-être chez vous, la fin du monde on l’attend de pied ferme, même pas peur, puff.

Même pas peur en effet, car après tous les films, les comics et les séries TV ingurgités sur ce thème, on est bien d’accord pour dire que le Geek sera l’arme la plus efficace, la plus affutée dans ce nouveau monde. Et oui, bien-sûr, les facteurs et les hommes-grenouilles s’en sortiront probablement bien aussi.

La fin d’un Monde ?

Ceci dit, nous ne parlerons pas aujourd’hui de la fin DU monde (on a le temps) mais de la fin D’UN monde. Et la nuance est de taille, surtout pour notre bien-aimé média Web. En effet, vous conviendrez que depuis quelques années, il devenait bien difficile de savoir à quels saints se vouer lors de la conception d’une interface web.

Entre la course toujours plus folle des nouvelles versions de navigateur, les nouveaux OS, ceux qui disparaissaient (RIP Meego) et les nouvelles pratiques tactiles, il n’était pas rare que notre bon vieux site des familles se retrouve la tête à l’envers sur un mobile dernière génération, ou sur le navigateur dernier cri. Tout cela fleurait bon l’apocalypse de pixels.

Il devenait urgent de trouver une solution à un problème finalement relativement simple, mais éminemment complexe dans sa mise en œuvre : comment donner des formes diverses et adaptées à un même flux d’informations.

Les table(tte)s de la Loi

C’est alors qu’en 2011, tel un Moïse annonçant les 10 commandements, les nouvelles possibilités HTML/CSS ouvraient la voie au Responsive Webdesign : ou comment concevoir un site flexible et adaptatif.

La technique, à présent, a déjà ses apôtres, et ses nombreux adeptes, et même si la pratique est encore relativement jeune, elle est en passe de devenir la solution incontournable pour construire un site polymorphe.

En 2012, adapter ton interface tu devras !

Chez LunaWeb, on ne s’en cache plus, le procédé nous intéresse. Mieux, nous y voyons une manière pérenne de concevoir nos interfaces en 2012, en gérant au mieux tous les supports de navigation à venir.

Bien sûr la solution n’est pas parfaite, et doit être l’aboutissement d’une réelle réflexion du besoin. Mais force est de constater que de grands acteurs y font déjà appel.

C’est pourquoi nous avons en effet bien foi en la fin d’un monde, celui du Web monolithique, d’une interface spécifique par terminal d’usage (PC, tablette, mobile, TV, etc.), et que nous croyons en l’avènement d’une conception plus flexible, adaptable, utilisable des interfaces.

Alors afin de vous guider dans ce nouveau monde, voici nos conseils :

Toute l’équipe de LunaWeb vous souhaite une belle et heureuse année 2012.

(¯`·._• ♦ •_.·´¯)

Qu’on l’appelle mail, e-mail ou courriel (ou même pourriel pour les spams), la messagerie électronique n’a pas toujours fait partie de notre quotidien. Fut un temps où nos prenions notre bon vieux stylo plume et notre plus joli papier pour écrire nos missives à nos amis, tantines et autres.

C’était d’ailleurs il n’y a pas si longtemps que ça : j’étais à peine majeur quand j’allais lire mes mails au cybercafé. Je me souviens avec émotion de mon tout premier abonnement à internet, chez AOL (ô doux bruit du modem, ô déconnexions intempestives, où êtes-vous ?), et puis du passage au haut débit (soupirs). C’était du temps où on travaillait sur Photoshop 5 et sur Dreamweaver 4 !

Bref, c’était il n’y a pas si longtemps que ça, et pourtant le mail est aujourd’hui utilisés par tous, peu importe l’âge, la profession, le sexe ou la CSP. Pas surprenant donc que le courrier électronique soit considéré comme l’innovation la plus marquante de ces quarante dernières années !

Les Français et l’e-mail

Le SNCD (syndicat national de la communication directe)  s’est penché fin 2011 sur l’utilisation de l’e-mail en France. Grosso modo, on peut en retenir que :

• Les internautes français ont plusieurs adresses mail : 73% d’entre eux en ont plus d’une, alors qu’ils étaient 43% en 2010 à n’en posséder une seule.
• Qu’ils consultent leur(s) boîte(s) mail plusieurs fois par jour : 66% contre 58% l’année dernière.
• Qu’ils l’utilisent principalement pour gérer leur correspondance personnelle (74%), sans pour autant rechigner à recevoir des newsletter (seuls 11% disent ne pas y être abonné).

Sans oublier bien sûr les usages mobiles, avec 70% des mobinautes interrogés qui déclarent consulter au moins une fois par jour leur boîte mail sur leur téléphone portable.

Une autre étude, menée par ReturnPath, souligne la montée en flèche de ces usages mobiles, téléphones et tablettes confondus. D’ailleurs, celle-ci nous montre que nous ne consultons pas nos mails au même endroit en fonction des jours de la semaine :

Source : ReturnPath (cliquer pour agrandir)

Mis à part le lundi (jour booké par excellence), lire ses mails en situation de mobilité est devenu chose courante alors que les clients de messagerie (Outlook étant le plus utilisé) ne sont pas loin derrière, mais chutent en fin de semaine.

Et c’est bien normal : si on recoupe avec d’autres enquêtes réalisées sur les usages mobiles, comme par exemple sur les tablettes, on se rend compte que le téléphone portable est utilisé sur un laps de temps assez court, entre deux trains par exemple, alors qu’on se sert de sa tablette pour se divertir (lecture, jeux…), bien calé dans son canapé, et donc sur une durée plus longue.

Et l’e-mailing dans tout ça ?

Concevoir un e-mailing qui puisse être lu par tous quel que soit le support utilisé (ordimini, mobile) et même l’interface et le service choisi (client de messagerie, navigateur, webmail…) devient de plus en plus complexe.

Campagne e-mailing mobile de LunaWeb

Aux débuts du web, on pouvait se permettre de créer un semblant d’e-mailing, souvent bancal, mais qui serait de toutes façon lu sur Internet Explorer et directement sur le webmail (en caricaturant un peu).

Aujourd’hui, on cumule toutes ces plateformes en fonction de l’endroit où on se trouve et du temps disponible. Il est donc indispensable de concevoir ses campagnes e-mailing en prenant en compte ces différents paramètres (ou aléas, c’est selon) mais aussi de choisir le bon moment (le jour, l’heure) auquel vous allez cliquer sur le bouton « envoi ».
Sachant qu’il faut aussi composer avec une difficulté supplémentaire, qui s’est ajoutée aux contraintes techniques : les anti-spams, qui filtrent en amont les mails jugés indésirables.

Bref, autant de (mauvaises) raisons pour que votre campagne termine dans la corbeille, qu’elle fasse un (rapide) tour par la boîte de réception ou pas du tout…

Allez, 2011 est finie, l’occasion de vous souhaiter rapidement nos vœux pour 2012, nous aurons d’ailleurs l’occasion d’en reparler ici tout prochainement.

Voilà plus de cinq ans que ce blog est animé par la LunaTeam, évoluant en teneur et en longueur, au fil du temps et des envies. On se souvient notamment du billet (synthétique… enfin presque) de Gaël-Ian sur l’ergonomie de Mac OS X ou encore du petit journal de tranches de vie que nous concoctait Antoine, puis Guillaume chaque semaine.

Bref, depuis cinq ans, nous essayons d’expliquer notre métier, ce qui se fait de « bien », pourquoi c’est souvent utile et pourquoi c’est un vrai métier.
En 2011, nous avons mis sérieusement la main à la pâte. Voici un petit flash back de nos billets préférés, à découvrir ou redécouvrir.

Du web… en barre

Cette année, nous vous avons conté l’histoire des moteurs de recherche (comment ça marche, comment ils évoluent), des flux RSS (quelle est donc cette bête étrange que nous utilisons au quotidien) ou encore de l’eye-tracking, qui permet de comprendre les parcours de lecture des internautes (qui ne sont pas si évidents que ça en réalité !)

On vous a aussi expliqué ce qu’est l’HTML5 et les QRcodes, ces codes qui font fureur depuis longtemps dans d’autres contrées, et qui sont apparus il y a peu dans l’hexagone.

Côté cuisine, nous vous avons révélé les recettes de mère-grand pour mitonner des formulaires d’inscriptions qui remplissent leur objectif (qu’on y réponde !), ou encore comment réussir sa campagne AdWords.

Qui dit web, dit aussi web accessible, thématique chère à notre coeur, et qui commence à percer dans le monde du web (mon petit doigt me dit que l’engouement pour le référencement n’y est pas pour rien, parce-que les contenus accessibles sont aussi SEO friendly).

On vous a aussi plus récemment parlé du webdesign adaptatif, c’est-à-dire la possibilité de développer des interfaces web qui comprennent toutes seules (ou presque) sur quel support vous naviguez, et surtout sur quel écran.

Ce qui m’amène au prochain sujet : la mobilité.

Du web… mobile et social

Le cheval de bataille actuel des webdesigners férus d’ergonomie et de d’usabilité ? Les interfaces mobiles ! Les internautes de France et de Navarre s’équipent de plus en plus de smartphones et autres tablettes, mais les sites web (ou même les applications) qu’ils visitent restent encore difficilement accessibles, ou tant tout cas n’ont pas été conçues pour ces écrans et pour la navigation tactile.

Bref, nous vous avons décortiqué l’usabilité sur iPad et le cycle de vie d’une application iPhone, car le monde du web et a fortiori le monde mobile, sont en constante ébullition.

Côté étude, nous avons tiré le portrait des mobinautes français et des utilisateurs de tablette en général. On vous a expliqué pourquoi les sites web ne vont pas disparaitre de si tôt, même si on s’enthousiasme des plateformes et des outils du web social.

D’ailleurs, à ce sujet, nous sommes revenus sur ce qu’est le web social. J’ai même expliqué à ma chère maman ce qu’est l’e-réputation, et en trois volets s’il vous plait !
Madame Michu, boulangère de « A la bonne mie » (fictive malheureusement) nous a d’ailleurs apporté son aide grâce à son témoignage.

Nous avons aussi pris notre plume pour expliquer pourquoi la curation nous agace un peu, et nous avons expliqué les applications pratiques du web social (qui ne sont pas limitées à avoir des amis sur Facebook et à raconter ce qu’on mange sur Twitter), comme le social CRM, ou la gestion de la relation client grâce aux médias sociaux.

Bref, 2011 a été une année bien remplie pour le blog de Luna, en plus de l’être également pour la LunaTeam. En 2012, quelques surprises vous attendent… pour de nouvelles aventures ! D’ici là, nous vous souhaitons une excellente nouvelle année!

Fin d’année oblige, de nombreux professionnels s’emparent de leur plume bloguèsque pour faire le point sur ce qu’a été le web en 2011 et sur ce qu’il sera en 2012.

Deux billets, ou plus précisément deux recueils de points de vue, m’ont tout particulièrement intéressés cette semaine, à savoir What I Learned About the Web in 2011 du très bon A List Apart et Les douze tendances de consommation incontournables pour 2012 de Trendwatching.

La combinaison des deux est plutôt intéressante car le premier est plutôt orienté webdesigner / pros du web, alors que le second se concentre davantage sur les consommateurs. L’un n’allant pas sans l’autre, je vous propose, ladies and gentlemen, de vous en extraire quelques morceaux choisis.

Des webdesigners enthousiastes…

Sur A List Apart, les professionnels du web l’affirment : le web ne doit plus être considéré comme une plateforme, mais comme un service aux internautes, aux formes multiples. Un designer ajoute :

Wired Magazine called it the “death” of the web. I call it an evolution.

Pour d’autres, la clé réside dans l’adaptabilité des interfaces web : dans la même mouvance que les usages du web social, le web et ses interfaces doivent s’adapter aux utilisateurs, plutôt que l’inverse.
En 2011, le webdesign a pris son envol. Souvent oublié et considéré comme superflu, il est aujourd’hui de plus en plus intégré dans la réflexion en amont :

Most websites and apps launching today all are beautifully designed with care. People realize design isn’t just something you slap on your product right before it ships, but is something you take into account from day one.

On pourrait d’ailleurs constater que ce problème se déplace en partie sur les interfaces mobiles, qui sont aujourd’hui le cheval de bataille des webdesigners :

Mobile apps and websites have to be more than lite version of their desktop counterparts; they should have the conceptually same content and features as other platforms. Our job isn’t to remove complexity but to make complex information accessible—a challenge for the small screen, but an important one.

Je n’oublie pas bien sûr le responsive webdesign, qui est aujourd’hui l’une des composantes essentielles du webdesign, même si elle reste perfectible :

Unlike many design trends, (…) responsive design has an immediate positive impact on users. This really sets it apart as something more than a simple trend or technique. It’s now a fundamental tenet of web design.

… et des consommateurs chouchoutés

Parmi la dizaine de tendances évoquées par Trendwatching, une bonne partie touche à la mobilité et ses usages. J’en ai retenu trois, que nous avions déjà évoqué (au moins un peu) sur ce blog.

La première est « la culture de l’écran » : les écrans, déjà bien présents dans notre vie, vont nous suivre partout. Ceux des ordinateurs au travail, celui du smartphone entre deux trains, et celui des tablettes pendant nos temps « off » et de de loisirs.
Les écrans, quelle que soit leur taille, ne sont plus réservés aux geeks ou aux férus de technologie : l’offre de produits mobiles est de plus en plus variée et les prix de plus en plus accessibles. Et c’est sans compter sur le développement du web social (qu’on souhaite échanger des infos ou acheter des produits) ou de technologies comme le cloud computing, qui permet d’utiliser des applications sur n’importe quel ordinateur ou écran tactile. D’ailleurs, d’après Les Echos du jour : Près d’un tiers des internautes sont désormais « nomades ».

La deuxième tendance est le paiement sans contact, c’est-à-dire sans monnaie sonnante et trébuchante. Fini les poches pleines de pièces jaunes !
J’en avais parlé sur ce blog il ya peu : les banques et les différents acteurs du paiement en ligne comme Paypal s’intéressent de très près à la technologie NFC (Near Field Communication), qui permet de payer dans les magasins ou dans les transports en commun par exemple, tout simplement en passant son mobile à proximité d’un terminal. Il faudra quand même entrer un code (ou le compte bancaire risque de faire la tronche) et le tour est joué !

La troisième tendance est celle de l’accès instantané à des informations et à des connaissances, grâce à son smartphone. Trendwatching site l’exemple de Google Goggles, une application de reconnaissance d’images qui permet aux utilisateurs d’accéder à des infos complémentaires sur l’objet ou l’image devant eux. Si je me trouve face à une peinture de Frida Kahlo, et que je souhaite en savoir plus à ce sujet, il me suffit de la prendre en photo via cette application qui affichera ensuite des tas d’infos et des résultats complémentaires dans le moteur de recherche.

D’autres applications, comme celle d’Amazon, permettent de comparer les prix des produits vus en magasin à ceux du site marchand, en scannant tout simplement le code barre du produit. Je pense que vous avez aussi testé Shazam, application qui en a époustouflé plus d’un : vous n’arrivez pas à reconnaître le titre ou le chanteur de la mélodie qui passe à la radio ? Pas de problème, il suffit d’approcher votre iPhone près du haut parleur !

Loin de devenir des feignasses incultes et impatientes, ces innovations mobiles nous permettront d’en savoir toujours plus sur l’environnement qui nous entoure et d’interagir avec lui. D’ailleurs, une des dernières initiatives en date a été lancée par La Poste, qui combine à la fois l’utilisation du QR code, de la puce NFC et de la géolocation pour donner des informations pratiques aux personnes qui souhaitent poster une lettre (bureau le plus proche, levée du courrier, code postal, offres promotionnelles de commerces aux alentours, etc.)

En bref, beaucoup d’applications restent possibles… en route pour 2012 !

Dans le jargon du design et des ergonomes en herbe, « UX » n’est pas une bête étrange (qui se dirait « huxe ») mais qui signifie chez nos amis anglo-saxons, rois de la concision, user experience. Ou en d’autres termes l’expérience centrée utilisateur.

Je m’étais gardé sous le coude 7 Ingredients of a Successful UX Strategy publié sur le très bon UX matters pour vous en parler sur ce blog un de ces quatre… et bien nous y sommes !

Mettre l’utilisateur au centre des réflexions, débats, questionnements sur une interface est aujourd’hui es-sen-tiel. Il faut donc, comme dans tout projet bien ficelé (ou plans sans accrocs, comme diraient certains) mettre en place une stratégie qui soit réfléchie, posée, pertinente. C’est ce que nous propose de voir Paul Bryan, consultant américain en stratégie UX, dans le billet sus-cité.

Penser, échanger, s’informer

La première des étapes (et des difficultés) est de faire le point sur ses objectifs stratégiques. Une entreprise qui investit dans une interface, quelle qu’elle soit, et qui évalue l’importance de l’expérience utilisateur est un bon point de départ. Mais à quoi cela va-t-il servir pour son développement ?
On en revient aux basics : on veut y aller, oui ok, mais quel sont les bénéfices attendus ?

Heureusement, il n’est pas rare qu’on pense à passer par cette étape (on investit de l’argent, on veut savoir à quoi il sert). Le problème numéro deux, qui est beaucoup plus fréquent, est celui des échanges entre les équipes stratégiques (marketing par exemple) et celle dédiée au design : souvent, les infomations circulent mal, et souvent aussi, les deux métiers ne se comprennent pas. Et pourtant :

Detailed market-share data tells you what customers are currently buying from your organization versus what they’re buying from competitors—that is, your strong and weak product categories. Your UX strategy documentation should explain how, through design, the company can exploit its strengths and capture share in areas where performance has been lagging.

Mais ce n’est pas fini ! Pour tout bien comprendre les tenants et les aboutissants de son projet (et de sa stratégie), il faut aussi :

• effectuer un benchmark concurrentiel : regarder ce qu’il se fait autour de vous et ce régulièrement car le web (et donc ses interfaces) évoluent sans cesse,
• garder un oeil sur vos statistiques web pour mesurer la performance et l’efficience de votre interface.

Se projeter, comprendre, modéliser

L’une des pratiques les plus connues dans la phase de préparation et de développement d’une interface est celle des personas.

Les personas sont des utilisateurs étalons fictifs qui permettent aux UX designers de comprendre leur cible et de s’y adapter. Ces personas ne sont pas seulement décrites au travers de leurs habitudes de consommation (achète x fois sur internet) ou de leur catégorie socio-professionnelle : on leur donne un nom, des caractéristiques physiques, etc… à tel point que les personas prennent une forme humaine.

Dans son billet sur UX matters, Paul Bryan nous explique que les personas sont indispensables mais qu’elles doivent :

• se baser sur des données et des études pertinentes, pour définir un utilisateur étalon fiable sur le long terme,
• être « prescriptive versus descriptive », ou en d’autres mots de dépasser la description pure  et simple de cet utilisateur fictif pour définir une stratégie et un positionnement précis,
• être perfectionnées au fil du temps, plutôt que d’être abandonnées pour en créer d’autres.

Vient ensuite la modélisation des processus décisionnels de votre personas (hé oué) : en d’autres mots comment et pourquoi vos utilisateurs vont-ils utiliser votre interface.

A model is a construct for understanding a set of observed phenomena. An interaction model is a representation of the interactive behavior of key user segments—often in the form of a diagram or set of diagrams that summarize their behavior.

L’objectif : élaborer différents scénarios, combler les lacunes et souligner les points forts de votre interface pour qu’elle se moule le plus possible au(x) comportement(s) et aux motivations de votre cible.

Et après ?

Et bien après, ma bonne dame, on va penser aux nouvelles fonctionnalités à greffer sur cette chouette interface centrée utilisateur que vous nous avez concocté. Car qui dit stratégie dit prospective. Il faut donc se projeter sur les années à venir et proposer une feuille de route de ses évolutions.

Pour autant, ces fonctionnalités doivent être pensées en cohérence avec votre interface et non pas indépendamment :

Working on a bucket of independent features will not help a business reach its goals. Features should support a larger vision of what a design is becoming, with the goals of increasing customer conversions and engagement over time.

Et c’est sans compter sur les fonctionnalités qui suivent les usages en constant mouvement, liés à la mobilité et aux interactions sociales sur la toile…