2010-07-19 12 views
0

Je développe en tant que site pour les appareils mobiles qui oblige l'utilisateur à sélectionner un produit (il y a ~ 70 au total). Je n'ai cependant pas de dispositif de test avec moi pour le moment (je suis aussi actuellement sur un Mac et je ne connais pas d'émulateurs de navigateurs mobiles pour Mac).Dans quelle mesure les listes déroulantes sont-elles accessibles sur les appareils mobiles?

Ma question est, une liste déroulante de longueur ~ 70 serait trop longue? Dans quelle mesure serait-il difficile pour un utilisateur de sélectionner une option (en supposant qu'il n'y ait rien d'autre sur la page)? Pour l'argumentation, comment serait-il difficile de naviguer sur l'iPhone et le BlackBerry (ce sont les deux navigateurs les plus importants pour moi en ce moment)?

Je préfère ne pas diviser la liste par souci de simplicité mais je suppose que je peux le cas échéant. Est-ce que quelqu'un a de meilleures idées pour diviser la liste/afficher le formulaire sur un appareil mobile? Pour comprendre pourquoi je veux une liste déroulante comme celle-ci, les utilisateurs peuvent sélectionner 2 produits (deux listes) et le site reviendra si ils sont compatibles ou non.

Répondre

0

J'ai rencontré ce problème en essayant de présenter des codes de pays ou des aéroports dans des applications web mobiles. Cela fonctionne très bien (en particulier sur l'iPhone & BB), mais vous devriez faire le maximum pour faciliter la sélection. Nous avons des choses comme

  • Placez les aéroports les plus proches (géographiquement) en haut de la liste
  • Rappelez-vous la dernière sélection
  • Configurer une courte liste des produits les plus sélectionnés et ont ceux-ci en haut de la liste

Ces suggestions sont basées sur le contexte de ce que l'utilisateur essaie de faire sur notre webapp. Vous aurez un contexte différent avec vos propres optimisations, espérons-le. Une suggestion pour vous est de passer votre interface utilisateur de deux listes déroulantes à deux pages - sur la première page afficher tous les produits en tant que liens HTML. Lorsque l'utilisateur sélectionne un produit, accédez à la deuxième page, mais vous pouvez désormais remplir cette seule page avec des produits compatibles avec le produit sélectionné sur la première page. Jetez un oeil à http://m.jetstar.com, allez à la procédure de réservation et de voir comment vous sélectionnez les aéroports de départ/arrivée. Cela pourrait fonctionner pour vous?

BTW - essayez http://www.iphonetester.com pour avoir une idée de ce à quoi votre site ressemblera dans le facteur de forme de l'iPhone.

Bonne chance!