En 2007, lors d’un \u00e9v\u00e8nement commun dans le domaine des technologies, un produit sans pr\u00e9c\u00e9dent a \u00e9t\u00e9 officiellement introduit sur le march\u00e9: le iPhone. M\u00eame sur le coup, la majorit\u00e9 des technologues et technophiles \u00e9taient d’accord pour dire que d\u00e9butait une nouvelle \u00e8re Web. Avec du recul, nous pouvons affirmer que le Web a \u00e9t\u00e9 transform\u00e9 de mani\u00e8re m\u00e9connaissable dans la derni\u00e8re d\u00e9cennie.<\/p>\n\n\n\n
Selon le rapport NETendance 2017 du Cefrio<\/a>, six Qu\u00e9b\u00e9cois sur dix poss\u00e8dent un t\u00e9l\u00e9phone intelligent et 75% d’entre eux ont un forfait de donn\u00e9es avec leur distributeur. Vous allez me dire, c’est bien beau tout \u00e7a – je sais d\u00e9j\u00e0 que le trafic mobile a explos\u00e9 sur mon site! Pourtant, les ventes ne suivent pas n\u00e9cessairement, et votre taux de conversion reste juste en dessous de celui sur ordinateur?<\/p>\n\n\n\n\n\n\n\n Je vous invite \u00e0 prendre en consid\u00e9ration les id\u00e9es pr\u00e9con\u00e7ues que nous avons sur le Web mobile: que c’est plus difficile de naviguer, que nous sommes plus facilement distraits, que l’\u00e9cran est plus petit et donc, n\u00e9cessairement, il y a moins d’information. Que les gens ne d\u00e9filent pas la page pour voir plus loin. Et si le probl\u00e8me n’\u00e9tait pas du c\u00f4t\u00e9 du support et de ses limitations?<\/p>\n\n\n\n Le design Mobile First nous invite \u00e0 consid\u00e9rer l’exp\u00e9rience du plus petit \u00e9cran possible, pour ensuite l’agrandir jusqu’\u00e0 la taille d’un ordinateur complet. Gr\u00e2ce \u00e0 cette philosophie, votre utilisateur sera combl\u00e9 en mobile comme en desktop! Luke W<\/a> est \u00e0 l’origine du mouvement mobile-first<\/em>, qu’il d\u00e9crit comme \u00e9tant \u00ab good for user experience and good for business \u00bb, car vous allez aussi \u00e9conomiser du temps de d\u00e9veloppement!<\/p>\n\n\n\n En mobile, vous n’avez pas le loisir d’ajouter du superflu. Pas de place dans l’\u00e9cran pour les gifs ou les images de fond excessivement lourdes. Par de place non plus pour cinq diff\u00e9rents niveaux de navigation, et quinze banni\u00e8res marketing. Il vous faut vous concentrer sur l’essentiel, et vous assurer de bien performer. <\/p>\n\n\n\n \u00c0 ce jour, une page web prends en moyenne 15.3 secondes<\/a> \u00e0 se charger compl\u00e8tement sur un mobile. 15.3<\/strong> secondes.<\/strong> Savez-vous ce qu’un client a le temps de faire, en 15 secondes? Oui, vous avez deviner, il a le temps d’aller voir ailleurs ou d’\u00eatre distrait et fermer son t\u00e9l\u00e9phone.<\/p>\n\n\n\n Je ne vous dis pas que de faire uniquement du design mobile-first <\/em>va r\u00e9gler tous vos enjeux de conversions. Pour vous am\u00e9liorer, il faut consid\u00e9rer l’impact du mobile sur votre march\u00e9, et dans quelle mesure vous pouvez faire des changements. Sans n\u00e9cessairement tout faire en format r\u00e9duit en premier, r\u00e9fl\u00e9chissez \u00e0 l’exp\u00e9rience que vous souhaitez procurer \u00e0 vos clients mobiles. <\/p>\n\n\n\n Parfois, la meilleure option est que le client se connecte sur son ordinateur pour avoir l’exp\u00e9rience compl\u00e8te. Parfois, c’est aussi simple que de grossir un bouton, et ajouter une l\u00e9gende sur un ic\u00f4ne. <\/p>\n\n\n\n Pour mieux comprendre la diff\u00e9rence entre le design mobile-first, le design adaptatif et le design responsive<\/em>, une petite lecture en anglais: Understanding the difference between mobile-first, adaptive and responsive design<\/a><\/p>\n\n\n\nNaviguer le Web en mobile<\/h2>\n\n\n\n
Les d\u00e9tails vraiment importants<\/h2>\n\n\n\n
Pas de solution miracle<\/h2>\n\n\n\n
Pour aller plus loin<\/h2>\n\n\n\n