上下の矢印とドラッグアンドドロップで要素を並べ替え
多くの開発者やUXの人たちとしばしば議論することですが、
使いやすさのために、矢印はドラッグアンドドロップアクションを使用するよりも常に簡単だと思います。
普通の人がドラッグアンドドロップを使用するのを見るのは面倒です。
それを矢と比較すると、それは彼らが速い行動をとることを可能にするでしょう。
皆さんはどう思いますか？
これは、使用のコンテキスト内で実際のユーザーテストによって意見を裏付ける必要がある場所の良い例です。
リストのアイテムを上下に移動する矢印を使用することは、一部のユーザーの方が使いやすいインターフェースパラダイムであり、そうでないユーザーもいます。これは、ユーザーの数、およびユーザーがアプリケーションとどのように相互作用するかに依存します。
デバイス/ユーザーの感度： iOSでは、ユーザーは、通常「編集」ボタンの後ろに隠されているリストの項目をドラッグして並べ替えるために使用できる「親指」をドラッグすることに慣れています。しかし、マウスの使用経験が少ないユーザーは、ドラッグアンドドロップが難しいことに気づくでしょう。また、トラックパッドによっては、一部のユーザーにとって扱いにくい場合もあります。
タスクの感度：短いボタン（3〜5アイテム）の並べ替えは、矢印ボタンでかなり簡単です。ただし、矢印を使用すると、項目を長距離移動するのが非常に面倒ですが、ドラッグアンドドロップは少しだけ面倒です。逆に、小さなドラッグ/ドロップターゲットは、そのインターフェースをはるかに難しくします。
つまり、簡単な答えは、それはタスクとユーザーに依存し、テストは特定の状況で何が機能するかを見つけるための良い方法です。
それは、それぞれをどのように実装するかという問題なので、どちらがより多くの人に理解されるかという問題ではありません。
あなたはボタンの作り方を知っていますボタンのように見えます？最新の「フラットなデザイン」の流行を除いて、ほとんどすべてのボタンにはグラデーション、ドロップシャドウ、または少なくとも1つ以上の側面の境界線があります。これは、ページ上の「ここにアクションがある」要素として目立つようにするだけではありません。主な理由は、誰もが使い方を知っている実際のボタンを模倣するためです。
私の要点は、ボタンのような基本的なものでも、私たちはそれを使用する方法のヒントを人々に提供することです。
いくつかの例
最終的に実装する内容が何であれ、それがどのように機能するかをユーザーに必ず説明してください。ここでは、頭の上のメソッドの例をいくつか示します。
- アイテムの並べ替え方法を説明するテキストの行または段落。 「各アイテムの横にあるアイコンをクリックしてドラッグし、順序を変更してください！」ページの上部で強調表示されています。
- 「クリックアンドホールドでドラッグアンドドロップする」とホバーにポップアップするタグでサポートされるクリックアンドドラッグを示すアイコン。
- 「順序付け」または「アイテムの並べ替え」などの大きなボタン。すべての要素を（編集不可の）ドラッグアンドドロップ要素に変換します。
どちらを使用するにしても、何を思いついても、何が起こるかを説明することだということを覚えておいてください。それが視覚刺激剤、テキスト、または画面の下部にあるしゃべるペーパークリップのいずれであっても（いけません！）-手をつないでプロセスを説明します。
追加するいくつかのポイント：
- 矢印ボタンは、運動能力が制限されている人のために、キーボードショートカットにアクセスしやすい（使用しているなど）可能性があります。
- ドラッグアンドドロップは直接操作の一種であり、適切に実装されている場合、ドラッグしているものがどこに置かれるかについてユーザーに即座にフィードバックを与えることができます。矢印ボタンは間接操作の形式であり、実装されているのを見たところ、アイテムが移動すると「インスタントスイッチ」効果があり、アイテムが期待どおりに正しく移動したことを確認するために、ユーザーによる詳細な調査が必要になる場合があります。
- 状況によっては、ドラッグアンドドロップの方が速い場合もあります。ユーザーがアイテムを複数の場所に移動している場合、1回のドラッグアンドドロップの動きとその瞬時のフィードバックは、ユーザーがボタンを数回押して、ボタンを押すたびにアイテムの位置を調べるよりも速い場合があります。
実際のマウス操作によるドラッグ/ドロップは人間工学的ではない場合が多いですが、ドラッグアンドドロップに矢印キーを使用すると混乱が生じる可能性があります。上か下。
前述のように、これまでにないUIイディオムをテストして、それが純利益か損失かを確認する必要があります。
どちらもおそらく理解するための説明文が必要です。ユーザーが矢印キーを使用して複数のアイテムを並べ替えることができる長いリストの場合、効率が大幅に低下します。