Mobile FIRST

Aujourd'hui il est indispensable d'avoir un site web accessible sur chaque type d'écrans = un site responsive,

pour s'assurer d'une expérience utilisateur la plus optimale possible.  

Alors comment s'assurer d'avoir un site responsive ?

Découvrez l'outil en ligne Mobile First

L'extension Mobile First va vous permettre de visualiser, tester et vérifier la compatibilité de votre site sur tout type d'appareil et ainsi d'adapter votre développement si besoin. Le contenu aura un affichage le plus réaliste possible avec le comportement du header et du footer du navigateur qui est reproduit.

Mobile First = nom de conception que l'on utilise lorsque l'on développe en commençant par la version mobile et adaptée à des tailles d'écrans plus grandes.

Comment utiliser Mobile First ?

1. Ajoutez l’extension sur votre navigateur
2. Ouvrez l’extension en cliquant dessus
3. Possibilité de l'épingler pour un accès plus rapide
4. Vous pouvez maintenant choisir la taille de l'écran souhaité pour avoir un aperçu du web responsive

L'affichage est immédiat, testez le responsive design de votre site web sur les tailles d'écran souhaitées.

Les différents Devices pour tester son site

Sur la droite de la page web vous pouvez choisir entre différents devices (appareils) type smartphone et tablette, différents écrans desktop

• 15 modèles Android
• 19 modèles Apple
• 5 modèles de tablettes
• 8 formats spéciaux

Menu pour choisir vos options

1. Désactiver le simulateur
2. Changer de modèle
3. Caractéristiques et mockup du terminal
4. Changer l’orientation du device sélectionné
5. Faire une capture au format PNG transparent
6. Créer une capture animée au format GIF
7. Activer le mode jour - Activer le mode nuit
8. Partager le visuel
9. Centre d’aide 
10. Configuration

Une option gratuite et différents plans payants

1. Plan gratuit

• 1 utilisateur
• tous les modèles d'appareils ne sont pas disponibles
• captures de vidéo limitées
• publicité

2. Plan Personnel payant : (2.90€/mois)

• 1 utilisateur
• tous les modèles d'appareils disponibles
• captures de vidéo illimitées
• pas de publicité
• annulation possible à tout moment

3. Plan Start-up payant : (24.90€/mois)

• jusqu'à 10 utilisateurs
• tous les modèles d'appareils disponibles
• captures de vidéo illimitées
• pas de publicité
• annulation possible à tout moment

4. Plan Entreprise payant : (49.90€/mois)

• jusqu'à 20 utilisateurs
• tous les modèles d'appareils disponibles
• captures de vidéo illimitées
• pas de publicité
• annulation possible à tout moment

6. Pourquoi utiliser cette extension ?

• La version gratuite propose suffisamment de formats pour tester le responsive web design de votre site
• Outil en ligne très pratique pour tester un site
• Simple à utiliser
• Un affichage instantané
• Partage rapide possible pour présenter son travail en live ou par email
• Mockups gratuits au format PNG que vous pouvez importer dans les outils figma, photoshop, Invison etc.
• plus de 200 000 utilisateurs
• Captures d’écran possibles (maquette, emails, présentations, démos client  etc.)
  
• Vidéos - Format GIF
• dark & white mode