CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles

Les principaux types d'écrans pour un site smartphone

Retour à la formation
Chapitre 6 Leçon 6
Précédent
Suivant

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.

Détails de la leçon

Description de la leçon

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é.

Objectifs de cette leçon

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é.

Prérequis pour cette leçon

Pour tirer le meilleur de cette vidéo, il est recommandé d'avoir des connaissances de base en développement web et en design d'interface utilisateur.

Métiers concernés

Les compétences acquises peuvent être appliquées dans des métiers tels que développeur web, designer UX/UI, et chef de projet digital.

Alternatives et ressources

Les alternatives incluent l'utilisation de frameworks de développement mobile comme React Native ou Flutter, ainsi que des outils de conception comme Adobe XD ou Sketch.

Questions & Réponses

Le Splash Screen s'affiche pendant le chargement de la page, offrant une première impression visuelle et renforçant l'identité de la marque.
Un formulaire de contact accessible garantit que les utilisateurs peuvent facilement entrer leurs informations et communiquer avec le site, augmentant ainsi la satisfaction et l'engagement des utilisateurs.
La vue principale est la page d'accueil ou d'index du site, tandis que la vue en détail est une page interne accessible depuis la vue principale, offrant des informations spécifiques sur un sujet particulier.