web-dev-qa-db-ja.com

2つの画像から選択するためのインターフェースの設計

これはHCIに関する一般的な質問です。ユーザーに2つの画像を表示し、どちらを使用するかを選択させるUIの最も良い例は何ですか。私は数千の画像ペアを持っているので、ユーザーがこれらのペアをより適切に選択しながら、これらのペアを通過するための最も直感的で楽しい方法を探していました。

私の目標は:

1-ペアからより良い画像を投票/選択させる

2-今後のペアについて好奇心を持ち続け、

3-可能な限り多くのペアを通過するための何らかの進歩/報酬を彼らに与える

私が最初に思ったのは、UIのような自動化されたカバーフローで、各アイテムが画像ペアであり、好きなものをクリックすると、自動的に次のペアにスクロールします。これにより、ユーザーはさらに多くのペアが登場し、彼らが進歩していることを確認できます

draft sketch

1
user257543

それは素晴らしいインターフェースだと思います。可能な拡張:

  • ユーザーが特に好みがない場合はスキップできるようにします。将来の画像ペアをポイントすると、「これらにスキップ」がホバーとして表示される可能性があります。

  • スナップするのではなく、選択ボックスに画像を動的にスライドさせて出します。画像が新しい位置にスナップするとき、フローを確認するのはより困難です。

  • 進行状況バー、またはそれらが1000以上のペアに沿ってどれだけ離れているかを示す何らかの方法。

2
Myrddin Emrys