リストビューからアイテムを削除するときの優れたユーザーエクスペリエンス

Question

モバイルアプリを開発してリストビューで作業しているときに、リストビューからアイテムを削除するパターンを2つ見つけました。

1. チェックボックスを使用する：

   各リストビューアイテムのチェックボックスを使用し、Gmailモバイルアプリと同じようにチェックされているアイテムを削除します。

   

2. リストビューアイテムをタップ/ロングタップ：

   リストビューアイテムでイベントをタップまたはロングタップすると、下の図に示すようにコンテキストアクションメニューが開きます。

   

Answer 1

最高のユーザーエクスペリエンスは、それらを組み合わせて、別の機能を追加することです。

• アイテムをシングルタップすると、そのアイテムのボックスがチェックされます。
• アイテムを長押しすると、ボックスがチェックされ、コンテキストメニューが表示されます。
• end-all-be-allは、マルチアイテムアクションに対してSelect/Deselect Allのオプションが必要であることです。

Answer 2

移動、削除などの基本的な機能を実行するには、ネイティブジェスチャーを使用することを常にお勧めします。

あなたのスクリーンショットから、あなたがiOSアプリであることがわかりました。

IOSでの削除は、次の形式で利用できます-

一括削除の場合（ユーザーが使用できるさまざまなオプションに応じて）： 

OR

単一削除の場合 

Answer 3

リストアイテムを削除するときは、リストから要素を削除するためのネイティブアニメーションが表示されていることを確認してください。また、SnackBar（Android固有）の形式でアイテムを削除したことをユーザーに通知し、元に戻すオプションを提供します。これで、このタスクの基本的なUXがカバーされます。

Answer 4

リストアイテムでアクションを実行するために、Gmail UIがもっと好きです。

デザインに従って、リストアイテムの識別子を含む円を提供します。タップすると、アイテムが選択されます。

チェックボックスを提供すると、まったく使用されない可能性があるコントロールが表示されるため、ユーザーには関係ありません。

長押し後にオプションを提供することも望ましくありません。Web用のアプリを作成している場合、ユーザーは長押し後にメニューが表示されることを知らない可能性があるためです。