VI. Le mobile d'abord

Lorsque nous avons inscrit Mobile First dans notre manifeste, nous étions à la veille d'un point d'inflexion.

Les analyses montraient qu'en l'espace d'un an ou deux, les téléphones mobiles prendraient le pas sur les ordinateurs de bureau en tant que plate-forme informatique dominante. Les concepteurs de sites web dotés d'une vision se demandaient "pourquoi attendre ?". Si la durée de vie d'un site web était de trois à cinq ans, il fallait le concevoir dès maintenant pour un public essentiellement mobile. Nous avons adopté la conception "réactive" comme norme en 2010. En 2013, nous considérions le mobile comme le cas d'utilisation dominant.

Cela a commencé avec notre site web pour Royal Albert Hall, qui a été présenté dans le Responsive Design Podcast par Ethan Marcotte, l'homme qui a inventé le terme "responsive design".

En 2017, nous avons déjà largement dépassé le point d'inflexion. L'utilisation mobile représente actuellement 60 % du trafic vers le site web d'un client typique. Ce chiffre de 60 % inclut à la fois les tablettes et les téléphones, mais même cette distinction commence à s'estomper à mesure que les téléphones deviennent plus grands et les tablettes plus petites.

La frontière entre mon navigateur web mobile, mon application Facebook et ma carte de crédit s'estompe.

Que signifie concevoir mobile first ? Eh bien, il ne s'agit pas seulement de tout mettre dans une belle colonne longue et étroite à défilement. C'est surtout une colonne qui donne à mon ordinateur portable l'impression d'être un téléphone surdimensionné, mes pixels étant gaspillés dans des caractères énormes, avec des images principales qui ne s'adaptent pas tout à fait à ma fenêtre sans défilement.

La façon dont nous interagissons avec nos appareils mobiles est différente. Les appareils mobiles sont personnels, sociaux et interactifs. La frontière entre mon navigateur web mobile, mon application Facebook et ma carte de crédit s'estompe. Mon monde numérique commence à s'unifier autour de moi, via un hub de plateformes d'applications familières et conviviales, et les présences mobiles que nous concevons pour nos clients doivent commencer à s'infiltrer dans ce hub comme de bons citoyens.

Les interfaces doivent être plus simples. Mais nos attentes en matière d'interactions avec les consommateurs, qu'il s'agisse de promotions, de confiance, de sécurité, de fidélité, de reconnaissance ou de partage, sont de plus en plus complexes.

Une autre façon de voir les choses est que l'expérience de l'utilisateur doit venir chercher vos clients, dans le contexte, en anticipant leurs besoins, plutôt que d'attendre que vos clients prennent l'initiative.

Par exemple :

• Si mon téléphone s'authentifie déjà auprès d'Apple, de Google et de Paypal, ai-je vraiment besoin de m'enregistrer auprès de vous ? Ne pouvez-vous pas simplement récupérer ce dont vous avez besoin auprès d'eux ?

• Allez-vous vraiment m'envoyer un PDF de mes billets par courrier électronique ou peuvent-ils simplement apparaître dans mon portefeuille virtuel ?

• Suis-je vraiment censé faire confiance à votre page "Getting Here" plutôt qu'à l'application Maps de mon téléphone et à ses indications sur le trafic ?

• Êtes-vous sûr que je vais visiter votre section "Regarder et écouter", alors que toutes mes vidéos viennent me chercher dans une application appelée YouTube qui connaît le genre de choses que j'aime ?

• Allez-vous gaspiller mon précieux espace écran en mots expliquant pourquoi cette interaction n'a pas de sens, ou allez-vous simplement supprimer cette fonction redondante qui est à l'origine de la confusion ?

Pour permettre l'interaction mobile, les interfaces doivent être simplifiées. Mais nos attentes en matière d'interactions avec les consommateurs, qu'il s'agisse de promotions, de confiance, de sécurité, de fidélité, de reconnaissance ou de partage, sont de plus en plus complexes. Il s'agit là d'un énorme défi en matière de conception. Bien plus sérieux que de faire entrer un contenu dans une fenêtre de visualisation étroite.

Je l'aime autant pour ce qu'il ne fait pas que pour ce qu'il fait.

Mon expérience "Mobile First" préférée est l'application Hotel Tonight . Je l'aime autant pour ce qu'elle ne fait pas que pour ce qu'elle fait. L'expérience est tellement ciblée, personnelle et pratique qu'elle ne pourrait pas exister en dehors de la sphère mobile. L'interface est visuelle, simple et facilement navigable avec le pouce. Les appels à l'action sont clairs et sans équivoque. Il ne demande que les informations exactes dont il a besoin, et il s'en souvient. Votre fidélité est récompensée, mais vous n'avez pas à travailler pour cela en vous souvenant d'un code d'accès spécial pour les membres. En fait, il n'a jamais utilisé que mon identifiant Facebook, et il n'a presque jamais besoin de le demander.

Appliquer cette réflexion à l'expérience de réservation d'un concert

• Il s'agit généralement de deux billets. Pouvez-vous en pré-remplir deux et faciliter le changement ?

• Vous pouvez également choisir par défaut la première nuit disponible. Je chercherai si cela ne fonctionne pas pour moi.

• Pas besoin de me connecter. Facebook a mes coordonnées.

• Offrez-moi les meilleures places possibles dans ma gamme de prix, je pourrais changer après la vente.

• Paypal ou Apple Wallet dispose de ma carte de crédit et de mon adresse de facturation et de livraison.

• Vous pouvez déposer les billets dans l'onglet Mes concerts, avec les options de surclassement et les informations dont j'ai besoin.

La conception "mobile-first" signifie en fait qu'il faut en faire moins et réfléchir soigneusement à ce que l'on fait. Améliorons-nous la commodité ? Permettons-nous à nos utilisateurs d'en faire plus, sans augmenter leur charge cognitive ? Sommes-nous en train de nous adapter à leur vie numérique ? Ou attendons-nous toujours d'eux qu'ils fassent tout le travail à notre place ?

Lecture obligatoire

• Responsive Web Design, depuis sa sortie révolutionnaire en 2011, ce livre reste une ressource fondamentale pour tous ceux qui travaillent sur le web.

• Mobile First, Luke Wroblewski, ancien architecte concepteur de Yahoo !, en sait plus sur l'expérience mobile que le reste d'entre nous, et rassemble tout ce qu'il sait dans ce guide divertissant et concret.

• Responsive Web Design Podcast Qui visite le Royal Albert Hall sur son téléphone ? Louise Halliday et Jake Grimley expliquent qu'un site web conçu pour les mobiles fonctionne mieux pour tout le monde.

• Hotel Tonight rend remarquablement facile la réservation de grands hôtels à des prix de dernière minute sur votre appareil mobile.

Mois suivant : Show Don't Tell