Si vous publiez des photos incroyables de qualité professionnelle sur votre site Web et que personne ne peut y accéder, sont-elles vraiment incroyables? Personne ne saura. Tout ce travail acharné, cette concentration, cette détermination et cette capacité artistique - POOF - tout cela pour rien. C'est exactement ce qui arrive à de nombreux photographes très talentueux. Ils consacrent leur cœur et leur âme à leur forme artistique, puis la confient à une technologie obsolète qui n’affiche pas correctement leur travail sur les appareils mobiles.
Quelle est l'importance d'être adapté aux mobiles?
Avec la prolifération des appareils mobiles, il n'est pas surprenant que de nombreuses personnes effectuent la plupart de leur navigation sur le Web en déplacement. Considérez les statistiques révélatrices suivantes trouvées sur visual.ly:
- Les requêtes de recherche mobile ont été multipliées par cinq au cours des deux dernières années.
- Neuf recherches sur un téléphone mobile sur 10 aboutissent à un achat ou à une visite.
- Trois recherches sur cinq sont effectuées sur un appareil mobile.
- 99% des propriétaires de smartphones utilisent leur navigateur mobile au moins une fois par jour.
- 52% de toutes les recherches locales sont effectuées sur un appareil mobile.
Ce sont des chiffres surprenants, surtout si vous ne suivez pas le visage changeant du Web. Malheureusement, il semble qu'il y ait eu un retard dans l'adoption par les photographes de la technologie Web appropriée pour présenter leur travail d'une manière qui s'adapte aux utilisateurs mobiles. Pour vous assurer que votre site et votre travail photographique sont présentés de manière percutante, il doit être optimisé spécifiquement pour la visualisation mobile.
Les ordinateurs de bureau et les appareils mobiles ne fonctionnent pas toujours bien
Le simple fait de créer un site pour ordinateur de bureau ne garantit pas que les résultats seront transférés sur les téléphones et les tablettes, ni même sur les nouvelles montres intelligentes. Vous ne voulez pas que les spectateurs intéressés ouvrent votre site sur un appareil mobile et trouvent une mise en page rapide avec des images déformées ou inaccessibles. Si cela se produit, cela vous met dans une situation difficile: vous espérez qu'ils se souviennent et désirent rechercher votre site une deuxième fois lorsqu'ils sont de retour sur un ordinateur de bureau. C’est un vœu pieux compte tenu du déluge de distractions que nous rencontrons tous chaque jour et de l’attention quelque peu réduite de la génération numérique haute définition et haute vitesse. Ici aujourd'hui, parti demain, ou peut-être plus tôt dans le cas de votre travail acharné et de vos aspirations.
L'un des pires scénarios dans lesquels vous pourriez vous trouver est celui d'un site de portefeuille entièrement basé sur Adobe Flash, vous laissant perdre tout un groupe d'utilisateurs mobiles qui chercheront rapidement ailleurs lorsque votre site ne se chargera pas sur leur appareil. Personne n'aime voir un écran vide ou un message disant: "Ce contenu ne peut pas être affiché sur votre appareil."
Les appareils mobiles ne lisent souvent pas les sites Web Flash
Rendre votre travail accessible
Il est essentiel de donner à votre public exactement ce qu'il veut: un accès rapide et fluide à votre travail éblouissant à tout moment et en tout lieu. S'ils ne peuvent pas naviguer clairement sur votre site Web, cela soulève des questions dans leur esprit sur votre professionnalisme et votre engagement envers les téléspectateurs et votre forme d'art. Ce n'est pas un bon endroit pour un photographe fier et ambitieux. La bonne nouvelle, cependant, est qu'il existe des solutions facilement disponibles que vous pouvez exploiter, que vous ayez déjà un site existant ou que vous en démarriez un à partir de zéro.
La clé pour optimiser l’expérience de l’utilisateur mobile est d’avoir un site qui utilise conception de sites Web réactifs ou conception de sites Web adaptatifs . Ce sont deux types de programmation de site qui garantissent une transition transparente de votre contenu du bureau vers tous les appareils mobiles, quelle que soit la taille de l'écran. Rien de moins que cela, et vous limitez considérablement l'exposition de votre travail et comprenez vos chances de faire une première impression significative. Les expériences négatives peuvent se transformer en critiques négatives. Celles-ci voyagent rapidement à l'ère numérique et il est difficile de changer ces perceptions une fois qu'elles sont publiques.
En utilisant une conception adaptative, vous obtenez un site spécialement conçu pour des tailles de navigateur particulières trouvées sur la plupart des appareils mobiles. Dans de nombreux cas, le site mobile ressemble presque à une application native. Problogger.net (également géré par le propriétaire de dPS Darren Rowse) est un exemple d'un tel site. Avec ce type de conception, l'expérience sur un appareil mobile est un peu différente de celle d'un ordinateur de bureau, mais vous pouvez toujours accéder au contenu dans un format lisible. Il en résulte un site rapide et facile à lire, plus convivial sur les petits navigateurs Web.
Exemple de conception adaptative
Un site réactif est encore meilleur en ce sens qu'il est flexible pour afficher le même contenu sur un large éventail d'appareils tout en conservant une grande partie des mêmes styles. Il maintient une mise en page fluide en utilisant des éléments qui sont automatiquement redimensionnables et peuvent être placés là où ils correspondent le mieux à l'écran. Cela fonctionne même très bien sur les ordinateurs de bureau lorsque vous souhaitez réduire la fenêtre du navigateur.
Un exemple parfait de site Web avec un design réactif est le propre site de Digital Photography School. Si vous accédez au site à partir d'un navigateur de bureau, remarquez comment le site réagit de manière fluide lorsque vous redimensionnez la fenêtre. Si vous lisez ceci à partir d'un appareil mobile, vous pouvez toujours lire le contenu correctement sans avoir à manipuler le navigateur en effectuant un zoom avant et arrière ou en effectuant beaucoup de défilement horizontal.
dPS est un site réactif
De simples changements font une énorme différence
La mise à jour de votre site à partir d'un ancien format maladroit est assez simple et les outils sont facilement disponibles. La plupart des personnes qui ont un blog utilisent un système de gestion de contenu (CMS) tel que WordPress, Joomla ou Drupal. Ces systèmes vous permettent de modifier l'aspect général de votre site en proposant différents designs ou thèmes. Il existe de nombreux thèmes disponibles qui sont déjà réactifs ou adaptatifs dès la sortie de la boîte. Celles-ci vont de la gratuité à 100 $. Une simple recherche sur le Web révélera de nombreux sites spécialisés dans l'offre d'une variété de ce type de thèmes. J'ai eu beaucoup de succès avec Theme Forest.
En plus des thèmes optimisés pour la navigation mobile, ces CMS vous permettent également d'installer des plugins qui affichent le même contenu dans un thème réservé aux mobiles. Dans certains cas, en particulier si vous avez déjà un site existant, cela peut être la voie la plus facile à emprunter.
Faites vibrer le Web mobile
À un moment donné, nous avons tous connu la déconnexion entre le monde artistique ou créatif et le monde de la technologie. Mais à l’ère moderne, on ne peut vraiment pas faire de distinction sans en subir les conséquences. Il est beaucoup plus sage d’assumer le rôle de la technologie dans la présentation de l’art - dans ce cas la photographie - et de l’utiliser à votre avantage.
Avec juste un peu d'effort, vous pouvez vous assurer que vous obtenez cette première impression vitale avec vos fans et donnez à votre travail la scène numérique qu'elle mérite!