Remplacer un modal pop-up sur mobile
Un modal contextuel sur mon site Web affiche des informations. Dans la version mobile de la page, quel pourrait être un bon remplacement pour une fenêtre pop-up?
J'ai essayé de rendre le pop-up modal réactif, mais le contenu à l'intérieur semble encombré et tue l'UX.
- En cas de messages simples, je peux les remplacer par une alerte Javascript (en cas de message d'alerte ou de confirmation, mais l'alerte ne peut pas être stylisée).
- J'ai essayé d'utiliser un accordéon et des onglets, mais cela ne sert pas exactement le but.
Y a-t-il une meilleure option?
Envisagez une superposition plein écran
Un motif que je vois de plus en plus est la superposition complète. Il utilise le plein écran, possède un bouton de fermeture proéminent et utilise souvent une couleur d'arrière-plan pour indiquer qu'il ne s'agit pas de la vue standard.
Je l'ai vu le plus souvent utilisé avec la navigation, mais je ne vois pas pourquoi vous ne pourriez pas en faire plus. Il fonctionne dans un design réactif et, dans les plus petites tailles, vous donne accès à l'immobilier en plein écran tout en conservant la sensation de changement de mode d'une fenêtre modale.
http://tympanus.net/Development/FullscreenOverlayStyles/
Voici le dernier endroit où je me souviens l'avoir vu: http://interaction16.ixda.org/
Considérez une boîte de dialogue non modale telle que le modèle Snackbar/Crouton. Il est beaucoup moins offensant qu'un popup modal. En règle générale, évitez de "résoudre" les problèmes à l'aide de fenêtres contextuelles - c'est le meilleur conseil que je puisse vous donner.
La rétroaction en ligne va un long chemin. Ou créez simplement une nouvelle page/écran, K.I.S.S.