質問: テキストを*クリックできない*ように見せる方法 問題:現在、下図のような教科書交換サイトを構築しています。ベータテスト中、ユーザーはロゴの下にある3つのテキストスニペット(「6冊の本がリストされた」、「12成功したリスト」、および「2人のアクティブユーザー」)をクリックしようとし続けました。説明:これらのスニペットは単なるテキストです。クリックするためのものではありません。明確化2:「成功したリスト」は、売り手/貸し手が買い手と交換した本の数を数えます。オープンリスティングとやり取りできます(特に、自分のリスティングを編集して他の人にオファーを出すことができます)が、統計はwebサイトの有効性を示すためにあります。質問:これら3つのテキストを完全にクリックできないようにするにはどうすればよいですか?あなたが見ることができるように、彼らはすでに灰色になっています。 野生での使用:instagramは同様の統計リストを使用しており、これらをクリックすることはできません。
回答: これは、相対的な「クリック感」の問題でもあります。残りをmoreクリック可能にすることで、クリックできない項目をクリック可能にしません。ここでのフレーズは「アフォーダンス」です。 クリックできない3つのアイテムの位置は非常に目立ちます。デザインでは、ページの中央にあり、ロゴとペイオフと一体化しています。それは彼らに強いクリックアフォーダンスを与えます。 グレー表示は役に立ちませんでした。このデザインでは、このテキストを灰色にするための単なるスタイルの選択として簡単に理解できます。 「検索」入力が十分に明確でない可能性があります。これをsearch-inputのように見えるようにしてください:ボーダー、検索グラス、送信ボタン(たとえば)を追加します。 検索バーの位置と「クリックできない統計」を切り替えて、検索バーをロゴの一部にすることもできます-> googleのデフォルトページを模倣します。