要らないUIは隠しておきましょう【三英美術】

三英美術01

UIデザイナーですが、結局いつも悩むのは「メニュー」のレイアウト。
何を見せて、何に優先順位を置くか?
全部見せたい!というのはよーくわかります。
しかし画面という土地には制限があるのです。


このサイトを見た瞬間に、納得しました。
「そうか、要らないものは隠してしまっても良いのね!」


三英美術



画材や絵画などを扱っているサイトさんです。
サイト自体はとてもシンプル。
ホワイトスペースが生かされていて、写真も効いていてとっても好きなタイプです。

WS0000002 300x241 要らないUIは隠しておきましょう【三英美術】

でもこれでいいのかしら?なんて思って左上の「商品を探す」にhoverすると…
あらっ!
にゅるーっと!
WS0000012 300x176 要らないUIは隠しておきましょう【三英美術】

割とでっかいサブメニューが出てきます。
その分、なんとメインカラムが右へ押し出されてしまいます。
こんなの見たことないな~。

ちなみに、「探す」メニューの虫眼鏡はさりげなく、びよーんと縮小しているんです(笑)
こういう細かいこだわり、いいですね。


「何を画面から引いていくか」も、忘れずに選択肢として持っておこうと思ったサイトでした。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>