web-dev-qa-db-ja.com

ホームページのクリック可能なリスト

より詳細な情報の全ページへのクリック可能なリンクの表示にしたいリストを作成するとき、これを表示する良い方法は何ですか?以下のBalsamiqの例では、は基本的なリストのスケッチです。青い下線付きのテキストよりも魅力的な外観を使用したいのですが、3番目と4番目のリストアイテムのように、影付きの背景の提案がありました。クリック可能なリストを表示する良い方法は何ですか?

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
webdesignux

ユーザーの期待に反しないでください。

ユーザーはリンクがリンクのように見えることを期待します。つまり、リンクに下線を付けて青​​色で表示し、マウスをリンクの上に置くとカーソルが手に変わります。

リンクをリンクのように見せたくない場合でも、クリック可能なエンティティであることを明確にする必要があります。この基準を満たすもう1つの要素はボタンであるため、3番目と4番目のアイテムはおそらく問題ありません。

あなたは可能性があるカーソルを変更するだけで済むが、リンクやボタンのように見えない場合、人々は必ずしもカーソルをリンクの上に移動することを考えないだろう。

4
ChrisF