Leçon 10Le "mobile-first" comme stratégie durable
- Notion 63 - Qu'est-ce que la conception " mobile-first " ?
- Notion 64 - Pourquoi le "mobile-first" est-il une stratégie de conception plus durable ?
- Notion 65 - Quelques questions importantes à prendre en compte lors de l'élaboration de sites Web "mobile-first".
- Notion 66 - Contraintes du mobile-first et conseils utiles.
- Notion 67 - Révision
Notion 67
Révision
Compétences ciblées
Avec les grains 63, 64, 65 et 66, nous avons eu l'occasion de nous familiariser avec la conception mobile-first.
Vous trouverez ci-dessous un quiz de 10 questions qui vous permettra de tester vos connaissances sur ce sujet.
Quelle affirmation est correcte lorsqu'il s'agit de créer un site web durable ?
Bien joué !
Commencer la conception et le développement du site par le mobile incite les concepteurs à éliminer les éléments qui ne sont pas nécessaires au site. En conséquence, le client charge moins de pages, consommant ainsi moins d'énergie.
Quel critère ne fait *pas* partie de ceux définis par Google pour un site Web mobile-friendly ?
Bien joué !
Attention ! Le contrôle du survol du curseur n'existe pas encore sur les mobiles. Il n'est donc pas conseillé d'ajouter ce type d'interaction à votre site Web.
Quelle doit être la vitesse de chargement maximale d'un site web ?
Bien joué !
La vitesse de votre site mobile est cruciale car si votre site est peu performant, s'il met plus de trois secondes à se charger, les utilisateurs ont tendance à quitter le site. Par exemple, 79 % des acheteurs sont moins susceptibles d'acheter sur un site dont les performances sont médiocres. C'est pourquoi l'élimination de tout élément inutile des éléments mobiles joue en votre faveur.
L'inventaire du contenu permet de filtrer le contenu le plus important pour la création d'un wireframing.
Bien joué !
Attention ! Il ne s'agit pas d'éliminer l'information mais de trier l'information en contenu primaire, secondaire et tertiaire.
Laquelle de ces affirmations est vraie ?
Bien joué !
Testez fréquemment vos conceptions et votre code sur de petits écrans. Les simulateurs et les navigateurs pour ordinateur ne remplacent pas les appareils réels.
Quel est le menu hamburger ?
Bien joué !
Il s'agit d'un moyen reconnaissable pour votre utilisateur d'accéder aux éléments secondaires. Les utilisateurs passent généralement par le menu hamburger pour trouver ce qu'ils recherchent sur votre site web.
Quelle est la base du processus de conception "mobile-first" ?
Bien joué !
Le contenu est essentiel en matière de conception mobile. Ce sont les éléments les plus importants qui doivent être visibles pour les utilisateurs, car l'espace sur les petits écrans est limité.
Que pouvez-vous faire avec votre code pour améliorer les performances de votre site Web mobile-first ?
Bien joué !
Consolidez et réduisez les fichiers CSS et JavaScript. Limitez ou supprimez les dépendances à l'égard des bibliothèques Javascript lourdes, surtout si elles ne sont utilisées que pour une ou deux fonctions.
Les boutons de retour sont nécessaires pour votre conception "mobile-first".
Bien joué !
La grande majorité des téléphones mobiles disposent déjà d'un bouton "retour" physique. Il n'est donc pas indispensable d'ajouter un autre bouton "retour". Si vous souhaitez tout de même offrir aux utilisateurs un moyen rapide de remonter d'un niveau dans votre site, envisagez un autre libellé que "retour".
Quelle est la taille idéale des cibles tactiles selon Microsoft ?
Bien joué !
Microsoft recommande des cibles tactiles de 9 mm, une taille minimale de 7 mm et un espacement minimal entre les actions de 2 mm. Des actions de taille et d'espacement incorrects peuvent conduire vos utilisateurs à appuyer sur les mauvaises cibles.