Il ne suffit plus de vous assurer que votre contenu Web tient sur un petit écran. Google a renforcé ce précédent en mettre à jour son algorithme souligner l'importance des conceptions réactives soigneusement planifiées et bien exécutées sur les téléphones mobiles.
Et c'est logique: vos utilisateurs n'ont pas besoin de toutes les fonctionnalités d'un ordinateur de bureau sur un appareil mobile. En fait, ils peuvent vouloir supprimer du contenu et des fonctionnalités lorsqu'ils sont sur un écran plus petit. Après tout, personne ne veut trier les pages de contenu simplement pour trouver le numéro de téléphone de votre entreprise. C'est la pierre angulaire manquante dans de nombreuses fondations de conception de sites Web: une véritable adaptabilité.
Brouiller simplement votre site dans une version adaptée à un appareil mobile ne suffit pas. Vous devez examiner de près l'expérience utilisateur complète et la manière dont elle doit être modifiée pour s'adapter aux différents environnements dans lesquels elle est affichée.
57% d'utilisateurs d'appareils mobiles ne recommandera pas les entreprises ayant de mauvaises conceptions de sites mobiles, et 48% disent les entreprises disposant de sites mobiles qui ne fonctionnent pas correctement ont l’apparence de ne pas s’en soucier.
Il existe plusieurs problèmes que rencontrent la plupart des entreprises avec leurs sites Web réactifs:
Les processus de conception antérieurs ont exigé que le client approuve les images statiques et les captures d'écran avant la phase de développement. Aujourd'hui, le design est plus axé sur le réarrangement des éléments pour différentes dimensions de l'appareil et beaucoup moins sur le placement d'images statiques.
La présentation de données sur un petit écran rend souvent difficile la visualisation ou la lecture du contenu, en particulier des tableaux d'informations. le W3C encourage réellement les marques à choisir une méthode autre que les tableaux et les onglets pour présenter les données; Les interfaces utilisateur compliquées contiennent simplement trop d'informations pour que les appareils mobiles puissent les gérer.
Surtout, le problème de la conception réactive est simplement une question de perspectives des clients par rapport aux perspectives des entreprises. Malheureusement, la plupart des entreprises ont tendance à se demander ce qu’elles veulent dire à leurs clients plutôt que la manière dont leurs clients souhaitent consulter et interagir avec ces informations.
Par exemple, les flux de travail d'enregistrement sont généralement l'aspect le plus important de la conception Web, mais ils sont souvent peu prioritaires. C'est parce que les entreprises pensent davantage aux fonctionnalités qu'elles souhaitent voir aux clients que le point d'entrée logique et le flux de travail principal que recherchent les clients.
En termes simples, le design réactif n'est pas la solution ultime pour donner aux utilisateurs ce dont ils ont besoin à partir d'un site Web. cela laisse encore beaucoup à désirer.
En ce qui concerne la conception de sites Web, les principales marques de conversation doivent se résumer au concept de sites Web réactifs et adaptatifs.
L'approche réactive prend le site actuel et l'adapte à différentes tailles d'écran, tandis que l'approche adaptative modifie réellement le contenu et son fonctionnement en fonction de la taille de l'écran.
La conception Web réactive suppose que votre contenu et vos fonctionnalités doivent être les mêmes sur tous les appareils - mais ce n'est pas nécessairement le cas
Je préconise généralement une méthode de conception Web adaptative, par opposition à un simple empilement de contenu, pour une raison importante: la conception Web réactive suppose que votre contenu et vos fonctionnalités doivent être identiques sur tous les appareils, mais ce n’est pas nécessairement le cas. La clé est de faire correspondre la nature du contenu avec le cas d'utilisation et le contexte dans lequel les utilisateurs consultent votre site Web.
Par exemple, disons que vous concevez un site réactif pour une marque dans les secteurs des biens de consommation ou des cadeaux de consommation. Les promotions et offres des pages pour ces types de sites reçoivent généralement le plus de trafic en ligne. Les personnes consultent rarement les détails du produit, mais lorsqu'elles le font, un excellent moyen de les mettre en évidence est de montrer comment elles se comparent à d'autres éléments. Dans cette optique, vous devez placer la visualisation des produits et le contenu éducatif sur les pages des produits afin d’aider les consommateurs à comprendre comment utiliser et utiliser votre produit.
Pour l'industrie des biens de consommation emballés, vous voulez connaître vos clients et déterminer s'ils sont pré-, entrants ou post-marchands. Vous devrez créer une expérience différente selon l'endroit où le client est sur le chemin de l'achat.
Voici un bref aperçu de chaque chemin:
Savoir où les clients sont sur le chemin de l’achat vous permet de concevoir le site de manière à répondre à ces besoins et à bien plus.
La conception adaptative permet au client d'avoir une expérience personnalisée ... basée sur le périphérique qu'il utilise
Surtout, vous devez vous mettre à la place de vos clients. Par exemple, je magasine chez Trader Joe chaque semaine. Ce serait bien si je pouvais planifier mes repas à l'avance à partir de mon ordinateur portable et connecter ce plan à mon expérience de magasinage. En d'autres termes, je pourrais dire au site ce que je voudrais faire pour le petit-déjeuner, le déjeuner ou le dîner. Le site m'indiquerait alors tous les produits dont j'aurais besoin pour préparer ces repas et créer pour moi une liste pour que je puisse savoir quelles allées toucher lorsque je serais au magasin. Tout ce que je devrais faire, c'est retirer mon téléphone.
La conception adaptative permet au client d'avoir une expérience personnalisée, telle que celle-ci, en fonction du périphérique qu'il utilise.
Optimisez l'expérience client en adaptant la conception et les informations à l'appareil. Par exemple, si votre client vous recherche sur un smartphone, rendez votre numéro de téléphone proéminent et interactif afin qu'il puisse facilement appeler. Le consommateur est-il sur un ordinateur portable? Il est peut-être plus important de présenter les informations sur les produits dès le départ. Déterminez les besoins de vos clients en fonction du périphérique utilisé et offrez-leur cette expérience.
Vous devez regarder votre site du point de vue des utilisateurs, quel que soit l'appareil utilisé. Si vos clients sortent leur téléphone pour rechercher votre entreprise, mieux vaut être prêt à les aider à trouver ce dont ils ont besoin avec la meilleure conception et fonctionnalité possibles. Si vous ne le rendez pas simple et transparent, ils prendront leur entreprise ailleurs.