web-dev-qa-db-ja.com

ユーザーが要素を「取得」したことを示す方法は?

私はモバイルのドラッグアンドドロップ機能に取り組んでいます。この機能では、ユーザーがリストアイテムをリストの新しい場所にドラッグアンドドロップすることで、リストアイテムの順序を並べ替えることができます。

これまでの流れは次のとおりです:ユーザーはリスト内のアイテムをロングタップしてそれをつかみ、次にそのアイテムをリスト内の新しい場所にドラッグしてドロップします確認してください。

私の質問は:

ロングタップの後にユーザーがアイテムを「掴んだ」ことを示すために、どのような視覚的フィードバックを使用できますか?

これは、ドラッグアンドドロップモードになり、アイテムのドラッグを開始できることをユーザーに示すために重要です。

5
RobbyReindeer

要素にドロップシャドウを追加して、指に固定されているように見せます。

左: マテリアルデザインコンポーネント>リスト>動作

右: Appleヒューマンインターフェイスガイドライン> iOS>ユーザーインタラクション>ドラッグアンドドロップ

AppleのHIGは、「上昇」アクションについて具体的に言及しています。

選択したコンテンツを押し続けると、コンテンツが浮き上がってユーザーの指に付着したように見えます。

12
grg