質問: web uiで長押し機能を伝える したがって、googleドライブと他のいくつかのアプリケーションを除いて、ブラウザのデフォルトの右クリックコンテキストメニューを上書きすることは、ほとんどノーノーと見なされているようです。これの代わりに浮上しているように見えるパターンは、ユーザーがマウスの主ボタンでクリックする「詳細」ボタンを提示することであり、これにより2次インターフェース(コンテキストメニュー、サイドバー、ボトムシートなど)が表示されます。ただし、このパターンは不動産を占有し、ユーザーの注意をメインコンテンツから引き離すので、私はこのパターンが嫌いです。特に垂直のリストではなくアイテムのグリッドを扱っている場合、私は個人的にパターンがかなり混乱していると思います。「もっと」ボタンの良い代替案は「長押し」オプションを提供することだと思います。この機能は、基本的にすべてのデバイスのすべてのブラウザでサポートできます。これは、その技術的な実装がsettimeout呼び出しにすぎないためです。残念ながら、「more」ボタンは非常に普及しており、長押し機能はあまり普及していません(少なくともworld wide webでは)。この機能についてユーザーを教育する最善の方法を見つけるのに苦労しています。これが私がこれまでに思いついたことです: アプリ全体で、リスト内のアイテムにタッチアイコンが表示されている場合、そのアイテムはすべて長押しできることを示しています。リストの最初の項目のみにヒントがあるため、これは、すべての項目に「もっと」ボタンを配置するよりも、不動産の占有が少なくなります。マウスを備えたデバイスを使用している場合、「タッチ」アイコンの上にマウスを置くと、いくつかのコンテキストのツールチップが表示されます。 この特定の例では、カードをクリックまたはタップすると、アイテム専用の表示ページが表示されますが、カードを長押しすると同じページが表示され、サイドバー/ボトムシートが表示されます(画面の幅によって異なります)。 私が思いついたパターンのいくつかの欠点を挙げられますか?上記のパターンをどのように改善できますか?
回答: 私は、本当に正当な理由がない限り、基本的な相互作用を発明したり再発明したりしないと言います。また、1つまたはいくつかのカードにヒントを追加しても、「これですべてがうまくいく」または「これですべてがうまくいく」ということを伝えるには不十分です。同じように見える '。ユーザーは明示的なインジケーターやキューを好みます。視覚的な認識と親しみやすさが重要です。何も考える必要はありません。 much考えなければならないようには見えませんが、特に長押しが特定のカードに対するものではないことが判明した場合は、少しためらいが溜まって煩わしさになります。しないが長押しされるすべてにアイコンを追加する必要はありません。長押しは関係ありませんeverywhereサイト上で- すべき明示的であるある関連する、驚きを避ける.カードのようなスタイルの使用を既に考えているようです。通常、「詳細」のコンテキストは、カードの右上隅にある個別のアイコン(同じアイコン、同じ場所、どこでも使用できる)によって提供されます。他のものとは別に、長押しはクリックに比べて比較的長い時間がかかります。以下の例は、人気のあるメニューインジケーターを示しており、実際にはそれほど多くはありません。彼らは確かに追加不動産へのアクセスよりも機能へのアクセスとアフォーダンスにおいてより価値があります-特に不動産はしばしばとにかく無効であるためです。trello facebook linkedin twitter strava