Introduction aux différents types d'écrans
Objectifs
Les objectifs de cette vidéo sont :
1. Identifier les différents types d'écrans pour un site smartphone.
2. Comprendre l'importance du Splash Screen.
3. Apprendre à structurer correctement un formulaire de contact pour une meilleure accessibilité.
Résumé
Découvrez les quatre types d'écrans principaux dans l'interface d'un site destiné aux smartphones : Splash Screen, vue principale, vue en détail, et contact.
Description
Dans cette leçon, nous allons examiner les quatre types de pages principales dans l'interface d'un site pour smartphone. Les Splash Screens s'affichent lors du chargement de la page, principalement sur iPhone, si le site est ajouté en tant qu'icône sur le bureau. La vue principale correspond à la page d'index de notre site. La vue en détail est une page interne accessible via un clic depuis la vue principale. Enfin, le formulaire de contact doit être simple et accessible pour permettre une saisie facile par l'utilisateur. Des exemples concrets de Splash Screen des sites Peugeot et Le Monde sont présentés, ainsi que des comparaisons de formulaires de contact pour souligner l'importance de l'ergonomie et de l'accessibilité.
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
