Éléments UI / UX en conflit - Curseur avec boutons Stepper de chaque côté
Dans l'une de mes applications mobiles iOS, j'affiche un écran avec 2 options pour gommage vidéo passé.
À ce stade, la vidéo est en pause , je donne aux utilisateurs une option pour examiner la vidéo, soit en utilisant un balayage rapide, soit image par image. Les options sont les suivantes:
Scrub rapide à l'aide du curseur - similaire à toutes les applications musicales, donnant à l'utilisateur la possibilité de scrub rapide à travers la vidéo.
Boutons d'avance - de chaque côté du curseur, je place le bouton pour une image vers l'avant et une image vers l'avant.
Voici les options que j'ai essayées:
Il y a quelques problèmes que je ne peux pas comprendre.
Le curseur doit être circulaire. Lorsque vous utilisez le bouton encerclé sur les côtés/ci-dessous, c'est juste source de confusion (trop de cercles).
Lorsque vous placez un bouton de texte uniquement sous le curseur, cela ressemble à des indicateurs indiquant où se trouve chaque côté du curseur, il n'est pas clair que ce sont des boutons.
Bottom line - Slider avec Stepper de chaque côté.
Que recommandez-vous comme bonne pratique? Quel amour pour entendre vos pensées, merci!
MISE À JOUR:
Après beaucoup d'essais, c'est ce que j'ai trouvé. J'ai utilisé les principes de la Gestalt comme lignes directrices.
Que pensez-vous?
[~ # ~] ou [~ # ~]
Edit: Je viens de réaliser que cela a été publié il y a 6 mois! Désolé de le cogner.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Pour quelle raison le curseur et les boutons d'avance doivent-ils être ensemble? Qu'en est-il de les intégrer à l'affichage vidéo?
Quelque chose comme ça, donnant à l'utilisateur plus de contrôle sur les sauts de cadre, avec des étiquettes claires ...
