web-dev-qa-db-ja.com

クリックしたアイテムを配置するのが難しいスクロールの状況についてアドバイスが必要

左側に製品のリストがあるGUIを開発しています。製品を選択すると、右側に情報ボックスが表示されます。私の問題は、製品のスクロールバーが製品の右側に配置されることです(規則に従うため)が、スクロールバーは、選択された項目を情報ボックスから左側に分離する視覚的な「壁」になるため、最適ではありません。選択した製品。

http://img703.imageshack.us/img703/6021/guim.jpg

商品リストを右に配置することを考えましたが、左から右に注目するので間違っているようです。また、製品の左側にスクロールバーを配置しようとしましたが、それは、スクロールバーが右側に配置されるという文化的な学習基準を破っています。

Appleカーソルがリストの上部または下部に置かれたときに製品がスクロールするiTunesにインスパイアされたスクロールリストはオプションですが、実装がより複雑であり、スクロールの利点がありませんバー...

これを解決する方法に関する提案はありますか?

3
Henrik Ekblom

画像をありがとう:私の理解では、問題は選択インジケーターとして使用される矢印に起因します(それ自体がいい感じです)。

アイデア:

1。選択されたアイテムに選択マーカーを追加することについて:

enter image description here

壁の効果はまだIMOにありますが、それほど顕著ではありません。また、選択したアイテムがスクロールされて表示されなくなったときに、矢印をどこに置くかという問題も解決します。

2。または、スクロールバーを「フェードアウト」して(たとえば、約70%の透明度で)表示し、マウスオーバーすると完全な不透明度にすることができますか?これにより、UIを変更せずに「壁」効果を大幅に削減できます。

1
peterchen

スクロールバーの「標準」の場所が右側にあるからといって、そのようにする必要はありません。この状況は、スクロールバーを左側に配置するのに最適です。

私が目にする他の唯一のオプションは、右端にスクロールバーを配置することですが、何かが選択されていないと、コンテキストが失われます。

0
Charles Boyung