Lignes directrices .mobi pour la création d'un site Web mobile

• Avril 16, 2024

Lignes directrices .mobi

La première ligne directrice devrait être le comportement global du site. Le profil mobile doit suivre l'URI (identifiant de ressource uniforme) pour une expérience cohérente lorsqu'il est accessible à partir de différents téléphones mobiles. Utilisez et exploitez les capacités du PDA. Ne prenez pas de raccourcis et assurez-vous de toujours tester sur des appareils réels ainsi que des émulateurs. N'utilisez pas non plus de cadres (standard ou en ligne), sauf si le client cible est connu pour les prendre en charge.

Deuxièmement, vous devez vous assurer que le contenu de la page peut être utilisé dans un environnement mobile. Gardez l'URL courte et fournissez une navigation minimale en haut de la page. Tenez compte de votre structure et évaluez de nombreux liens sur une page. La cohérence est la clé lorsque vous concevez la navigation et les liens pour un site .mobi. Utilisez les ressources du téléphone au lieu d'ajouter toujours des boutons ou des liens à un écran. Voici quelques autres points clés à retenir.
* Identification de cible de lien - Identifiez clairement la cible de chaque lien.
* Notez le format du fichier cible, sauf si vous savez que l'appareil le prend en charge.
* Cartes d'images - N'utilisez pas de cartes d'images sauf si vous savez que le client cible les prend en charge efficacement.
* Rafraîchissement, redirection et fenêtres générées - Ne provoquez pas l'apparition de fenêtres contextuelles ou d'autres fenêtres et ne modifiez pas la fenêtre actuelle sans en informer l'utilisateur.
* Ne créez pas de pages périodiquement actualisées automatiquement, sauf si vous avez informé l'utilisateur et fourni un moyen de l'arrêter.
* N'utilisez pas de balisage pour rediriger les pages automatiquement. Au lieu de cela, configurez le serveur pour effectuer des redirections au moyen de codes HTTP 3xx.
* Ressources liées en externe - Gardez le nombre de ressources liées en externe au minimum.

Troisièmement, la mise en page et le contenu de la page doivent être soigneusement étudiés. Vous voudrez utiliser un langage clair, concis et simple. La taille de la page doit être divisée en portions utilisables mais limitées. N'oubliez pas qu'il existe des limitations de mémoire sur les appareils. Le défilement est nécessaire mais doit être limité à une seule direction (haut et bas) sauf si cela est inévitable. Vous voulez vous assurer que vous utilisez des graphiques qui peuvent être rendus correctement par les appareils tout en évitant les images de grande ou haute résolution, sauf si l'image est de nature critique. Le contraste et la couleur doivent être étudiés. Certains appareils peuvent ne s'afficher qu'en noir et blanc, alors assurez-vous que ce que vous publiez fonctionnera bien en couleur ou en noir et blanc.


Quatrièmement, la définition de page. Les titres doivent être courts mais descriptifs. Les tables (ou tables imbriquées) ne doivent pas être utilisées. Vous ne devez pas compter sur des objets ou des scripts intégrés pour exécuter vos pages. Vous ne souhaitez pas utiliser des mesures de pixels ni des unités absolues dans le langage de balisage, mais plutôt des valeurs d'attribut et des valeurs de propriété de feuille de style. Les feuilles de style doivent être utilisées pour contrôler la mise en page et la définition de la page, mais gardez-les petites. Votre contenu doit être envoyé dans un format connu pour être pris en charge sur les appareils mobiles. Le contenu doit être codé avec un codage de caractères pris en charge par les appareils mobiles. Les cookies ne doivent pas être utilisés, ni le style lié à la police. Les messages d'erreur doivent fournir des informations précises et un moyen de s'éloigner de l'écran.

Cinquièmement, la saisie de l'utilisateur doit être limitée à un nombre minimum de frappes. Dans la mesure du possible, évitez les entrées de texte libre mais fournissez des valeurs par défaut présélectionnées. Assurez-vous que tous les liens et pages sont dans un ordre logique et étiquetez tous les contrôles de manière appropriée.


Sources: dotMobi Switch On Guides & Mobile Web Best Practices - from W3C

Sources: Mobinomy fournit des informations, des données, des répertoires et des ressources de liens Web pour les zones mobiles, cellulaires et connexes. Il est destiné à être utile aux personnes souhaitant obtenir des sites Web liés à l'industrie de la téléphonie mobile, des informations, des nouvelles, des tendances, des critiques, des liens Web et des ressources de sites Web, etc. Il s'efforcera de fournir des ressources sur les fournisseurs et fabricants de téléphones portables et d'accessoires, des informations commerciales telles que les prix, les bonnes affaires et les informations sur les prix pour l'acheteur / les acheteurs, le tutoriel / les tutoriels sur les téléphones portables, le guide / les guides de la technologie mobile, les conseils mobiles et sans fil, FAQ / FAQ sur ces sujets.

Instructions Vidéo: VEGAN 2017 - The Film (Avril 2024).