Les raisons pour lesquelles vous devez télécharger les booklets Milky 

-       Des booklets éducatifs et faciles à prendre en main

-       Des best practices illustrées par des business cases

-       De nombreux conseils à votre disposition

-       Le meilleur moyen de vérifier où vous en êtes dans votre stratégie social media

Deux booklets sont déjà disponibles dans notre Milkythèque 

Etes vous prêts pour la timeline ?

Ce booklet sous forme de guidelines vous renseigne sur tous les éléments à prendre en compte pour tirer parti au maximum du nouveau format des pages de marque. Vérifiez dés maintenant si vous au point !

Socialisez votre site grâce à Facebook

Ici, Milky revient sur les opportunités considérables qu’offre Facebook en terme de distribution et de connaissance clients et vous donne les clés pour une socialisation de site réussie.

En plus de pouvoir consulter les fascicules en ligne, de les télécharger, la Milkythèque vous donne la possibilité de les commenter et de vous abonner afin d’être alerté dés qu’une nouvelle publication est disponible.

Plus un instant à perdre, en route vers la Milkythèque !

La Milkythèque débarque sur votre Fanpage préférée ! is a post from: La Crèmerie

Related posts:

1. J’aime attendre.com : ne perdez plus votre temps !
2. Gagnez un goûter Milky
3. Lait Liens bien frais #5

 So.cl est-il un réseau social de plus ? A t-il une valeur ajoutée par rapport aux autres réseaux ? Vient-il concurrencer les géants Facebook et Twitter ?

 Les caractéristiques de So.cl en quelques points

• La recherche au cœur du réseau

Pour justifier la création d’un réseau social qui lui est propre, Microsoft a misé sur son expertise en tant que moteur de recherche et s’appuie sur son moteur Bing, auquel il souhaite donné un second souffle en lui octroyant une dimension sociale.

Les utilisateurs de la plateforme peuvent effectuer une recherche via une barre de recherche classique, mais le réseau s’articule principalement autour d’intérêts thématiques (musique, nourriture, voyage, etc). Les internautes peuvent également suivre des personnes comme sur Twitter et ainsi visualiser l’ensemble des recherches qu’ils ont partagées.

• Les utilisateurs, créateurs de la plateforme

Les utilisateurs de So.cl, suite à une requête, comme ils le feraient sur n’importe quel moteur, auront accès, aussi bien à des résultats « vierges » d’interactions sociales , qu’à des résultats enrichis de commentaires, réalisés par la communauté so.cl. Ils pourront à leur tour commenter les résultats, « sourire » aux commentaires des autres utilisateurs, et créer des histoires enrichies (rich post story) en assemblant plusieurs images, liens et vidéos.

Ce sont donc les internautes qui construisent la plateforme et lui apporte de la valeur ajoutée (encore faut-il que les commentaires apportés soient constructifs).

• Une recherche mutualisée

L’information partagée sera diffusée à tout le réseau et pas seulement à des amis ou followers. Basé sur l’échange d’informations et de contenus web en général, So.cl permet donc de mutualiser les recherches effectuées sur le Net.

 Et la crémerie, elle en pense quoi ?

Face à un nombre de réseaux sociaux déjà conséquent, celui de réseau de Microsoft n’apporte pas de fonctionnalités beaucoup plus intéressantes que les autres, à part peut-être l’outil « video party » qui permet de visionner des vidéos en live à plusieurs et échanger des commentaires en direct.

En plus des fonctions de curation qu’apportent déjà des réseaux comme Pinterest, Peel tree, Tumblr, etc, So.cl reprend les codes des plus grands, comme le « sourire » qui rappelle le like ou encore la possibilité de suivre des utilisateurs comme sur Twitter.

Dans le souci de se vouloir complet,  Microsoft a perdu en ergonomie avec une prise en main difficile et un concept confus, sans compter les nombreux bugs que connaît encore la plateforme plusieurs jours après son lancement.

Quant à la concurrence à Facebook et Twitter, Microsoft n’a pas encore cette prétention, il est précisé sur le site So.cl qu’il s’agit d’un outil expérimental et à vocation pédagogique. D’ailleurs hormis la possibilité de s’inscrire sur le réseau avec un compte Hotmail, So.cl dispose d’un Facebook Connect et permet la publication des contenus recherchés sur Facebook. Malheureusement, le réseau de Microsoft n’a pas su jouer la complémentarité jusqu’au bout, puisqu’on aurait pu imaginer que les intérêts et like d’un utilisateur soient utilisés sur So.cl afin de pré remplir les « topics » auxquels l’utilisateur souhaite s’abonner.

A terme, il semblerait que la cible majeure soit plutôt Google, avec la volonté de redonner une impulsion à Bing face à celui qui lui prend de plus en plus de parts de marchés. Ainsi, plus que de créer un réseau social, Microsoft est en train de faire des expérimentations pour donner dans le futur une réelle dimension sociale à son moteur de recherche.

 En attendant, vous ne perdrez rien à vous créer un compte so.cl (à part votre temps peut-être).

Que vaut So.cl, le nouveau réseau social de Microsoft ? is a post from: La Crèmerie

Related posts:

1. Conférence Social Média Club France : Le Social Gaming
2. Facebook offers : un nouvel outil de marketing social
3. Social Media Revolution 2011

Le dernier que j’ai pu lire de cette collection est Design émotionnel, d’Aaron Walter. Bref description de l’auteur pour vous mettre en bouche : c’est lui qui est à la tête de l’UX de MailChimp.

Emotional Design, avec l’accent

Je ne savais pas trop à quoi m’attendre en commençant ce livre. Même si je suis pas complètement néophyte sur la question, ces termes « design émotionnel » sont souvent utilisés dans tous les sens, pas toujours pour ceux qu’ils signifient vraiment. Une bonne occasion de me remettre à la page sur le sujet.

Pour définir le design émotionnel, Aaron Walter est parti d’une image qui m’a tout de suite parlée: imaginez un web où on ferait tout avec des templates, avec des images libres de droits, etc… Les sites marcheraient très bien, avec des fonctionnalités très avancées, impeccable quoi. Oui mais. Ce que dit Walter, c’est qu’en y apportant une touche humaine, une personnalité, un site web sera plus sollicité par ses utilisateurs.

Un site web qui ressemble pas à une machine

Voilà l’idée centrale de ce livre : faire passer un site web pour tout sauf ce qu’il est, une machine. Et Aaron Walter nous montre page après page le pourquoi du comment, avec ses indications méthodologiques, arguments scientifiques et des exemples pratiques à la clé. On y apprend comment mettre en place un persona du design de notre projet, comment Flickr a géré habilement une panne de serveur ou encore pourquoi Freddie von Chippenheimer IV (de MailChimp) arbore un léger sourire.

Je précise d’ailleurs, dans 90% des exemples il s’agit surtout de conception (plus que de design au sens français du terme) : comment notre site va s’adresser à son lecteur ? à quel moment dans le process ? sous quelle forme ?

En fait, il s’agit plus d’un ouvrage sur la communication web, orientée expérience utilisateur, et pour moi, un ouvrage clé de la communication web actuelle.

Quels bénéfices ?

Parce que oui, dans un monde parfait, sans contrainte, tout le monde ferait de jolis sites / applications en prenant le temps d’insuffler une personnalité à son interface. Mais il y a des clients, des délais, des contraintes d’images, etc…

C’est pour ça que Walter nous déballe tout au long du livre ces arguments, toujours lié à des situations concrêtes. En effet, pour lui, donner un surcroit de personnalité à son produit web entraine :

- une augmentation de l’engagement de l’utilisateur (que l’on peut amener plus facilement à l’action voulue)

- une indulgence du visiteur, face à un problème technique, bug (l’erreur est humaine, et vu que votre site à l’air humain, on lui pardonne)

- une démarcation du site web / application, par rapport à ses concurrent : et oui, pour Walter et tous ses arguments scientifiques, un site qui véhicule une personnalité, donc des émotions, aura une empreinte plus importante dans la mémoire de l’utilisateur

- un cadre de travail plus agréable : par exemple, pour les services de hotline (Walter explique que vu que MailChimp délivre une image sympathique, les clients au téléphone sont sympa avec les opérateurs)

et donc, tout ça contribue à un ROI plus important qu’un site « classique » à court, moyen et long terme.

Et voilà en quelques mots ce que l’on peut voir dans ce livre. Vous l’aurez compris, je le recommande chaudement. Il est d’ailleurs en train de passer entre toutes les mains de l’agence… et pas uniquement au pôle créa !

Design émotionnel ? Pourquoi faire ? is a post from: La Crèmerie

Related posts:

1. Pourquoi Facebook rachète Instagram pour 1 milliard de dollars
2. Les principes de la Gestalt appliqués au webdesign (2/2)
3. Test utilisateurs : les bons outils

Ce nouveau format publicitaire gratuit est pour le moment restreint à un nombre limité de Fanpages d’entreprises locales, mais si les tests sont concluants, il sera très prochainement disponible pour la majorité des pages de marque y compris pour celles des sites e-commerce.

Le concept

Le concept de ce nouvel outil publicitaire Facebook est plutôt simple : via un icône « offer » présent sur le mur de sa Timeline, une marque peut créer rapidement et gratuitement une offre spéciale qui sera diffusée à ses fans. Pour bénéficier de l’offre, l’internaute, fan de la page, n’aura qu’à cliquer, sur « Obtenir l’offre » à partir de son fil d’actualités ou sur la fanpage de la marque. Il recevra automatiquement un mail de Facebook comprenant le coupon qu’il pourra imprimer ou présenter en magasin directement via son téléphone. Contrairement aux sites de couponing comme Groupon, le réseau social ne prélève aucune commission sur l’offre.

Les Facebook Offers : une opportunité pour les marques

• Satisfaire ses fans en leur apportant des offres exclusives

Alors que plusieurs études montrent que pour un internaute recevoir des offres et des bons plans représente une des premières motivations à suivre une marque sur Facebook, ce nouveau format publicitaire donne aux enseignes, même aux plus petites, l’opportunité de répondre à cette demande en créant des offres exclusives pour ses fans. Bien qu’aucun ordre de remise ne soit imposé, la plateforme sociale conseille d’accorder un discount d’au moins 20% pour séduire les utilisateurs. Il est aussi intéressant de s’adapter à la dimension communautaire de Facebook en créant des offres sociales. En se voyant octroyer des offres spéciales, les fans satisfaits seront d’autant plus engagés sur la fanpage de la marque.

• Viraliser son offre et sa marque et recruter des nouveaux fans

La viralisation de ce type d’offre est importante, car comme tout autre action, la demande d’obtention de l’offre par un fan entraîne une publication sur son mur et dans le news feed de ses amis qui peuvent ainsi découvrir l’offre et la marque. Les utilisateurs ont également la possibilité de « partager l’offre » en l’envoyant à un ami, ce qui permet d’avoir une diffusion très ciblée et qualifiée. Bien que pour le moment il ne soit pas possible d’accorder les offres uniquement aux personnes qui aiment la page, les Facebook Offers sont un outil de recrutement de fans efficace.

• Développer et mesurer son ROI sur Facebook

Alors que de nombreuses marques sont encore dubitatives quant au ROI dégagé sur les réseaux sociaux (justifié par le fait qu’il est souvent difficile de le mesurer), les Facebook Offers constituent un réel levier d’acquisition client en incitant les internautes à se rendre dans les magasins ou sur les sites des marques pour utiliser leur coupon de réduction. Le concept webtostore, si cher à Facebook, prend ici toute son ampleur. Le retour sur investissement de la mise en place des offres est facilement calculable puisque la marque connaît le nombre de personnes qui a réclamé l’offre et le nombre de personne qui la utilisée via un contrôle sur les points de vente.

Aux vues des différentes opportunités exposées, les Facebook Offers constituent pour les marques un nouvel outil de social marketing à exploiter, comme le montre la campagne Macy’s qui a généré plus de 20 000 bénéficiaires. Le nouveau format publicitaire de Facebook n’en est qu’à ses débuts mais il connait déjà des évolutions avec son extension aux sites e-commerce.

 Les Facebook Offers dans l’écosystème Facebook

La publicité étant de loin la première source de revenus de Facebook, c’est bel et bien sur ce point que le réseau social mise pour générer des revenus supplémentaires avant son entrée en bourse.

Le business model des Facebook Offers repose sur une prestation de base gratuite à laquelle viennent s’ajouter des services premium pour étendre la visibilité de l’offre. Les marques peuvent donc améliorer le reach de leur offre grâce à des Facebook Ads et des sponsored stories payantes.

Le rachat de Tagtile en avril dernier,  spécialiste du couponing et des programmes de fidélité, laisse présager des évolutions futures pour les Facebook Offers. Le célèbre réseau social pourrait s’inviter de plus en plus dans la vie réelle en proposant aux commerçants des solutions pour développer, en parallèle de leur présence sur Facebook, la fidélité de leurs clients en magasin.

Facebook offers : un nouvel outil de marketing social is a post from: La Crèmerie

Related posts:

1. Conférence Social Média Club France : Le Social Gaming
2. Google offers – Un Groupon à la sauce Google
3. F-commerce et Facebook Ads : Fish where the fishes are !

Mark Zuckerberg dément vouloir concurrencer Apple et Google en ajoutant que sa nouvelle plateforme leur apportera du trafic. Mais alors qu’une guerre sans scrupule est menée quotidiennement entre ces géants du web, il était du devoir de la Crèmerie d’enquêter sur les réelles motivations de Facebook qui se cachent derrière un tel projet.  Quels sont les objectifs de cette plateforme hybride ? Quelle est sa place dans l’écosystème Facebook ? Facebook serait-il en train d’attaquer à grands pas le marché du mobile ?

 Avant de vous exposer nos suppositions, retour sur le fonctionnement de la plateforme.

Une plateforme hybride : entre store et catalogue de références 

L’App Center sera disponible d’ici quelques semaines sur internet mais également au sein de l’application mobile Facebook pour IOS et Android.

Les applications présentes sur l’App Center seront uniquement des applications avec une dimension sociale qui s’appuient sur le réseau Facebook et qui utilisent à minima le Facebook connect. Plusieurs applications y ont déjà confirmé leur présence : Draw Something, Pinterest, Spotify, Battle Pirates, Viddy, et Bubble Witch Saga.

La plateforme App Center référencera bien entendu les applications hébergées sur Facebook mais également une sélection d’applications sociales mobiles IOS ou Android. C’est là me direz vous, que Facebook semble venir concurrencer directement l’App store et Google Play. Cependant, Mark et ses équipes n’auraient pas osé une concurrence si frontale. Dans le cas d’une application IOS ou Android, le mobinaute sera redirigé vers les stores d’Apple et de Google pour le téléchargement et l’installation de l’application en question. D’où les propos de Mark Zuckerberg de dire que l’App Center apportera du trafic supplémentaire aux deux mastodontes.

Aperçu de l'App Center

L’App Center a donc un statut de plateforme hybride : elle fait office de boutique pour les applications hébergées sur Facebook, qui seront elles téléchargeables directement sur la plateforme, mais elle aura aussi le statut de catalogue de références pour les applications Android et IOS.

Expérience utilisateur : Le nouveau point d’entrée de prédilection pour trouver des applications sociales et recommandées par ses amis.

Que ceux à qui le lancement d’une plateforme d’applications par Facebook paraît incongru se rassurent, le concept de l’App Center s’inscrit parfaitement dans le business model du réseau en plaçant l’expérience sociale et la recommandation au centre de l’expérience utilisateur.

Contrairement à l’AppStore ou Google Play qui mettent en avant les applications les plus téléchargées et les mieux notées, Facebook veut personnaliser la recommandation, en proposant à chacun des applications qui lui conviennent le mieux. Même si l’algorithme est encore inconnu, les interactions sociales et les contenus partagés devraient être pris en compte pour pousser les applications, tout autant que l’âge de l’utilisateur ou les applications qu’utilisent ses amis.

Système de notation de l'AppCenter

En plus de la personnalisation, Facebook mise bien évidemment sur la qualité des applications présentes sur sa plateforme. Le système de notation aura donc lui aussi un rôle central dans la mise en avant de telle ou telle application, incitant ainsi les développeurs à créer des applications à valeur ajoutée.

En misant sur la valeur de sa sélection, Facebook souhaitent imposer son App Center comme une référence. Même si le concept est bien rodé, encore faut-il que le réseau social réussisse à mettre en avant sa nouvelle plateforme auprès des utilisateurs, rien n’est moins sûr aux vues des précédents essais qui se sont avérés peu concluants (Games & Apps Dashboard et Apps Directory).

Les Bénéfices marques : Nouvelle visibilité, des insights poussés, nouvelle rémunération.

• Nouvelle visibilité :

La plateforme représente un nouveau canal de distribution pour les marques et leurs applications. Avec l’ampleur du réseau social, qui compte aujourd’hui plus de 900 millions de personnes, être présent sur l’App Center s’est s’assurer une belle visibilité. Le push des applications étant différent selon les utilisateurs, l’opportunité d’être visible est donc plus importante que sur un Google Play ou sur un App Store, qui fonctionnent selon un classement.

Pour être listées sur l’App Center, les marques devront cependant se plier à des guidelines assez strictes et créer une page « app detail », page sur laquelle les utilisateurs seront redirigés quand ils cherchent une application. Elle aura pour vocation de présenter aux utilisateurs les caractéristiques uniques de l’application grâce à un descriptif et des captures d’écran. Le login Facebook sera présent dès cette page de présentation, et indispensable avant de commencer à télécharger l’application.

• Des insight poussés sur l’utilisation de l’application :

Pour le succès de sa plateforme, Facebook mise sur un partenariat fort avec les marques en leur permettant de disposer d’insights performants sur les usages réels de leur application. La fréquence des visites, le temps passé par l’utilisateur ou encore son engagement, possibles grâce à l’authentification Facebook, seront autant de données que le réseau social mettra à la disposition des marques.

• Une nouvelle option de rémunération :

 Alors qu’auparavant, la seule rémunération possible pour les développeurs d’une application était l’achat « in app », avec l’App Center, Facebook permettra aux marques de proposer des applications payantes, comme le font l’App Store et Google Play. Les éditeurs pourront fixer leur prix mais Facebook prélèvera bien entendu une commission, on parle de 30%.

Les motivations Facebook : à l’attaque du marché mobile

• Générer de la valeur sur mobile

C’est bel et bien sur ce dernier point que réside la motivation principale de Facebook de lancer une telle plateforme. Alors que la monétisation de l’audience sur mobile est l’un des objectifs principaux de la firme de Palo Alto, et que nous connaissons ses difficultés à mettre en avant les espaces publicitaires sur mobiles, l’App Center apparait comme le moyen de générer des revenus supplémentaires.

En permettant aux marques de vendre des applications mobiles via sa plateforme, Facebook développe son business model sur mobile et s’assure de mettre un pied dans ce marché juteux.

• Devenir une plateforme de référence des applications en HTML 5 

Même si la concurrence faite à Apple et Google n’est pas frontale, à terme Facebook risque bien de bypasser ses opposants.

Depuis un moment déjà, la firme américaine pousse les développeurs à réaliser des applications en HTML 5 afin que celles- ci soient disponibles à partir de n’importe quel device. Les marques, ayant désormais la possibilité de vendre leurs applications sur l’App Center, ont un intérêt à les créer une seule fois en HTML 5 plutôt que de les décliner en version IOS et Android.

Ainsi, si le HTML 5 se démocratise aux dépends des applications natives, Facebook n’aura plus à rediriger vers Apple et Google, et l’App Center deviendra le magasin de référence de ces nouvelles applications.

Une autre vision prometteuse de la généralisation du HTML 5 pour Facebook, serait la fin de la limitation interdisant l’utilisation des Facebook credits dans les applications natives. Facebook pourrait ainsi étendre l’utilisation de sa monnaie virtuelle à un nombre conséquent d’applications mobiles.

L’heure de tels avancements n’est pas encore venue… pour l’instant Facebook et son App Center se veulent être un premier pas subtil vers le marché du mobile. Mais à la Crémerie,  on se demanderait bien si après des pas de géant, Facebook ne lancera pas un jour ses propres téléphones avec son propre système d’exploitation… Affaire à suivre.

AppCenter le lancement : Facebook à l’attaque du marché mobile is a post from: La Crèmerie

Related posts:

1. Pourquoi Facebook rachète Instagram pour 1 milliard de dollars
2. Google attaque le marché de la musique
3. Infographie : les marques sur Facebook

Chapitre 3 : Open Graph

7°) Tes objets correctement tu Open Grapheras

Les champs titre, description, URL, et photos font partie des indispensables d’un objet Open Graph. Mais il est possible d’aller plus loin en Linkant des objets entre eux pour maximiser les chances  de créer des regroupements

Ex : Par exemple, dans Wipolo, l’objet Ville a une propriété Pays donc si 2 amis ajoutent 2 villes d’un même pays à leurs favoris, une news agrégée du type « Jérémie et John ont ajouté une ville de France  à leurs favoris dans Wipolo » sera générée sur Facebook et aura un poids accrue donc potentiellement plus visible.

Observez ici le tagging Open Graph :

Un objet ville fait référence à un objet Pays dans Wipolo

8°) Des agrégations valorisantes tu créeras

Les aggrégations Timeline sont importantes car elles vont trouver une place de choix sur le profil de l’utilisateur. Il est donc important de choisir des informations qui  vont le valoriser.

Par exemple, le nombre de kilomètres parcourus en footing, une carte des pays visités sont des informations positives à afficher. On évitera a contrario d’afficher le nombre de calories des 6 burgers que j’ai mangé cette semaine.

Voyez ici typiquement un Dashboard qui met en valeur l’utilisateur avec Wipolo :

9°) De belles histoires tu écriras

Le choix des verbes et des objets Open Graph ont une incidence sur la formulation des stories publiées et  donc leur taux de clic.

Préférez donc :

• des verbes au vocabulaire compréhensibles par tous
• des objets aux titres explicites
• des belles photos qui représentent l’objet
• dès que possible intégrez un message écrit par l’utilisateur
• Proposez à votre utilisateur de tagguer des amis dans l’action

10°) Des actions en nombre restreint tu proposeras

Il n’est pas nécessaire de mettre 15 actions par objet pour augmenter la viralité d’une intégration Open Graph. Au contraire, un nombre d’actions bien ciblées et correspondants à des actions que l’on effectue naturellement sur votre site suffisent amplement.

Conclusion

Comme on a pu le voir dans ces 10 commandements, malgré la facilité d’implémentation technique de l’Open Graph, il y a nombre de petits détails fonctionnels et ergonomiques qui feront la différence sur la viralité et l’expérience utilisateur, et donc, auront une influence sur le succès de de votre intégration. Ne vous jetez donc pas tête baissée dans la bataille.

Les 10 Commandements de l’Open Graph V2 – Open Graph/Timeline (3/3) is a post from: La Crèmerie

Related posts:

1. Les 10 commandements de l’Open Graph V2 (1/3)
2. Les 10 Commandements de l’Open Graph V2 – Facebook Connect (2/3)
3. 60 Nouvelles applications Open Graph V2 : Facebook socialise encore un peu plus le web

Chapitre 2 : Facebook Connect

4°)  De Facebook Connect la promotion tu feras

Un des bénéfices de Facebook Connect pour un site est d’augmenter le nombre de comptes créés et de récupérer des informations fiables.

Mais pour un utilisateur, le bénéfice reste à prouver et expliquer :

• Connexion rapide
• Pas de mot de passe
• Nouvelles fonctionnalités
• Socialisation

Tout cela est peut-être évident pour vous, mais ça ne l’est pas pour votre utilisateur.

Surtout, les boutons Facebook Connect et les bannières explicatives sont bien souvent cachés dans le site. Pourquoi ne pas le mettre en avant auprès des utilisateurs qui sont actuellement connectés à Facebook ?

Ici avec Yahoo, la promotion du Facebook Connect se trouve une place de choix en haut de la page d’accueil de Yahoo News.

5°) Avec  Facebook Connect un compte utilisateur tu créeras

Encore aujourd’hui, on voit trop de sites qui implémentent  Facebook Connect et préremplissent des champs de formulaires à rallonge. En attendant, ils ne créent pas de compte après l’acceptation des autorisations.  Que de comptes utilisateurs perdus, que de boucles virales brisées !

6°) Tes utilisateurs automatiquement tu réauthentifieras

Aujourd’hui il est techniquement possible de réauthentifier un utilisateur qui revient avec la méthode FB.LoginStatus. Cela permet de savoir qu’un utilisateur est non seulement connecté à Facebook mais qu’en plus il a déjà autorisé votre application.

Attention cependant si vous avez des données sensibles comme des numéros de cartes bleues à l’utilisation de cette fonctionnalité…

Dans le prochain chapitre, nous parlerons (enfin) de l’Open Graph et de l’application Timeline, avec des astuces et principes à respecter.

Les 10 Commandements de l’Open Graph V2 – Facebook Connect (2/3) is a post from: La Crèmerie

Related posts:

1. Les 10 commandements de l’Open Graph V2 (1/3)
2. Les 10 Commandements de l’Open Graph V2 – Open Graph/Timeline (3/3)
3. 60 Nouvelles applications Open Graph V2 : Facebook socialise encore un peu plus le web

Restez donc bien à l’écoute et bonne lecture

Chapitre 1 : L’Expérience utilisateur

1°) La vie privée de tes utilisateurs tu respecteras

L’Open Graph V2 est en mode « frictionless sharing » donc vous pouvez techniquement publier tout ce que vous voulez sans que l’utilisateur ne fasse quoi que ce soit.

Il n’est cependant pas conseillé de partager :

• Des choses que l’utilisateur n’a pas fait
• Des choses qui pourraient nuire à sa e-reputation : partage de contenu dégradants, publication intempestive…

Il est par contre conseillé de permettre à l’utilisateur de désactiver le partage automatique comme le propose Public.fr et ce, en le proposant de manière visible.

2°) Tes utilisateurs tu éduqueras

L’open Graph est nouveau pour les utilisateurs. Ne pas les éduquer à ce nouveau mode de partage pourrait nuire à votre e-reputation si vous étiez amené à publier sans que l’utilisateur en ait conscience. Il est donc important, lors d’une première Facebook Connection sur votre application de présenter les fonctionnalités et d’expliquer SIMPLEMENT ce qui sera publié et comment désactiver le partage

Si vous voulez savoir comment on peut éduquer un utilisateur, suivez l’exemple des Social Games avec des tutoriaux simples et intuitifs.

3°) De la valeur-ajoutée tu offriras

Que ce soit des statistiques, de la recommandation sociale, des nouvelles fonctionnalités, des bons de réduction, … pour que vos utilisateurs continuent à utiliser votre application, il vous faudra apporter une valeur ajoutée

Si vous n’avez pas de plus-value à offrir,  vos utilisateurs testeront l’application une fois et ne reviendront jamais. Pire encore, ils n’en parleront pas, n’inviteront pas… La seule news qu’ils verront est le partage automatique que vous aurez cyniquement mis lors de la première visite dans l’application.

Dans la prochaine partie, nous étudierons le Facebook Connect, une partie importante d’un implémentation Open Graph.

Les 10 commandements de l’Open Graph V2 (1/3) is a post from: La Crèmerie

Related posts:

1. Les 10 Commandements de l’Open Graph V2 – Facebook Connect (2/3)
2. Les 10 Commandements de l’Open Graph V2 – Open Graph/Timeline (3/3)
3. 60 Nouvelles applications Open Graph V2 : Facebook socialise encore un peu plus le web

Tout d’abord pour rappel, Facebook c’est aujourd’hui :

- 403 minutes en moyenne par mois pour les utilisateurs

- 850 millions d’utilisateurs dans le monde

- 25 millions d’utilisateurs actifs en France

Cette hausse de la fréquentation s’explique par le succès des différentes applications sur Facebook et notamment les plus récentes intégrant l’Opengraph V2.

L’intégration de l’Opengraph a permis de viraliser un certain nombre d’applications. Il ramène par exemple un trafic d’1 à 2 millions de nouveaux utilisateurs par jour pour Daily Motion. En effet chaque actualité publiée par Daily Motion via Facebook ramène en moyenne 3 clics supplémentaires.

Pour le populaire jeu Diamond Dash, il s’agit de plus de 20 millions d’utilisateurs chaque mois sur Facebook dont près de 64% sont Facebook connectés. Ceux-ci passent 50% de temps en plus sur le site puisque leur propre univers est intégré au jeu et qu’ils ont également la possibilité de défier leurs propres amis. Cette corrélation entre l’univers du jeu et l’univers de l’utilisateur amène également 8 fois plus de chance de dépenser de l’argent sur le jeu qu’un utilisateur non Facebook-connecté.

Les différentes actions réalisées sur ces applications sont répercutées dans le feed d’actualités quotidien. Il est intéressant de noter qu’il y a encore quelques mois notre feed ne contenait qu’un nombre de mises à jour quotidiennes limitées ; aujourd’hui celles-ci se comptent par dizaines grâce aux actions réalisées via les applications opengraphées comme Spotify ou Daily Motion.

La publication de ces actions tient donc un rôle majeur dans la viralité de ces applications.

De ce fait, pour donner de la pertinence à ces différentes publications il s’agit de choisir avec précaution les différentes actions réalisables sur votre site.

Par exemple le site Sens Critique propose différentes actions possibles sur différents produits culturels (films, livres, jeux, séries, BD et musique), comme par exemple ici sur les jeux vidéo :

• Rated a game
• Played a game
• Recommands a game
• Wants to buy a game
• Follow a user

Le site est entièrement opengraphé et bénéficie donc d’une visibilité accrue sur Facebook – le nombre d’inscriptions quotidiennes a été multiplié par 3 grâce à l’implémentation de l’Opengraph.

De plus les plugins Facepile également ajoutés sur le site augmente de manière significative le taux de conversion, puisque le cercle relationnel de l’utilisateur se trouve mis en avant.

Move Fast & Break Things

Facebook c’est aussi plus de 15 000 changements par mois. La devise de Facebook s’en inspire même « Move Fast and Break Things ».

Voici pour rappel les dernières updates implémentées :

Les dernières nouveautés de Facebook sont  également passées en revue :

-      La publication de « Past actions » : possibilité de remplir sa Timeline d’actions passées

-      La possibilité de tagger ses amis dans un message

-      La possibilité d’envoyer un message à une page fan

-      La possibilité de mettre en avant un post en l’agrandissant sur la Timeline

-      Les Maps Stories

En interne, Facebook bénéficie de plus de 1000 ingénieurs mais ne dispose d’aucun testeur. Les salariés identifient eux-mêmes les bugs et les reportent grâce à un icône en bas à droite présent sur la version interne du site de Facebook. Il existe même sur cette version un bouton « dislike » permettant aux employés de noter les évolutions apportées.

Suivant la note donnée à chaque évolution celle-ci est déployée ou pas à grande échelle sur le site lors de la mise à jour hebdomadaire ayant lieu tous les mardis.

Pour l’anecdote, l’intégralité des updates du site est déployée via bit torrent car déployer les mises à jour sur tous les serveurs (plus de 10 000 serveurs aujourd’hui vs 100 au début de Facebook) représente beaucoup trop de temps.

Développer le trafic sur le Mobile

Aujourd’hui la plateforme comporte plus de 425 millions d’utilisateurs actifs par mois et ceux présents sur mobile sont deux fois plus actifs. Le problème pour Facebook c’est que la découverte d’applications n’est pour le moment  pas sociale. Hors grâce au social graph il est possible de relier une connexion à un objet et de viraliser ainsi un contenu.

Développer une application Facebook ou faire du cross plateforme permet donc de viraliser au maximum son application comme l’ont déjà fait par exemple The Guardian, Good Read, Pinterest ou encore FoodSpotting.

A titre d’exemple, Good Read c’est 77% d’augmentation en utilisateur actifs journaliers et 60% d’augmentation pour Pinterest.

Développer le trafic sur les applications mobiles sur Facebook est donc devenu un enjeu de taille puisqu’une étude d’AT Internet met en évidence l’explosion du trafic via les applications mobiles et la baisse de fréquentation des sites Web en France.

Pour accompagner cette viralité liée à l’Opengraph, Facebook a donc mis en place un certain nombre de fonctionnalités :

-      Le deep linking : aujourd’hui lorsqu’un utilisateur publie un lien sur mur Facebook via une application native iOS Facebook connectée alors l’application redirige l’utilisateur sur l’application si celui l’a déjà, ou bien sur l’App Store s’il ne la possède pas encore.

-      Ceci est désormais également possible pour les utilisateurs Androïd grâce aux applications natives Androïd.

-      Le Single Sign On (SSO) qui permet en un seul clic de se connecter à une application en permettant à celle-ci de récupérer l’ID Facebook de l’utilisateur.

Ainsi l’application mobile Viddy, une sorte d’Instagram vidéo, a attiré à ce jour plus de 10 millions d’utilisateurs et a été téléchargée plus de 5,5 millions de fois grâce à son intégration à Facebook.

La boucle virale

Ces applications opengraphées sont donc parfaitement optimisées pour générer de la viralité dans l’écosystème de Facebook.

 En effet lorsque l’utilisateur réalise une action, celle-ci est stockée par Facebook et publiée. Une fois l’action publiée celle-ci s’affichera si l’action est pertinente pour les amis de l’utilisateur.

Si l’action s’affiche, celle-ci est cliquée par les amis de l’utilisateur qui réalisent à leur tour la même action qui est elle-même republiée, ré-affichée et re-cliquée par leurs propres amis. Ces différentes étapes représentent la boucle virale.

Si l’implémentation de Facebook est mal réalisée, on remarque des fuites dans la boucle virale ce qui représentent des opportunités de viralité en moins.

Il y a 3 risques de fuites dans la boucle virale :

Le login

Le mode privé

Les erreurs de publications

 Le login

La première fuite dans la boucle virale intervient lors du login.

En effet si l’utilisateur n’est pas automatiquement loggé sur Facebook au sein de votre site, la boucle est cassée et on observe une perte de viralité. Il faut donc mettre en place un système de création de compte automatique grâce à un Facebook Connect et d’auto-login lors des futures connexions.

Le mode privé

Il faut aussi toujours proposer à l’utilisateur un système alternatif de partage privé au cas où celui-ci ne souhaite pas partager ses actions. En effet sans ce double choix l’utilisateur risque de prendre peur et ne pas vouloir activer le Facebook Connect, donc de ne pas utiliser l’application du tout.

La désactivation du mode de partage doit également être simple et facile d’accès, mais il est également possible de rappeler régulièrement à l’utilisateur qu’il peut réactiver le mode partage en lui expliquant à nouveau les avantages que cela lui procure. Le plus important est de bien mettre en avant des contenus pertinents et personnels pour l’utilisateur, qui encourageront les interactions et lui feront comprendre les bénéfices à utiliser le bouton Facebook Connect.

 Les erreurs de publication

La dernière fuite dans la boucle virale possible réside dans les erreurs de publication. 15 à 50 % des actions de publications échouent aujourd’hui en raison de différents bugs techniques d’où l’importance de concevoir une implémentation optimisée.

 Les Best practices 

Pour optimiser la viralité de leurs applications opengraphées, certaines marques ont mis en place certain processus afin de faciliter l’expérience utilisateur.

- Ainsi Yahoo fait de la pédagogie et éduque ses utilisateurs sur son site en expliquant en vidéo les bénéfices du bouton Facebook Connect et du partage social avant de l’activer.

- Sur Pinterest, c’est une pop-in qui apparaît pour pousser au Facebook Connect ; enfin si l’utilisateur est déjà connecté sur Facebook il est automatiquement connecté au site grâce au bouton auto-login.

Applications mobiles socialisées, boucle virale, résultats de l’opengraph V2…Les derniers communiqués de Facebook is a post from: La Crèmerie

Related posts:

1. 60 Nouvelles applications Open Graph V2 : Facebook socialise encore un peu plus le web
2. Facebook Awards : les applications shortlistées sont…
3. Appsfire : trends des applications iPhone les plus téléchargées

La typographie subtile

Le site de Sasha Greif utilise la typo Proxima Nova Soft, dans une taille assez grosse, avec des interlignes importants. L’ensemble est lisible et agréable à l’oeil. La typo agrémente graphiquement le site, sans prendre le pas ni sur le contenu, ni sur les autres éléments graphiques. Subtile quoi.

Sur le thème Classica, Orman Clark utilise l’Helvetica Neue sur quasiment l’ensemble des textes, quelque fois alterné de Droid Serif, du meilleur effet. Il joue également sur la graisse pour différencier les titres du corps de texte. Les tailles des typos sont petites, l’interlignage assez important. L’ensemble donne une impression de sobriété, de lisibilité et Helvetica Neue apporte une empreinte graphique très discrète.

La typo graphique

Ou la typo utilisé comme élément graphique de l’interface. Les exemples ne manquent pas, la typo est l’élément graphique de prédilection du designer d’interface.

Le site Mezcal Buen Viaje, récemment primé par un Awwward, met bien en avant sur les titres de chacune des pages la typo Buttermilk, l’associe à la typo déstructurée Chinese Rocks comme sous-titre, et le corps de texte en Times New Roman italic.

Le site de Simple as Milk, une agence web anglaise, utilise les agencements de typo comme un élément graphique à part entière : la description de l’agence est un mélange de Bitstream Vera Serif, League Gothic et Chunk Five. Que des polices libres à télécharger.

Quelques outils pour bien décortiquer les typos sur le web

WhatFont, par Chengyin Liu, est un petit bookmarklet qui, une fois lancé, transforme votre souris en inspecteur de polices. Je viens de le découvrir, très utile, et bien plus rapide que de passer par Firebug ou l’inspecteur de code de Chrome : il suffit de survoler un bloc pour connaitre la famille de police utilisée, et de cliquer pour avoir le détail (taille, code héxa, et typos de secours).

Typetester est un site qui permet de comparer les différentes fonts (safe, windows safe, Mac safe, etc…), et se révèle extrêmement pratique pour choisir la ou les polices de secours à utiliser.

FontDragr vous permet de tester une typo directement dans le navigateur et voir son rendu dans le navigateur en différentes tailles. Pour éviter les mauvaises surprises à l’intégration d’une police exotique.

WhatTheFont! par MyFonts, qui retrouve la typo à partir d’une image uploadée. Pas fiable à 100%, mais quand même très efficace.

Trouver des typos sur l’Internet

Rien de plus simple, le web regorge de sites proposant des typos gratuites, ou libre à usage personnel. Ceci dit, j’ai depuis longtemps occulté les sites comme dafont, abstractfont, etc… Même si je vais toujours y jeter un oeil, au cas où, on trouve vraiment de tout sur ce genre de sites, de la bonne typo, de bonne qualité, comme de la mauvaise, inutilisable. Voilà une petite liste de sites qui présentent des typos de qualité :

LostType Co-op, un projet de Tyler Galpin, a l’intérêt de proposer des fonts inédites, et les vend en mode « pay what you want ». Donc on peut les acheter à 0€. Gratuit quoi. Au delà de ça, quand on voit la qualité de certaines typos, on se dit que donner 10€ au créateur n’est vraiment pas cher payé.

SudTipos, un site de polices crées par des typographes argentins je crois, regorge de typos calligraphiées, entre autres. Elles ne sont généralement pas données, mais la qualité est au rendez-vous.

Enfin, un grand classique : FontSquirrel, l’écureuil des polices, met à disposition un gros catalogue de fonts gratuites pour une utilisation commerciale. Et des polices de qualité.

Enfin, un petit lien de dernière minute vers un article (en anglais) de qualité, a beginner’s guide to pairing fonts, qui donne quelques conseils pour repérer des typos de qualité, les associer et bien les mettre en forme.

N’hésitez pas à partager vos exemples d’utilisation de la typo dans le webdesign, les outils que vous utilisez, tout ça tout ça, en commentaire !

Typo & webdesign : une histoire d’amour is a post from: La Crèmerie

Related posts:

1. Les principes de la Gestalt appliqués au webdesign (2/2)
2. Les principes de la Gestalt appliqués au webdesign (1/2)
3. Les médias sociaux changent l’histoire