web-dev-qa-db-ja.com

複数のタブにまたがる編集モードの設定がある-混乱していますか?

ユーザーが顧客のために情報を表示/編集する領域をわかりやすくすることを目指しています。

現在私が受け継いでいるアレンジは以下の通りです。ユーザーが「編集」ボタンをクリックすると、3つの異なる設定タブのフィールドが編集可能になります。ユーザーは、3つのタブすべてで行われた変更を保存する「保存」ボタンを使用する必要があります。

主な問題は、右上にあるボタンの位置が原因​​で、ユーザーが「保存」をクリックするのを忘れていることです。

問題は、最初に複数のタブで「編集」モードを有効にする必要がないようにすることですか?何らかの方法で標準的な方法ですか?私は本当にその利点を見るのに苦労しています。

enter image description here

7
djeli

タブの外側にボタンがある場合、行われた変更はタブのコンテンツではなくその画面に対してグローバルであると推測されます。 「編集」を選択すると、ページ全体(タブおよびすべて)が編集モードになります。これは、論理的な観点からは理にかなっていますが、ユーザーが使用するのではなく全体を編集しているというフィードバックをユーザーに提供する必要があることを意味しますそれ。

EditボタンのテキストをSaveに変更しても、ユーザーが別の状態であることをユーザーにフィードバックするだけでは不十分です。画面上の同じ場所にある同じ長さのWordなので、人々はそれに気付かないでしょう-特にEditボタンを押したばかりなので、そのボタンをもう一度見る必要がないためです。すでに使用しています。

現在のレイアウトと同様のレイアウトを維持しながら、画面の別の場所に新しいSave Changesボタンを追加することをお勧めします。おそらくEditの隣にあります。また、ユーザーが各タブの状態を保存できるように、各タブパネル自体にSave Changesボタンを追加します。 (特に、タブを変更すると、前の画面で行った変更が表示されなくなるためです)。

最後に、ユーザーが画面から離れようとしたときに、保存されていないことを通知するプロンプトを追加します。ユーザーが先に進むと、変更が失われます。これは、変更を保存したい場合に役立ちます。

または、ライブ保存機能を実装することもできます。ユーザーがEditを選択するとすぐに、フィールドに加えた変更は、フィールドからtabになると自動的に保存されます。または、変更が定期的に(30秒ごとなどに)保存されるため、とにかく個別の保存ボタンが不要になります。 (ただし、ユーザーが誤って編集することを選択し、編集内容を保存したくない場合はどうすればよいかという問題があります。(

2
JonW

ユーザーが1つのセッションで複数のタブにまたがって情報を編集する頻度について考えます。特定の顧客の一連の情報が一度に変更されますか?その場合、編集ボタンはタブの外側にある必要があります。

ただし、一般的な使用例が1つまたは2つのフィールドの変更(人の姓の変更、または住所の変更など)の場合は、タブ内に編集ボタンを配置します。または、 インライン編集 パターンに切り替えて、ユーザーが一度に1つのフィールドだけを変更できるようにすることも検討してください。そうすれば、大量のコンテキスト切り替えを心配する必要がまったくなくなります。

これらすべてを機能させることができます-すべてのタブ、1つのタブ、または1つのフィールドの編集。ただし、ユーザーのニーズに基づいて、どちらを使用するかを選択する必要があります。

2
Mark D

「ユーザーが複数のタブで情報を編集する頻度について考える」というマークDの提案は、本当に良いものです。

しかし、適切な変更を実際にプッシュする私の能力が制限されていた場所で働いていたので、私は継承された悪い決定に共感することができます。

すべての制約が何かはわかりません。選択肢を考えさせるために、いくつかのpotentialオプションを提供しました。

mockup

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

2
SwankyLegg

この画面が表示されるのは管理者だけだと思います。

はい、編集ボタンを最上位に配置すると、ユーザーは履歴を編集することもできると考えられます。これはおそらく自動生成されるはずです。

このようなインターフェイスには、[詳細]、[編集]、[連絡先]、および[履歴]タブが必要です。

詳細タブすべての情報を表示します。編集タブに切り替わる編集ボタンがあります。このタブは一番左にあり、ページ/ウィンドウの読み込み時に最初に開かれるはずです。

編集タブ情報を変更できるすべての入力要素を表示します。これには、「更新」というラベルの付いた保存ボタンがあります。

技術的には、画面は常に編集モードですが、これをユーザーに伝えないでください。編集したい場合は、編集タブをクリックするだけです。

レコードを作成しようとしているときにページが最初に読み込まれるときは、[詳細]タブを無効にします。プログラムで「編集」タブを開きます。この時点で「作成」というラベルが付いているはずです。コミットボタンには「保存」というラベルを付ける必要があります。ユーザーが[保存]ボタンをクリックすると、すべてのタブが有効になり、[作成]タブのラベルが[編集]になり、[保存]ボタンのラベルが[更新]になります。

0
Mickael Caruso