Besoin de conseils sur une situation de défilement où l'élément cliqué est difficile à placer
Je développe une interface graphique où j'ai une liste avec les produits à gauche. Lorsqu'un produit est sélectionné, une boîte d'informations s'affiche à droite. Mon problème est que la barre de défilement des produits est placée à droite des produits (pour suivre la convention), mais cela n'est pas optimal car la barre de défilement devient un "mur" visuel qui sépare l'élément sélectionné à gauche de la boîte d'informations sur la produit sélectionné.
J'ai pensé à mettre la liste des produits à droite, mais cela ne va pas puisque l'attention se porte de gauche à droite. J'ai également essayé de placer la barre de défilement à gauche des produits, mais cela brise le standard culturel appris qu'une barre de défilement est placée à droite.
Une Apple liste de défilement inspirée d'iTunes où les produits défilent lorsque le curseur est placé en haut ou en bas de la liste est une option, mais c'est plus compliqué à mettre en œuvre et il manque les avantages du défilement bar...
Des suggestions sur la façon de résoudre ce problème?
Merci pour l'image: à ma connaissance, le problème est dû à la flèche utilisée comme indicateur de sélection (qui en soi est une belle touche).
Idées:
1. Qu'en est-il de l'ajout du marqueur de sélection à l'élément sélectionné:
L'effet de mur est toujours là OMI, mais pas aussi important. Il résout également le problème où placer la flèche lorsque l'élément sélectionné est déroulé hors de la vue.
2. Alternativement, la barre de défilement peut-elle être affichée "estompée" (par exemple à environ 70% de transparence), et passer à l'opacité totale lorsqu'elle est survolée? Cela devrait réduire considérablement l'effet "mur" sans aucune modification de l'interface utilisateur
Ce n'est pas parce que l'emplacement "standard" d'une barre de défilement est à droite que vous devez l'avoir de cette façon. Cette situation est parfaitement logique d'avoir la barre de défilement sur la gauche.
La seule autre option que je vois est d'avoir la barre de défilement à l'extrême droite, mais elle perd ensuite son contexte lorsque quelque chose n'est pas sélectionné.