webmobile : Visualiser et naviguer 3/6
Écrit par RICHARD Jocelyn
Jeudi, 24 Juin 2010 13:23
Les écrans de téléphone étant différents selon les modèles, il est nécessaire de sse concentrer sur un certain nombres de terminaux.
Les plus courants et les plus utilisés ont une résolution de 480x320 pixels (mode plein écran), mais
étant utilisables dans les modes portrait (vertical) et paysage (horizontal).
Il conviendra d’utiliser une taille en pourcentage, ou bien de bloquer la fonction de rotation de l’appareil via un code javascript.
Exemple sur un iPhone
avec la rotation actif
sans la rotation actif
Nous voyons sur les exemples ci-dessus que le site reste dans le même sens, cela permet d'avoir une image de fond enrichie, en opposition à l'utilisation plus classique d'un fond de couleur, une image n'étant pas extensible dans sa largeur.
Navigateur
Tous les navigateurs ne sont pas aussi performants.
Safari (iPhone uniquement), Chrome (Android uniquement), Opéra (disponible sur toutes les plates formes) sont les plus avancés.
Opéra supporte mal le code javascript, et ne passe pas le test acid3 des respects du standard W3C. Peut-être passera-t-il les tests dans une prochaine mise à jour.
Conclusion
La version mobile devra respecter les standards W3C pour avoir de grandes chances d’être visible sur la majorité des navigateurs existants et à venir (Windows, Bada) et si possible être redimensionnable dans sa largeur pour favoriser l’ergonomie de navigation et s’afficher sur tous les écrans.
Mots clés
webapp audience
emailing analytics
référencement
