Page d'accueil » UI / UX » Regard sur la création de sites Web pour les utilisateurs de tablettes

    Regard sur la création de sites Web pour les utilisateurs de tablettes

    L'arène de la tablette, qui était autrefois uniquement dominée par l'iPad d'Apple, est en plein essor avec un nouvel entrant chaque jour. Google Nexus 7, Amazon Kindle, Microsoft Surface et une foule d'autres tablettes qui sont entrées sur le marché poussent les spécialistes du marketing à penser au-delà du site Web des PC et à développer une stratégie de tablette autonome - ou au minimum., un site web convivial pour les tablettes.

    Les tablettes remplacent-elles les smartphones? La réponse courte est non. En fait, un rapport récent de comScore révèle clairement qu'un propriétaire de smartphone sur quatre utilise également une tablette. De plus, il existe de nettes différences dans la manière dont les gens utilisent ces deux appareils. Bien que certaines de vos stratégies Web mobile puissent convenir aux utilisateurs de tablettes, les lecteurs de votre tablette ont des besoins particuliers qui nécessitent une attention particulière..

    Construire pour la tablette

    Selon une étude de la Online Publishers Association, l'accès aux contenus et aux informations semble être la principale activité des propriétaires de tablettes numériques à travers le monde. Consommation de contenu incluse regarder des vidéos, puis lire des nouvelles. Alors, que devriez-vous faire, en tant qu'éditeur de contenu ou éditeur, pour courtiser vos lecteurs de tablette??

    Les lecteurs de tablettes sont habitués à interagir avec une multitude d'applications, conçues avec des graphiques riches et des éléments visuels extrêmement détaillés. Par conséquent, les lecteurs de tablettes attendent la même expérience de lecture lean-back, semblable à celle d'une application, qu'ils ont l'habitude de voir sur leurs navigateurs de bureau..

    Scroll est passé; glisser est dans

    Le seul moyen d’impliquer vos visiteurs de plus en plus nombreux sur une tablette est de penser au-delà des normes de site Web PC, à savoir les formats et mises en page de défilement vertical, et de commencer à créer un site Web plus personnel et interactif. Les lecteurs de tablettes sont habitués aux gestes tels que le glissement et le glissement et préfèrent ceux-ci à l’ancien moyen de "parcourir et cliquer" de la navigation sur les sites.

    Tirez parti des technologies HTML5 et CSS3 pour afficher le contenu dans une mise en page paginée et bien formatée qui émule un magazine imprimé et donnez aux lecteurs l'expérience de feuilleter les pages de leurs magazines préférés..

    Sites Web tactiles

    Chaque tablette sur le marché fonctionne aujourd'hui avec une interface tactile, qui a redéfini l'idée même de notre interaction avec les ordinateurs personnels. Pour une expérience de lecture optimale sur les tablettes, il suffit simplement de définir une taille de texte minimale de 14 pixels. Mais qu'en est-il des interfaces utilisateur, surtout en ce qui concerne l'apport humain?

    C'est dans les doigts

    Alors que les sites Web de PC se chargent sur un écran placé à une certaine distance de l'œil, accessible avec la souris via un curseur, les tablettes sont conçues pour être tenues en main et accepter les entrées des doigts de l'utilisateur..

    Augmenter le remplissage du texte il y a donc une zone autour du texte en hyperlien sur lequel on peut cliquer même avec de gros doigts. Également augmenter l'interligne entre les phrases afin qu'il n'y ait pas d'affrontement entre textes hyperliens, champs de formulaire ou menus déroulants. Supprimer les événements de survol mais gardez les comportements et les commandes intuitifs, ou du moins suffisamment prévisibles pour que les utilisateurs n'aient pas à réapprendre à naviguer sur votre site.

    Nous vous recommandons de respecter les directives d'interface humaine iOS d'Apple lorsque vous créez un site Web convivial pour les tablettes..

    Évitez les éléments flashy

    Avec l'iPad toujours en tête du peloton sur le marché des tablettes, il est toujours prudent de ne pas construire pour Flash. Cependant, vous pouvez créer une expérience de type meilleure application pour vos lecteurs sur les navigateurs de leurs tablettes à l'aide de HTML5. Utilisez moins d'animations JavaScript pour maintenir le site Web de votre tablette rapide et accessible sur tous les appareils tablettes..

    L'orientation compte

    Le visiteur de votre tablette peut visualiser votre site Web en orientation paysage ou portrait; Veillez donc à ce que le contenu de votre site Web sur tablette se réorganise automatiquement pour s'adapter à ces deux orientations. Reportez-vous à la section 30 portefeuilles réactifs pour votre inspiration pour une idée de la façon dont votre contenu doit être réorganisé pour s'adapter à différentes tailles et orientations d'écran..

    Et pour en savoir plus, consultez:

    • Conception Web mobile: 10 conseils pour améliorer la convivialité
    • 30 didacticiels utiles sur la conception de sites Web adaptatifs
    • 50 outils de conception de site Web adaptatifs utiles pour les concepteurs

    Enfin, utilisez toujours des images de très haute résolution ou assurez-vous que vos images sont redimensionnées pour différentes orientations, afin que les utilisateurs obtiennent une image complète. Le format 16: 9 fonctionne bien avec la plupart des tablettes.

    Emballer

    Lorsque vous créez un site Web convivial pour les tablettes, pensez au-delà des sites Web pour PC et poussez plus loin les interactions personnelles. Repensez et reconstruisez vos sites Web pour un monde où les tablettes sont les premières..

    Note de l'éditeur: Cet article est écrit par Lakshmi Harikumar pour Hongkiat.com.