Sites Web Optimisés et Design Mobile
Objectifs
Les objectifs de cette vidéo incluent l'acquisition des compétences nécessaires pour évaluer et améliorer l'accessibilité mobile des sites web, ainsi qu'une compréhension approfondie des bonnes pratiques de design graphique mobile.
Résumé
Cet article explore divers exemples de sites web optimisés pour le mobile, ainsi que des aspects clés du design graphique pour smartphones.
Description
Dans cette leçon, nous analysons plusieurs sites web pour évaluer leur optimisation mobile et nous nous concentrons sur des éléments de design graphique. Par exemple, le site de Fiat est décrit comme extrêmement simple et facilement accessible depuis un smartphone. D'autres sites comme Asconas et BPC sont également étudiés pour leur facilité d'utilisation en mobilité avec des boutons de grande taille et des interfaces sous forme de listes.
Nous examinons ensuite comment Le Monde déploie trois versions de son contenu selon la plateforme utilisée : site web, application iPhone et version mobile. Peugeot et Renault sont également mentionnés pour leurs versions mobiles respectives. Finalement, nous abordons les aspects techniques tels que les tailles des boutons recommandées, les zones accessibles via les pouces sur un smartphone, et le rôle des Media Queries dans l'ajustement des images pour les iPhones.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
