左側に製品のリストがあるGUIを開発しています。製品を選択すると、右側に情報ボックスが表示されます。私の問題は、製品のスクロールバーが製品の右側に配置されることです(規則に従うため)が、スクロールバーは、選択された項目を情報ボックスから左側に分離する視覚的な「壁」になるため、最適ではありません。選択した製品。
商品リストを右に配置することを考えましたが、左から右に注目するので間違っているようです。また、製品の左側にスクロールバーを配置しようとしましたが、それは、スクロールバーが右側に配置されるという文化的な学習基準を破っています。
Appleカーソルがリストの上部または下部に置かれたときに製品がスクロールするiTunesにインスパイアされたスクロールリストはオプションですが、実装がより複雑であり、スクロールの利点がありませんバー...
これを解決する方法に関する提案はありますか?
画像をありがとう:私の理解では、問題は選択インジケーターとして使用される矢印に起因します(それ自体がいい感じです)。
アイデア:
1。選択されたアイテムに選択マーカーを追加することについて:
壁の効果はまだIMOにありますが、それほど顕著ではありません。また、選択したアイテムがスクロールされて表示されなくなったときに、矢印をどこに置くかという問題も解決します。
2。または、スクロールバーを「フェードアウト」して(たとえば、約70%の透明度で)表示し、マウスオーバーすると完全な不透明度にすることができますか?これにより、UIを変更せずに「壁」効果を大幅に削減できます。
スクロールバーの「標準」の場所が右側にあるからといって、そのようにする必要はありません。この状況は、スクロールバーを左側に配置するのに最適です。
私が目にする他の唯一のオプションは、右端にスクロールバーを配置することですが、何かが選択されていないと、コンテキストが失われます。