web-dev-qa-db-fra.com

Pouvons-nous avoir des barres d'onglets dans les navigateurs mobiles (Swipeable)

J'ai un site Web qui a des barres d'onglets dans la version de bureau. Donc, lorsque je le rends réactif, dois-je conserver des onglets ou le remplacer par d'autres éléments. Les utilisateurs mobiles ont tendance à glisser pour changer de barre sur mobile, mais dans le cas des navigateurs, il n'est pas possible de glisser, alors quelle serait la solution alternative pour cela.

enter image description here

4
Harshith

Je me rends compte qu'il y a 3 mois depuis la publication, donc je suis curieux de savoir avec quoi vous avez fini par aller.

Je crois que le cœur de votre question est "comment gérer les filtres" sur mobile. Sur le bureau, toutes les options sont visibles et lorsque l'utilisateur en sélectionne une, il obtient un retour visuel sur le filtre (onglet) appliqué. Comme vous avez plusieurs filtres (en d'autres termes, ce n'est pas une seule catégorie), vous voudrez peut-être essayer quelque chose comme H&M sur leur site mobile.

Cet exemple a trois catégories: 1.Catégorie (type de vêtements) 2.Filtre (options de couleur, taille, etc.) 3. Trier par (le plus récent, le prix, etc.)

h&m mobile - filter options

Lorsque l'utilisateur appuie sur un filtre (catégorie/filtrer/trier par), une liste déroulante de liens ou de fantastiques cases à cocher glisse vers le bas, ainsi qu'un bouton "appliquer des filtres". Une fois sélectionné, un indicateur de chargement nous indique que la sélection est appliquée et la vue suivante s'affiche.

Selon la quantité d'informations dont vous disposez par filtre, vous pouvez vous en tirer avec des listes déroulantes pour chaque filtre. Les points clés à retenir sont indiquant que le filtre a été appliqué et un accès facile pour le changer . Vous remarquerez que dans l'exemple H&M, la catégorie sélectionnée n'est pas visible jusqu'à ce que l'utilisateur appuie à nouveau sur "Catégorie", ce qui est acceptable car il a été témoin d'un chargeur et suppose que ce nouvel écran est ce qu'il a choisi. Si cela ne semble pas tout à fait correct (ils ont accidentellement cliqué sur le mauvais lien), ils savent déjà où appuyer pour le changer.

1
sonikbotnik

J'ai vu un site Web dans lequel ils ont développé le menu, mais lorsque vous l'ouvrez dans un mobile, le menu sera réduit par une icône "justifiée" bien connue. Je pense donc que ce serait une bonne idée de convertir le menu au lieu de lister tout le menu sur l'écran mobile.

En dehors de cela, car nous savons tous que sa psychologie de l'utilisateur mobile ce menu serait en mode effondrement, donc ils cliquent définitivement sur l'icône du menu pour y accéder. C'est un concept tellement simple que je vous suggère de suivre la norme du concept de l'application mobile.

0
Jasmin Javia