web-dev-qa-db-ja.com

リストを「クリック可能/タッチ可能」に表示するにはどうすればよいですか?

そのため、セクションをタップすると詳細情報が表示される、Nice ol 'リストがあります。ただし、リストを見ただけでは、展開できるかどうかは明確ではありません。しかし、どのようにしてそれらがタッチ可能であるかを示すことができるかわかりません。

(Quickie PSモックアップとガイドにもお詫びします。)

2番目の画像の青色は、クリック/タップされたものを示します。

Standard list view

List view with a section selected after being tapped

4
user82223

ここに問題を説明し、それを解決する方法に関するいくつかのヒントを与える良い記事があります。

ヒット領域を十分に区別する

enter image description here

また、nngroupによる読み物もあります。

青いリンクを超えて:クリック可能な要素を認識可能にする

デスクトッププラットフォームでのこの問題については、この問題に対処する方法に関するヒントがいくつかあります。

TL; DRある種の視覚的補助を使用して、ユーザーに各アイテムをクリックして詳細情報を取得できることをユーザーに理解させます。

クリック可能な各リストアイテムの右下隅に小さなアイコンとラベル「詳細」を追加しますが、リストアイテム全体をクリック可能にします。

5
dimshik