Nicolas Gut

lundi 20 juin 2016

Le design des vulnérabilités

Marketing – # # # # # # #

Signé Hubert Guillaud sur Internet Actu (Lemonde.fr), un très bon résumé de l’excellent article de Tristan Harris, dont la marotte est l’optimisation de l’usage du temps. Cet article se penche sur la façon dont le design de services digitaux exploite les vulnérabilités de l’internaute pour le pousser à effectuer des choix prédéfinis, passer plus de temps, consommer efficacement (du point de vue du vendeur).

ils [les concepteurs] jouent de nos vulnérabilités psychologiques pour attirer et retenir notre attention, sans rencontrer beaucoup d’autres contraintes que les limites du public à les accepter.

Le choix laissé via des options conditionnées, donc l’absence de liberté de choix, prenant la forme d’un menu ou d’un formulaire, éclairent sur le chemin imposé à l’utilisateur.

[…] quand on donne aux gens une sélection de choix, ils se demandent rarement ce qui n’est pas proposé […] celui qui contrôle le “menu” contrôle les choix.

Créer la dépendance en utilisant les techniques du jeu (souvenons-nous du serious gaming): une action ou une inaction entraîne une récompense variable.

[…] la dépendance est maximisée lorsque le taux de rémunération est variable […] Désormais, tous les produits web proposent des récompenses à intermittence variable.

La peur de manquer quelque chose est une angoisse sur laquelle capitalisent aussi bien les sites marchands (les bonnes affaires), Facebook (l’activité des amis), que les sites éditoriaux (liste des articles parus). Loin de l’objectif affiché (curation, information), ces services exploitent l’angoisse de manquer pour pousser l’utilisateur à revenir, à être attentif.

[…] le fameux Fomo : le risque de manquer le sujet dont discutent mes amis sur FB. C’est une peur sans limites.

Le système de jugement permanent par ses pairs, par son réseau ou sa communauté est un système particulièrement puissance dont les acteurs usent (voire abusent) avec peu de limite. Il peut même détourner totalement l’objet premier du service (Instagram, Facebook et Tumblr en sont de très bons exemples) et le réduire à une machine à likes/partages/commentaires comme autant de symboles de réussite.

Nous sommes tous vulnérables à l’approbation sociale. Le besoin d’appartenir, d’être approuvé ou apprécié par nos pairs est parmi les motivations humaines les plus élevées

En créant des échanges sociaux artificiels, les réseaux poussent les utilisateurs à interagir. Ainsi, les invitations artificielles (suggestions de contacts/amis) que proposent Linkedin ou Facebook procèdent de cette mécanique: initier l’échange social pour pousser à la réciprocité, donc à l’interaction.

[…] cette vulnérabilité psychologique est très exploitée par les plateformes et services du web. Nombre d’entre elles exploitent l’asymétrie de perception que nous en avons.

Tromper la saciété de l’utilisateur en lui proposant des pages et des playlists sans fin, des vidéos en lecture automatique, des contenus additionnels. Faire en sorte que l’attention de l’utilisateur soit mobilisée en continu pour lui éviter l’envie de faire autre chose et de quitter le service.

Pour forcer les gens à consommer, le mieux est de continuer à leur donner à manger, même lorsqu’ils n’ont plus faim. Ca ressemble à une forme de gavage.

L’interruption est également un outil utilisé pour réveiller l’attention de l’utilisateur en lui donnant un sentiment d’urgence et d’obligation de réciprocité qui augmente drastiquement l’interaction.

Les entreprises savent que les messages qui interrompent les gens immédiatement sont plus convaincants pour amener les gens à répondre que les messages délivrés de manière asynchrone.

La confusion des motivations consiste à donner à l’utilisateur l’illusion que sa motivation et celle de l’entreprise ne font qu’une. Méthode employée quasiment systématiquement dans le commerce (parcours marchand Ikea, agencement des magasins Nike), mais également par les services en ligne.

Faire que ce que vous voulez devient inséparable de ce que l’entreprise veut de vous.[…] quand vous cherchez un événement sur Facebook (votre raison), l’application vous fait d’abord parvenir sur le mur d’informations (leur raison). “Facebook veut convertir chaque raison que vous avez de l’utiliser en leur raison pour maximiser le temps passé chez eux”

L’absence de choix et la tromperie sur le service sont également des outils pour garder l’utilisateur. Essayez de supprimer votre compte LogMeIn (j’ai essayé le week end dernier et c’est impossible sans parlementer avec le service par échange de mails). Ainsi, les services dont l’usage est souhaité sont facilement accessibles, tandis que les autres peuvent être un vrai parcours du combattants.

On sait pourtant que l’impuissance n’est pas le consentement. Or, rappelle Harris, comme les magiciens qui nous invitent à prendre la carte qu’ils ont choisie pour nous, les entreprises rendent les choix qu’elles veulent nous faire faire plus faciles d’accès que les choix qu’elles ne veulent pas que nous fassions.

Et la liste des techniques est encore longue.

Lire Comment répondre au design de nos vulnérabilités ? sur Internet Actu et How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist de Tristan Harris.

dimanche 19 juin 2016

Yahoo – Tumblr, la difficile acquisition

Marketing – # # # # # # # #

Alors qu’on avait tout lieu de croire que les tensions naitraient sur le terrain éditorial, c’est finalement au niveau commercial que l’acquisition de Tumblr par Yahoo a révélé les profondes dissonances stratégiques que l’on pouvait attendre entre les 2 entités.

[…] Mayer broke the clear barrier between the companies by merging Tumblr’s ad sales team with Yahoo’s and putting them under a new executive who insiders say had little experience with Tumblr and even less rapport with its core employees. Soon after, Tumblr’s ad sales department was on the verge of a mass exodus.

Lire How Yahoo derailed Tumblr, pour comprendre la mécanique de cette chute annoncée.

lundi 13 juin 2016

La densité de pixels, l’indispensable explication

IHM UI UX – # # # # # # #

Il n’est plus imaginable de ne pas connaitre les règles d’usage concernant les différentes densités de pixels.
L’article Pixel Density, Demystified – How pixel density works and how it affects your designs est le dernier rempart contre l’ignorance.

Mockups for a standard-sized iPhone should be 375×667, not 750×1334 which is the resolution they’re actually displayed at. Most design tools don’t distinguish points from pixels […], so it’s up to designers to pretend that units in pixels are actually points, then have the flexibility to export at two or three times the size.

Aide-mémoire : l’effet flou d’iOS

IHM UI UX – # # # # # # #

Parce que je dois (ir)régulièrement répondre à la question “comment est généré l’effet de flou sur iOS”, j’indique ici la page stackoverflow qui me sert systématiquement de réponse.

iOS – Creating a blurring overlay view

mardi 7 juin 2016

La puissance du web : WebGL et three.js

IHM UI UX – # # # # # # #

Fini la nostalgie du flash et de ses animations. Il serait tant d’en faire le deuil et pour vous aider, la puissance permise par WebGL et three.js va donner un grand coup fouet à la création web multimédia.

However I hate to admit it, the era of this rich multimedia platform has come to an end. Flash is finally dead. But fear not! As often happens when one door closes, another opens, and Flash is slowly being replaced by a fresher, more vigorous successor. Technologies like WebGL, and accompanying JavaScript libraries like Three.js are rapidly growing—enabling developers to build Flash-like projects, without the accompanying security issues.

Découvrir three.js et WebGL

Lire l’article How WebGL is reinventing Flash’s legacy

Instagram, la chronologie est morte, vive l’algorithme

Réseaux sociaux – # # # # #

Il y a quelques jours, Instagram annonçait sa volonté de s’affranchir de l’organisation chronologique des contenus visibles afin d’adopter un algorithme visant à afficher en premier lieu ce qui intéresse l’utilisateur.

With this new ordering you won’t miss your favorite band’s video after the concert, even if it took place across the world in a different time zone. And no matter how many accounts you follow, you should see your best friend’s latest posts.

Il est toujours intéressant de constater à quel point Instagram et Facebook (propriétaire d’Instagram) supposent savoir, à votre place, ce que vous voulez voir. Pour ma part, ils tombent suffisamment “à côté” pour que je me désintéresse totalement de mon flux Facebook. Il y a fort à parier que je réserve le même avenir à mon flux de photos sur Instagram.
Laisser le hasard du temps mener la danse était-il si désastreux que ça ? Je considérai plutôt ça comme un attrait de la plateforme.

Le reste se trouve dans See the Moments You Care About First sur le blog d’Instagram.

Progressive web apps – la revanche du web sur les applications

Applications – # # # # # # # #

Si Wired prévoyait la mort du World Wide Web au profit d’un accès à internet exclusivement via application, c’était sans compter sans la capacité du WWW à renaître de ses cendres (encore chaudes) et à se réinventer constamment pour répondre au besoin de l’utilisateur.
La notion de Progressive web apps correspond à cette dernière mutation du web. Alex Russell en liste les attributs :

Responsive: to fit any form factor
Connectivity independent: Progressively-enhanced with Service Workers to let them work offline
App-like-interactions: Adopt a Shell + Content application model to create appy navigations & interactions
Fresh: Transparently always up-to-date thanks to the Service Worker update process
Safe: Served via TLS (a Service Worker requirement) to prevent snooping
Discoverable: Are identifiable as “applications” thanks to W3C Manifests and Service Worker registration scope allowing search engines to find them
Re-engageable: Can access the re-engagement UIs of the OS; e.g. Push Notifications
Installable: to the home screen through browser-provided prompts, allowing users to “keep” apps they find most useful without the hassle of an app store
Linkable: meaning they’re zero-friction, zero-install, and easy to share. The social power of URLs matters.

Lire Progressive Web Apps: Escaping Tabs Without Losing Our Soul

lundi 6 juin 2016

Recyclage artistiques des bots virtuels de Ashley Madison

IHM UI UX – # # #

Plus proches de 3615 Ulla que du film Her ou encore des prostituées de la série Äkta människor, les bots virtuels du site de rencontres adultéres Ashley Madison font l’objet d’une opération de recyclage par 2 artistes suisses.

L’entreprise n’utilise pas le mot « bot » dans sa communication interne, mais celui d’« Engagers » (entraîneuses) ou d’« Angels » (anges). Ce dernier terme semble particulièrement approprié, ces « anges » étant souvent créés à partir d’images de profils abandonnés et d’autres données de comptes « morts » provenant de sites de rencontres. Ces bots avançaient littéralement masqués, usant largement d’une option du site qui permet de superposer un loup sur l’image de son profil afin de l’anonymiser.

En savoir plus : La deuxième vie des « escort girls virtuelles » du site de rencontres Ashley Madison

Le Bose Quiet Comfort passe au sans-fil

Matériel – # # # # # # #

J’ai adopté le QC25 pour m’assurer calme et concentration lorsque je travaille ou que je voyage. La version sans-fil était une évolution logique, voire attendue.

Today, Bose announces the QuietComfort 35 around-ear headphones and the QuietControl 30 in-ear headphones, both shattering the limitations of existing wireless noise cancelling headphones with an entirely new experience for traveling, commuting, creating, studying, or relaxing

Lire le communiqué : Bose introduces wireless QC noise cancelling headphones and wireless sport headphones

Redécouvrir – VSCO [Visual Supply Company]

Applications – # # # #

VSCO® is an art and technology company empowering people everywhere to create, discover, and connect. Our goal is to honor art and artist while fueling a worldwide creative movement through innovative tools and experimental projects.

3 applications aux interfaces épurées autour de la photographie, à redécouvrir.

VSCO (voir aussi pour Android)
Artifact Uprising
DSCO