web-dev-qa-db-ja.com

リスト要素の順序を変更するにはどうすればよいですか?

リストの順序を変更する直感的な方法を探しています。ドラッグアンドドロップはモバイルブラウザーベースのアプリケーションであり、ユーザーがブラウザーでドラッグアンドドロップするために何かを長押ししようとしないため、ドラッグアンドドロップは良い解決策とは思いません。私の最初の試みはポップアップのようなもので、ユーザーが項目番号をクリックすると開きます。

Arrow popup

しかし、これを行うにはもっと良い解決策があると私はまだ考えています。

5
TobiasW

長いクリックとドラッグが最善の解決策のようです。以下の1つまたは2つ:

  1. あなたが長いリストを持っている場合-長いクリックとスクロールされたリストは、上のクリックされた要素の背景として表示されます。
  2. 短いリストの場合-長いクリックとドラッグ。

また、右側のアイコンをクリックすることを検討してください。これは、順序を変更できることを示しています。クリック後、上/下への移動がアクティブになります。

enter image description here

編集順序をアクティブにするためのメニューアクションを検討します。特に、編集順序がアプリのコア機能ではない場合。

2
Karpiu

ドラッグアンドドロップの問題ユーザーがこれを機能として認識しているかどうか確信が持てないです。何らかの「初めてのチュートリアル」を提供し、リストが画面に収まる傾向がある場合は、これが最良のオプションです。

D&dを矢印と比較すると、後者はより直感的ですが、必要になる可能性のあるタップの数が多いため、面倒です。

リストが多くの場合、「スクロールせずに見える範囲」のアイテムを頻繁に保持するのに十分な長さの場合、オプションは、「Xの後」/「Xの前」を選択できるようにする何らかの制御を行うことですなので、ユーザーは矢印を永遠にドラッグ&ドロップまたはプッシュする必要があります。

2