web-dev-qa-db-ja.com

個別の保存/送信ボタンがあるページ上の複数のフォーム

1ページに複数のフォームがあります。

簡単な背景としては、ユーザーがスライドショーを管理できるCMSの場合です。各フォームは1つのスライドを表します。各画像、表示されるタイトル、およびその下のテキストを編集できます。それらは下に回転を使用します-そのため、ユーザーがショーをクリックするまで、それらは展開されます。

現時点では、それらすべてに独自の保存ボタンがあります。 「スライドA」を編集し、くるくる回してから「スライドB」を編集して保存すると、システムは「スライドB」のみを保存します(保存ボタンはフォームごとにあります)。

UXプロは、同じページで管理されている複数の異なるユニット(私の場合はスライド)の保存プロセスをどのように管理しますか?

All images twirled up

One image twirled down

2
Djave

解決するユーザータスクは何ですか?ユーザーは帯域幅に制限がありますか?モバイルデバイスからですか、それともPCからですか?

パワーポイント(Windows)または基調講演(Mac)が各スライドを単独で保存するように要求する場合を想像してください—災害!なぜすべてを保存して履歴を保持しないのですか?

この複数のフォームのアプローチと部分的な編集は、過去の技術的な制限により作成されたものであり、当時はいくつかのフォームを作成する方が簡単で安価でした。

数十のUIフレームワーク(angular Js)など)を備えた高速インターネットと最新のブラウザの今日では、もはや技術的な問題ではありません。

単一の保存ボタンは明確で透過的な決定です。部分保存はできません。ページ更新で保存して、他の変更が今日失われるようにすることは、簡単に回避できるため、専門外です。

Googleドキュメント(スライドエディタなど)を見てください。保存ボタンもありません。どうして?履歴があるので、自動保存します。最初のWord以降の変更はすべて元に戻すことができます。シンプルで直感的でエラーを防止します。それがプロのやり方です。

0
ADOConnection

ユーザーのすべてのスライドを展開する「すべて編集」ボタン。すべての編集を保存し、ユーザーが完了したときにすべてのスライドを縮小する「すべて保存」ボタン。ユーザーに「保存されたすべての編集」を通知する成功メッセージ。

1
mutant

私はUXプロではありませんが、各スライドの[保存]ボタンから始めれば、きっと公正なスタートが切れると思います。あなたがする必要があるのは、変更を各スライドについてが個々の保存ボタンを押すまで保存されないことを何らかの方法でユーザーに通知することです。あなたはそれをどこかに明示的に述べることができますが、それは不必要に冗長であるように思われ、彼らがそれを理解したら、彼らは通知を必要としません。

私はいくつかの提案を持っています:

1)画面下部に「スライド3への変更は破棄されました」というオーバーレイバナーを表示できます。

2)最初のスライドを上にスライドすると、一時的に(5〜10秒)、折りたたまれたスライドの上にオーバーレイがあり、「変更は破棄されました」というテキストが表示されます。元のスライドが画面からはみ出している場合、これが見落とされる可能性があることに注意してください。

3)最初のスライドの[保存]ボタンをスライドさせて、真っ赤な「破棄」ボタンに変更すると、見栄えがよくなります。これには#2と同じ制限があり、はるかに一時的ですが、見栄えがするはずです。

必要に応じて、3つすべてを組み合わせることができます。

0
Mordred