2009-11-24 6 views
2

J'ai un site Web que je veux faire paraître à partir d'un navigateur non mobile, mais qui est très utilisable depuis un appareil mobile.Rendre un site utilisable à la fois depuis les appareils mobiles et les ordinateurs de bureau

Je pense que je vais détecter si l'utilisateur utilise probablement un appareil mobile, et si c'est le cas, rediriger le premier hit vers une page qui dit quelque chose comme: "On dirait que vous regardez ce page sur un appareil mobile. Voulez-vous voir la version mobile? " Basé sur la sélection de l'utilisateur, je vais définir un cookie. (Est-ce que cela serait ennuyeux, ou utile?)

Mais je voudrais aussi m'assurer que si quelqu'un qui navigue sur le portable me manque (si je pense qu'il n'est pas mobile, mais il s'avère qu'il ne l'est pas t), je fournis un moyen de passer à la version mobile. De plus, si je détecte que quelqu'un est mobile, mais qu'il préfère naviguer sur le site non mobile complet, je dois le permettre également. Je penche pour avoir une version mobile et non-mobile de chaque page sur le site, en présentant simplement les données différemment (et avec beaucoup moins d'images, etc.) pour la version non-mobile.

Quelqu'un qui a traversé ceci, a des conseils? Des liens vers des sites qui le font correctement?

+0

C'est à peu près ce que Google fait. Si vous utilisez un appareil mobile, son interface mobile est définie par défaut, mais vous pouvez revenir en arrière si vous le souhaitez. Vous pourriez même ne pas avoir à construire deux modèles distincts, mais simplement utiliser deux ensembles différents de CSS. Si vous devez créer des modèles distincts, ne pas effectuer de duplication 1-1. Peut-être qu'à ce moment-là, il y a un besoin pour une approche de type «mini-site»/application mobile. –

+0

Vous pouvez voir quelques idées ici: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –

Répondre

2

Je suggère d'utiliser WURFL pour la partie détection. En outre, beaucoup de bon matériel de lecture sur ces pratiques sur Mobiforge

Questions connexes