WordPress et Tablets optimiser maintenant et regarder vers l'avenir

Les tablettes gagnent en popularité au fil des jours et de plus en plus de gens se tournent vers elles pour consommer du contenu Web. À travers Tuts +, nous avons déjà expliqué dans plusieurs articles comment concevoir ces nouveaux tablettes en tête. Aujourd'hui, nous allons revenir sur le thème de la conception de tablettes et l'examiner dans le contexte de WordPress..


Devrions-nous nous en préoccuper??

Avant même de penser à la conception et à l'optimisation de tablettes, nous devrions d'abord déterminer s'il est préférable de passer notre temps à le faire..

Récemment, il a été révélé qu'Apple détenait environ le quart du marché des ordinateurs, mais seulement si l'iPad était pris en compte. Au moment d'écrire ces lignes, Apple n'avait pas encore annoncé ses résultats du dernier trimestre, mais les analystes s'attendent à ce qu'Apple annonce des ventes record d'iPad se situant entre 11,7 et 19,5 millions d'unités. C'est un assez gros chiffre, et il affiche une croissance trimestrielle, ce qui signifie que les ventes de tablettes deviennent de plus en plus importantes..

Espérons que la qualité de l’iPad, non seulement en soi, mais en tant que partie intégrante de l’industrie informatique, montre à quel point les concepteurs devraient prendre au sérieux la plate-forme. De plus, en tant que concepteurs et développeurs créant des thèmes pour WordPress, nous devons prendre des notes supplémentaires, compte tenu du nombre de blogs différents proposés par le logiciel.


Comprendre les différences

Avant de nous lancer dans une réflexion sur la meilleure manière de prendre en compte la tablette - du point de vue du designer comme du blogueur -, nous devons vraiment comprendre en quoi une tablette diffère d'une expérience informatique traditionnelle..

La méthode de saisie est la plus importante et la plus évidente. Elle est principalement basée sur une tablette tactile plutôt que contrôlée par le curseur. Cela signifiera de grandes différences dans le niveau de précision d'un utilisateur par rapport à un site Web, car le bout de votre doigt est beaucoup plus grand que le bout d'un curseur..

La résolution est une autre différence, car elle est beaucoup plus petite sur les tablettes que sur les ordinateurs. La résolution de l'iPad est de 1024 x 768 pixels. Si l'on revient à quelques chiffres de l'année dernière, seuls 3,54% des visiteurs ont visionné une résolution de cette taille. Les formats les plus populaires étaient 1680 x 1050px, 1280 x 800px et 1440 x 900px, ce qui est beaucoup plus grand que l'iPad. Cela nous indique que les ordinateurs traditionnels sont utilisés à des résolutions beaucoup plus élevées que celles des tablettes..

Une dernière différence réside dans la gamme de technologies disponibles sur la plate-forme. Comme nous le savons tous, l'iPad ne prend pas en charge Flash (ni aucune technologie Web basée sur des plugins), ce qui signifie que certaines de vos options sont limitées. Le chemin recommandé par Apple est HTML5, que de nombreux services majeurs ont commencé à adopter pour le contenu vidéo..

Avant d'entrer dans le contenu principal de l'article, je dois noter que j'écris en pensant à l'iPad. Bien qu'il existe de nombreuses tablettes disponibles, l'iPad est clairement le leader du marché et, par conséquent, l'un des plus importants à prendre en compte. Pendant que je ferai référence à l'iPad, la plupart de ce dont nous discutons peut être appliqué à n'importe quelle tablette ~ 10 ".


La perspective du designer

Il y a deux perspectives importantes à prendre en compte lorsque vous regardez WordPress sur des tablettes. Le premier est celui du concepteur, qui conçoit l’avant-plan d’un blog WordPress et son expérience utilisateur..

Conseils pour optimiser vos conceptions

Comme en témoignent les chiffres de vente élevés et la part de marché de l'iPad, la plate-forme doit être sérieusement examinée lors de la conception. Chez WebDesignTuts +, j'ai écrit un article sur la conception avec la tablette à l'esprit. Cette lecture est recommandée car les mêmes principes s'appliquent au design WordPress. Récapitulons quelques-uns de ces conseils d'optimisation…

  • Navigation optimisée au doigt - Les utilisateurs ne peuvent pas atteindre le même degré de précision avec le bout du doigt qu'avec un curseur. Les conceptions Web doivent donc en tenir compte. Les éléments de navigation clés tels que les menus doivent pouvoir accueillir le doigt de quelqu'un et ne pas obliger celui-ci à effectuer un zoom important uniquement pour appuyer sur le lien souhaité..
  • S'en tenir aux normes - Comme nous le savons tous sûrement, l'iPad ne prend pas en charge Flash. Que vous pensiez que c'est un avantage ou un désavantage ne changera rien, vous devrez l'adapter à votre thème. Évitez d’utiliser Flash et d’autres technologies Web à base de plug-ins, mais optez pour des solutions plus universelles telles que HTML5. Si vous concevez un thème pour un client, vous pouvez envisager d'ajouter des codes courts à des services que vous savez conformes, tels que YouTube, afin d'encourager le client à ne pas inclure ultérieurement l'un de ces éléments incompatibles.
  • Rappelez-vous des orientations multiples - Les tablettes fonctionnent dans plus d'une orientation. Vos thèmes ne seront donc pas visualisés avec une résolution de 1024 x 768px sur un iPad, mais également avec une résolution beaucoup plus fine de 768 x 1024px. Vous devez en tenir compte et tester l'adaptation de votre conception lors de la rotation d'un périphérique..
  • Tester. Tester. Tester. - L'un des meilleurs moyens d'optimiser votre thème pour une tablette est de le tester sur une tablette. Ce faisant, vous aurez une meilleure idée de la façon dont vous l'avez optimisé pour cette plate-forme..

Tant que vous tenez compte de ces trois points, votre thème WordPress sera probablement le mieux placé pour gérer le trafic généré par les tablettes..

L'alternative: sites de tablettes et plugins WordPress

Si vous tenez compte des points susmentionnés lors de la conception de votre prochain thème, vous devriez être prêt à partir. Cependant, il existe une autre alternative: des sites dédiés aux tablettes..

Vous avez probablement visité un site sur votre smartphone qui ne vous présente pas le site habituel, mais un site mobile réduit. Cela offre aux utilisateurs un accès plus rapide au contenu sur un écran plus petit, tout en pouvant agrandir ou modifier certains éléments d'interface essentiels sans modifier l'apparence du bureau. Il existe un certain nombre de plugins WordPress qui le feront pour vous, y compris WPtouch.

Je ne cesse de me demander si, à mon avis, les conceptions utilisant uniquement des tablettes sont une bonne idée. il y a des avantages et des inconvénients. Un site pour tablettes vous permettrait d'optimiser et de concevoir correctement un périphérique spécifique, sans avoir à essayer de prendre en charge d'autres plates-formes en même temps. Toutefois, cela signifie que votre conception sera différente d'un appareil à l'autre. Par conséquent, ce qu'un utilisateur peut trouver applicable sur son bureau ne s'applique pas nécessairement lorsqu'il navigue sur une tablette. Cela n'a pas tellement d'importance sur mobile parce que nous ne pensons pas que ce sera la même chose qu'un ordinateur de bureau, mais c'est une histoire différente pour une tablette beaucoup plus grande.

Comme WPtouch et d’autres plug-ins pour thème mobiles, il existe un certain nombre de plug-ins WordPress qui permettront d’optimiser le thème des visiteurs de tablettes. Onswipe est l'un de ces plugins.

L'étude de cas WordPress.com

En mars, WordPress.com a lancé l'intégration du plug-in Onswipe sur tous leurs sites hébergés, ce qui était plutôt audacieux. Onswipe détecte le moment où un utilisateur navigue sur le site avec un iPad et affiche un thème complètement différent, dit meilleur optimisé pour la plate-forme..


Un exemple de site utilisant le thème Onswipe.

Le thème optimisé pour iPad est conçu pour ressembler à un magazine, quel que soit le type de contenu publié sur votre blog. Il se débrouille si bien avec une poignée d’animations sympas ajoutées pour donner l’apparence d’une application native. Cependant, la solution ne convient pas à tous les blogs et la différence visuelle par rapport au thème choisi par le blogueur lui permet de se sentir déconnectée, le distanciant de votre conception d'origine..

Alors que les démarches entreprises par WordPress.com montrent qu'elle considère la plate-forme avec sérieux, je ne suis tout simplement pas très enthousiaste à l'idée de présenter à mes visiteurs un thème complètement différent ne montrant aucun lien avec mon blog d'origine, mis à part le contenu..


Le point de vue du blogueur

Je passe beaucoup de temps dans le tableau de bord WordPress sur plusieurs sites. J'essaie également d'utiliser mon iPad davantage comme outil d'écriture lorsque je ne suis pas à mon bureau, mais jusqu'à récemment, le tableau de bord m'a laissé de nombreux problèmes lorsque j'essaie de faire les deux à la fois. Heureusement, un certain nombre d'applications iPad natives fonctionnent avec WordPress, en plus d'un tableau de bord récemment mis à jour avec des optimisations pour les tablettes. Examinons le point de vue du blogueur sur WordPress sur des tablettes…

Le tableau de bord WordPress 3.3

La version 3.3 de WordPress incluait "le design réactif de certains écrans, y compris le support iPad / tablette", une mise à jour qui m'a fait très plaisir..

Le tableau de bord WordPress semble beaucoup mieux et est beaucoup plus réactif sur mon iPad avec la version 3.3 par rapport aux versions précédentes. L'un des changements les plus importants concerne l'éditeur de publications, où les blogueurs ne sont plus limités à la vue HTML. Si vous êtes satisfait d'un clavier virtuel, composer des publications dans l'éditeur d'une tablette est un jeu d'enfant. Vous pouvez facilement rédiger de nombreux articles, y compris en utilisant les outils modaux pour l’insertion ou la liaison d’images..

Applications de la tablette

L'alternative à l'utilisation simple du tableau de bord réactif récemment mis à jour consiste à utiliser une application native disponible sur votre tablette. L'iPad en a quelques-uns, y compris l'application officielle WordPress.

L'application WordPress officielle est arrivée loin avec les dernières mises à jour, et je peux composer avec joie un article. Il s’agit toutefois d’une interface simplifiée et simplifiée, dépourvue de fonctionnalités fondamentales telles que l’accès à la bibliothèque multimédia de votre blog ou la possibilité d’ajouter une image sélectionnée..

Si vous cherchez quelque chose de différent de l'ancienne application WordPress standard, il existe une poignée d'excellents éditeurs disponibles. Blogsy est une très belle application WordPress pour iPad à laquelle j'ai donné un 9/10 lorsque je l'ai revue sur iPad.AppStorm. Il y a aussi quelques applications de statistiques fantastiques comme Ego, qui vous permettront de parcourir les données analytiques de votre site WordPress..

Peut-on prendre la tablette au sérieux?

Même si vous utiliserez probablement une combinaison d'applications natives ou le tableau de bord WordPress de votre navigateur, la tablette est certainement un appareil de productivité. Le concept de rester assis avec juste une tablette mince au lieu de s'asseoir sur un clavier au clavier est probablement préférable à la plupart des lecteurs, mais je pense que vous passerez plus de temps à exécuter des tâches sur une tablette que sur un appareil de bureau ( ou du moins je le fais).

Pour répondre à la question, je pense vraiment que nous pouvons prendre la tablette au sérieux, en particulier si vous l'associez à des accessoires tels qu'un clavier sans fil et une station d'accueil ou un support. Cependant, il reste encore quelques étapes à franchir pour devenir un dispositif unique de gestion de blogs.


Dernières pensées

Les tablettes sont de plus en plus populaires et les utilisateurs chercheront à les utiliser pour la consommation et la création. Les concepteurs de thèmes doivent en tenir compte et commencer à adopter des solutions qui optimisent les sites pour une consommation tactile, tandis que les créateurs de contenu souhaitant bloguer depuis leur iPad devraient commencer à évaluer les options disponibles dans leur navigateur et sur l'App Store..

Utilisez-vous votre tablette (iPad ou autre) pour bloguer? Si oui, comment faites-vous? Avez-vous récemment conçu un thème WordPress prenant en compte les tablettes? Partagez vos idées, conseils et commentaires ci-dessous.