web-dev-qa-db-ja.com

「もっと見る」リンク/ボタンの下にコンテンツの小さなブロックを隠すことは悪い習慣ですか?

ショップの列のリストと各ショップの簡単な説明があるページをデザインしています。

クライアントは私たちにロゴを含めて、下向きの矢印で説明を隠すように依頼しました(おそらくロゴが領域を乱雑にするため)。ユーザーはその矢印をクリックして小さな段落(最大150文字)を表示する必要があります。以下は、要求された変更の前の、これらのブロックの1つのサンプルです。

ただし、悪い考え(TM)だと私は感じています。ユーザーに知りたいショップごとに手動での対応を強制しているためです。さらに、現在のページから離れることなく、非表示のコンテンツを見つけるために必要なのは、テキストの小さな段落だけです。

私の懸念は理にかなっていますか?もしそうなら、クライアントが問題を理解できるように、どのように私はそれをよりよく言い表すことができますか?

sample block

4
igorsantos07

それは悪い習慣ではなく、それは プログレッシブ開示 と呼ばれます

プログレッシブ開示を追加することで、混乱を避け、ユーザーが望んで要求したときにのみ追加情報を提供します。ユーザーはすべての説明を直接見たいと思いますか、それともすべてのショップの概要をすばやく知りたいと思っていますか?これは修辞的な質問ではありません。これはユーザーから知っておく必要があります。

また、設計方法にも大きく依存します。小さな矢印ではおそらく十分ではありません。 「ショップ情報を表示」または「短い説明を表示」。リンクは、ユーザーが期待できることを示し、驚きを避ける必要があります。矢印は、表示される方向を示すことで、これを確実に助けることができます。

display: noneはtrueですが、正しいセマンティクスとCSSを使用して簡単にバイパスすることもできます。 StackOverflowでこの回答を参照 可能な解決策の1つ。

2
jazZRo