web-dev-qa-db-ja.com

画像をアルバムに整理する最も直感的な方法は?

ユーザーが自分の写真のいくつかをアルバムにすばやく分類できるインターフェイスを作成する必要があります。

制約

  1. 1枚の写真を複数のアルバムの一部にすることができます。
  2. せいぜい15-20枚の写真と5-6枚のアルバムがあります。
  3. 各写真は詳細なので、アルバムに分類する前に完全なビューが必要です(つまり、サムネイルでは十分なフィードバックが提供されません)

ユーザーが画面を切り替え続ける必要がないように、上記のケースに当てはまる最も直感的な相互作用は何ですか?

基本的なソリューション

ここに私が考えたドラッグアンドドロップソリューションがあります:-

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

問題

上記のワークフローの問題は、ユーザーが3つの手順を実行する必要がある画像を分類することです。

  1. 全体表示をクリックして、ライトボックス内の画像を表示します。
  2. ライトボックスを閉じます。
  3. ドラッグドロップで1つの画像をアルバムに移動(繰り返し)

多くの画像がある場合、これは非常に退屈になります。

2
Shubham Kanodia

概説した機能に追加できるソリューションが1つあります。

ユーザーがライトボックスで画像を開いたら、各アルバムを表す画像の下に一連のボタンを配置します。次に、ユーザーはボタンをクリックして開いている画像をその特定のアルバムに追加するか、もう一度クリックしてチェックボックスのように削除します。ダブルクリックすると、画像がアルバムに追加され、ユーザーがサムネイルビューに戻るため、ワークフローの効率が向上します。

サムネイルの上にマウスを置くと、画像が属するアルバムのツールチップを表示することもできます。

2
Christy James