L'émergence du mobile comme plate-forme dominante pour l'activité en ligne de toutes sortes signifie qu'il est plus important que jamais de y prêter une attention particulière. Ce changement dans les habitudes des utilisateurs souligne un changement dans la façon dont les gens consomment le contenu, en général, ce qui les intéresse et comment ils s'y engagent. Afin de refléter cela et de répondre aux désirs et aux désirs de votre public, il est nécessaire d'examiner attentivement la manière dont votre contenu en ligne est présenté sur mobile. Cela impliquera à la fois des éléments techniques et créatifs, et vous voudrez peut-être prendre en compte de nombreux aspects. Nous traitons ici de l'importance d'une bonne expérience utilisateur et de la meilleure façon d'y parvenir.
Expérience de l'utilisateur
Comme mentionné précédemment, les utilisateurs consomment du contenu sur des appareils mobiles d'une manière complètement différente de celle sur un ordinateur de bureau. Par exemple, ils seront souvent en déplacement, auront peu de temps ou seront multitâches et, bien sûr, ils liront sur un écran beaucoup plus petit. En bref, ils recherchent la commodité et la clarté de l'information. Par conséquent, afin de présenter un contenu vraiment adapté aux mobiles, l'expérience utilisateur doit être au premier plan de votre approche.
- En-têtes accrocheurs. Avec un écran plus petit, l'espace est primordial. Ne le gaspillez pas avec de longs titres – coupez les mots de remplissage inutiles et gardez-les nets et précis. Cela sert le double objectif de susciter l'intérêt des gens et d'économiser de l'espace précieux sur l'écran.
- Poursuivre le défilement. Faire défiler vers le bas pour lire plus loin semble plus naturel et demande beaucoup moins de travail que le chargement d'une nouvelle page. Si votre contenu doit vraiment être paginé, rendez-le aussi simple que possible en autorisant le balayage, ou au moins un lien facilement accessible vers la page suivante.
- Style direct. Comme pour les titres et les en-têtes, tout contenu écrit doit garder à l'esprit les courtes durées d'attention.
- Multimédia. Bien que les vidéos, l'audio et les images .gif soient d'excellents moyens d'engager les utilisateurs, ils devraient être facultatifs pour éviter de punir les allocations de données plus petites.
- Compresser les images. Réduisez la taille de vos fichiers au minimum pour réduire le temps de chargement des pages et veillez à spécifier des dimensions de dimensionnement appropriées pour les écrans mobiles.
Site mobile ou Responsive Design ?
En termes de mise en page de votre site, il existe deux options principales pour diffuser du contenu de manière conviviale pour les mobiles : un site mobile distinct (par exemple, « m.website.com ») ou une conception Web réactive. Les deux méthodes peuvent aider à atteindre les objectifs d'expérience utilisateur susmentionnés, mais cette dernière est plus efficace que la seconde.
Alors que les m.sites étaient populaires dans le passé, il existe maintenant plein de bonnes raisons de les abandonner. Pour commencer, il est beaucoup plus difficile de maintenir deux sites distincts, souvent avec le même contenu – vous ne pouvez probablement pas consacrer le même niveau d'attention aux deux. Bien que l'espace web soit de plus en plus facile à gérer, avec des packs d'hébergement de des entreprises établies comme 1&1, plus vous pouvez concentrer vos efforts, mieux c'est. De plus, un m.site nécessite une redirection depuis votre site principal, ce qui est fondamentalement mauvais pour le référencement, et nuira à votre classement dans Google.
Responsive design évite ces problèmes en vous permettant d'appliquer différentes règles CSS au même code HTML principal, en fonction de l'appareil utilisé. En utilisant la balise meta name="viewport", vous pouvez indiquer aux navigateurs comment ajuster les dimensions de votre contenu afin qu'il soit mis à l'échelle de manière plus appropriée. Le principal avantage ici est sa fluidité par rapport à un m.site - il n'est pas nécessaire de repenser la page entière pour essentiellement le même contenu, et la transition du bureau au mobile est transparente pour l'utilisateur.
De plus, vous conservez l'utilisation d'une seule URL, ce qui simplifie considérablement le partage multiplateforme et la possibilité pour les robots d'explorer votre site. En raison de ces avantages, l'approche unifiée de la conception Web réactive est la voie à suivre pour l'expérience utilisateur mobile.
