Support multi-device

EchoPastel supporte les annotations sur desktop et mobile, vous permettant de tester vos interfaces et collecter des retours sur tous les types d'appareils.

Vue d'ensemble

Le support multi-device d'EchoPastel vous permet de :

• Tester sur desktop : Annoter vos sites web sur ordinateur
• Tester sur mobile : Annoter vos sites web sur smartphone et tablette
• Comparer les expériences : Voir les différences entre les versions desktop et mobile
• Collecter des retours complets : Obtenir des feedbacks sur tous les types d'appareils

Utilisation sur desktop

Navigateurs supportés

EchoPastel fonctionne sur tous les navigateurs modernes :

• ✅ Chrome : Support complet
• ✅ Firefox : Support complet
• ✅ Safari : Support complet
• ✅ Edge : Support complet

Fonctionnalités desktop

Sur desktop, vous bénéficiez de :

• Précision du curseur : Placement précis des annotations avec la souris
• Clavier complet : Rédaction rapide avec le clavier
• Écran large : Vue d'ensemble de la page
• Outils avancés : Accès à toutes les fonctionnalités

Utilisation sur mobile

Appareils supportés

EchoPastel fonctionne sur :

• ✅ iPhone : iOS 12 et supérieur
• ✅ iPad : Toutes les versions récentes
• ✅ Android : Android 8 et supérieur
• ✅ Tablettes : Tous les formats

Fonctionnalités mobile

Sur mobile, vous pouvez :

• Annoter avec le doigt : Touchez les éléments pour les annoter
• Tester les interactions tactiles : Vérifiez que vos interfaces fonctionnent bien au toucher
• Voir la version mobile : Testez directement la version responsive de votre site
• Collecter des retours mobiles : Obtenez des feedbacks spécifiques à l'expérience mobile

Changer de device

Sélecteur de device

Dans l'interface d'EchoPastel, vous pouvez changer de device :

1. Ouvrez votre Echo
2. Utilisez le sélecteur de device dans les contrôles
3. Choisissez entre :
   • Desktop : Version ordinateur
   • Mobile : Version smartphone

Prévisualisation

Lorsque vous changez de device :

• La page se recharge avec la version correspondante
• Les annotations existantes restent visibles
• Vous pouvez ajouter de nouvelles annotations pour cette version

Annotations par device

Annotations spécifiques

Les annotations sont associées au device sur lequel elles ont été créées :

• Une annotation créée sur desktop apparaît uniquement en mode desktop
• Une annotation créée sur mobile apparaît uniquement en mode mobile

Cela permet de :

• Séparer les retours par type d'appareil
• Identifier les problèmes spécifiques à chaque version
• Organiser les feedbacks de manière claire

Voir toutes les annotations

Vous pouvez voir toutes les annotations (desktop et mobile) dans :

• La liste des annotations : Toutes les annotations sont listées
• Le filtre par device : Filtrez pour voir uniquement desktop ou mobile
• Les statistiques : Voyez le nombre d'annotations par device

Bonnes pratiques

Tester sur les deux devices

Pour une couverture complète :

1. Commencez par desktop : Testez la version ordinateur
2. Passez à mobile : Testez la version smartphone
3. Comparez les expériences : Identifiez les différences
4. Collectez des retours : Obtenez des feedbacks sur les deux versions

Identifier les problèmes spécifiques

Certains problèmes ne sont visibles que sur un type d'appareil :

• Problèmes de responsive : Visibles uniquement sur mobile
• Problèmes de performance : Peuvent différer entre devices
• Problèmes d'interaction : Différents entre souris et toucher

Impliquer les utilisateurs

Invitez vos utilisateurs à tester sur :

• Leurs propres appareils : Pour une expérience réaliste
• Différents navigateurs : Pour couvrir tous les cas
• Différentes tailles d'écran : Pour tester le responsive

Responsive design

Test du responsive

EchoPastel vous aide à tester le responsive design :

• Voir la version mobile : Testez directement la version responsive
• Identifier les problèmes : Trouvez les éléments qui ne s'adaptent pas bien
• Collecter des retours : Obtenez des feedbacks sur l'adaptation mobile

Annotations sur éléments responsive

Les annotations fonctionnent même sur :

• Éléments qui changent de position : Le système de fingerprint les retrouve
• Éléments qui changent de taille : La position relative est préservée
• Éléments qui apparaissent/disparaissent : Les annotations orphelines sont gérées

Statistiques par device

Vue d'ensemble

EchoPastel vous montre des statistiques par device :

• Nombre d'annotations : Combien d'annotations sur chaque device
• Annotations actives : Annotations résolues vs non résolues
• Annotations orphelines : Annotations dont l'élément n'existe plus

Analyse

Utilisez ces statistiques pour :

• Identifier les problèmes : Voyez où se concentrent les retours
• Prioriser les corrections : Concentrez-vous sur les devices les plus problématiques
• Mesurer l'amélioration : Suivez l'évolution des retours

Prochaines étapes

• Découvrir le système de fingerprint - Comprenez comment les annotations restent attachées
• Apprendre les annotations - Maîtrisez toutes les fonctionnalités
• Collaborer efficacement - Partagez vos retours avec votre équipe