web-dev-qa-db-ja.com

メトロボックススタイルのナビゲーション

電車と地下鉄の情報デザイン

Metroスタイルはボクシング情報を参照するので、簡単に消化できます。 Windows 8はこれを使用していますが、 (使用可能にできなかった )。


MetroWeb上のスタイル

ACMデジタルライブラリComputing Classification System に使用されるnavigationが好きです。 = ACM Digital Library


ACM:マウスホバリング

ホバーボックスの内側にホバーすると、その一部が緑色に変わります。 enter image description here


質問

Jakob NielsenのAlertboxの記事 では、ボックスを囲む線が重要であると述べています。彼らはユーザーにどこにシグナルがクリックできるかを通知します。上記のACM DL CSSの例では、ボックス内でマウスをホバーするとテキストが緑色になり、クリックできなくなります。クリックできるようにするには、テキストの近くにホバーする必要があります。その理由は?この機能をデザインに追加することで混乱を招くか、どういうわけかデザインを改善するのでしょうか?

考えられる理由の1つは、ホバー効果が少ないほどユーザーの気をそらすことが少なくなることです。これについてのあなたの見解を聞きたいのですが。

3
Tyler Langan

ACMの設計者以外の誰もがそのような理由を明確に答えることはできないと思います。ただし、テキスト領域はホバーイベントがあるため、テキストのレイアウト方法の結果であるように見えます。

私は個人的にこれは悪い選択だと思います、そしてニールセンが示唆するように、それはボックス領域全体であるべきです。私の疑いは、これはこのように計画されていなかったことと、この方法を行うほうが簡単だったということです。

短い答え:視覚的なインジケーターや明確な前例がないため、テキストをクリックするだけであることを誰かに示すため、境界内のボックス領域をアクティブな領域として使用します。小さな領域ではありません。

3
JohnGB