Six façons d'améliorer le fonctionnement de votre site Web sur les tablettes

Lorsque les tablettes ont été mises sur le marché pour la première fois, les concepteurs Web ont convenu que la meilleure façon d'avancer était de créer un site de bureau qui «se dégraderait gracieusement» pour fonctionner sur les tablettes et autres appareils mobiles. C'était un bon conseil à l'époque. Mais avec des avancées telles que la conception Web adaptative, nous pouvons aller plus loin et nous appuyer sur une couche centrale de contenu Web, en l'améliorant avec des fonctionnalités et du matériel personnalisé pour toutes sortes d'appareils et de contextes utilisateur différents.

Nous pouvons - et devrions - rejeter les limitations du navigateur Web de bureau et penser d'abord à la tablette. Cela a du sens, en particulier lorsque les recherches montrent que les utilisateurs de tablettes dépensent 20% de plus par achat que les visiteurs réguliers de bureau , ce qui en fait les meilleurs visiteurs que vous souhaitez.



Voici six bonnes pratiques qui explorent à quoi ressemble une expérience véritablement optimisée pour les tablettes. Ces conseils proviennent de l'ebook gratuit de Mobify, Meilleures pratiques de conception Web pour tablettes .



  • Lisez tous nos articles sur la conception Web ici

01. Désactivez l'option 'Pincer pour zoomer' sur les pages, mais pas sur les images

Si vous avez mis en forme votre site Web en pensant aux tablettes, les utilisateurs ne devraient pas avoir besoin de zoomer pour lire le texte ou de cliquer sur des liens. Mais cela ne veut pas dire que le zoom n'est pas une fonction clé de la tablette.



Par exemple, si vous avez des images haute résolution, les utilisateurs devraient pouvoir pincer et agrandir une image afin d'afficher plus clairement les détails. Offrez aux utilisateurs le meilleur des deux mondes en leur permettant de modifier la taille de l'image sans modifier la taille de la page.

02. Adoptez des tailles de police flexibles

Le facteur de forme polyvalent de la tablette en fait un plaisir d’utiliser. Vous pouvez le tenir verticalement ou horizontalement, près de votre visage ou à distance. Étant donné que les utilisateurs peuvent choisir comment positionner leurs tablettes, laissez-les également choisir leur taille de police préférée. Cela fonctionne particulièrement bien pour les sites Web riches en contenu, comme les magazines et les blogs en ligne.

Mettre à l'échelle la taille de la police avec JavaScript et rem (root em). Apprenez à modifier la taille de police de base du corps ou d'un élément de contenu en modifier l'unité rem pour cet élément .



03. Remplissez automatiquement les champs de données

Chaque fois que vous le pouvez, aidez les visiteurs de la tablette en renseignant automatiquement les champs de données. Vous pouvez utiliser Services de localisation Google , géocodage inversé et certaines JavaScript pour remplir les estimations de livraison, afin que les utilisateurs n'aient pas à le faire.

meilleur appareil photo canon pour la photographie d'oiseaux

04. Soyez créatif avec la navigation dans le contenu

À l'aide de tactiques Web adaptatives, remixez de manière créative le contenu de manière à tirer le meilleur parti des modèles de conception de tablettes, de smartphones et de postes de travail. Personnalisez les éléments de contenu associés, les appels à l'action et les galeries d'images pour compléter le comportement des utilisateurs sur divers types d'appareils.

05. Lorsque la navigation continue fonctionne

Nous avons une relation amour-haine avec une navigation collante. Lorsqu'elle est mal mise en œuvre, elle peut distraire et frustrer les utilisateurs. Mais cela peut aussi rendre la navigation sur un site jusqu'à 22% plus rapide et peut réduire de 36 secondes une visite de cinq minutes sur un site Web .

masquer le code html de la source de la vue

Les audiences de tablettes se déplacent généralement rapidement dans les sites Web de commerce électronique et d'achat, de sorte qu'une navigation continue peut être une fonctionnalité utile. Il est particulièrement avantageux pour les sites avec beaucoup de contenu, car les utilisateurs ne se perdent pas lorsqu'ils référencent la navigation.

La navigation collante fonctionne également bien pour les sites d'achat qui permettent aux utilisateurs d'accéder à leur carte d'achat en plus de n'importe quel produit ou catégorie de la boutique à tout moment.

06. Enseignez chaque fois que vous le pouvez

Nos interactions avec les tablettes sont distinctes des ordinateurs de bureau et des smartphones. Ainsi, si les utilisateurs sont nouveaux sur les tablettes, vous devrez peut-être leur montrer comment interagir avec des fonctions tactiles augmentées.

Google Actualités le fait bien pour les nouveaux visiteurs. Le site affiche une flèche contextuelle qui suggère que le contenu peut être glissé depuis la droite. La flèche disparaît une fois que l'utilisateur a maîtrisé cette nouvelle interaction.

L'ajout d'améliorations adaptatives à vos sites Web (comme ceux ci-dessus) transformera votre site existant en une expérience Web moderne et sophistiquée adaptée aux tablettes. Obtenez 24 autres bonnes pratiques dans l'ebook gratuit de Mobify, Meilleures pratiques de conception Web pour tablettes .

Mots: Ben Terrill

Ben Terrill est le VP du succès client pour Mobify , une plateforme mobile ouverte. Il a plus de 10 ans d’expérience dans la création de campagnes primées et dirige actuellement l’équipe de services professionnels qui aide les clients de Mobify, tels que British Telecom, Starbucks et Expedia, à réussir sur le Web adaptatif sur mobile et tablettes.

Aimait ça? Lisez-les!

Comment prenez-vous en compte les utilisateurs de tablettes lors de la conception de vos sites? Faites le nous savoir dans les commentaires!