web-dev-qa-db-ja.com

複数のレイアウトでの保存ボタンの一貫した位置

私は現在、主にデスクトップユーザーを対象としたシステムに取り組んでいます。そのレイアウトには、グリッド、フォーム、デザインの異なるさまざまなカスタムインタラクティブインターフェイスなど、さまざまなレイアウトがあります。

「保存」ボタンをどこに置くべきかについては、現在いくつかの議論があります。

たとえば、フォームベースのレイアウトでは、ユーザーがフォームに入力するときにユーザーの読み取りパターンに従うため、ボタンを右下に固定するのが理にかなっている場合があります。ただし、他のインターフェースでは、読み取りパターンがどのようになるかを正確に把握することは困難です(たとえば、グリッド、またはコントロールが既に上部にあるインタラクティブエディター)。

これらのレイアウトごとに異なる場所に保存ボタンを配置するのではなく、レイアウトのデザインに関係なく、常に同じ場所に配置する方が使いやすいと感じています。

まず最初に、おそらくここで気づきやすいように、保存ボタンをページの下部ではなくtopに固定するのが最も賢明なようです。

議論は、ボタンが上部にあるべきかどうかですleftまたはright。左上にある場合、すべてのユーザーが少なくともそれに気付く可能性が最も高いと思います。右上にある場合は、レイアウトに関係なく、ページの読み取りパターンに従う可能性が高いため、ユーザーにとってはより直感的であるという議論があります。他の多くのシステムでもこれが行われているようです。

誰かこれについて何か提案があるかどうか疑問に思っています:主に、これらの多くのレイアウトを持つシステム内の保存ボタンの「最適な」位置は何ですか?

読んでくれてありがとう!

3
nickslondon

ワークフローについて考えて、最適な位置を見つける

第一原則に戻る:

  • 保存ボタンに「標準的な」最適な場所はありません。むしろ...
  • ...「保存」の最適な位置は、ユーザーがいつ、どこで使用するかによって異なります。
  • これは、ユーザーがレイアウトをどのように利用しているかに依存します

デザインを通して考える方法...

あなたが聞きたいかもしれないいくつかの質問:

  • ユーザーは定期的かつ予期せずに保存する予定ですか?

    • 例えば長いフォームの場合、ユーザーは後で続行できるように保存する必要がある場合があります
    • 例えばインタラクティブなフォームの場合、ユーザーは状態を保存して、さまざまな入力を試すことができます
    • これらの場合保存ボタンを一貫した粘着性のある場所に配置すると、ユーザーが予期せずにボタンを探し、確実に見つけられるようにしたい(または結果としてデータが失われ、 /または怒っているユーザー)
  • ユーザーがワークフローを完了するか、保存する前にページの読み取りを完了しますか?

    • このパターンは、調査またはコンプライアンスフォームで重要な場合によく使用されます
    • この場合、保存ボタンはページの最後に配置されることが多く、ユーザーが保存ボタンを表示する前にページを操作する必要があります。
  • 保存する前にデータの検証を行っていますか?

    • 時々、データ検証はフィールドごとに行うことができます。場合によっては、ページ全体に入力する必要があります。その場合、ユーザーが保存する前にページを完成させる必要があることをユーザーに知らせるためだけに、保存ボタンを目立つ場所に配置するのは面倒です。
  • 部分的/不完全な保存を実装するのは難しいですか?

    • 古いシステムでは、一時保存を実装するのが難しい場合があります。ユーザーは保存する前にフォームを完成させる必要があります。ここで、イライラを避けるために、ワークフローの最後に保存ボタンを配置することをお勧めします。

さまざまなレイアウトとワークフローを扱う

さまざまなレイアウトについて上記のアプローチを検討すると、保存ボタンを粘着性のある場所に配置するのが最適であることがわかります(たとえば、ほとんどのレイアウトには一時保存があるため)。または、底に置くのが最善だと気付くかもしれません。

[〜#〜] but [〜#〜]一部のフォームは途中で保存でき、他のフォームは線形フローを必要とするため、共通性がない場合もあります。この状況に対処するためのいくつかのアプローチを次に示します。

  • 保存ボタンを別の場所に配置します(たまに付く場合もあれば、フォームの最後に配置する場合もあります)。

    • これは、パフォーマンスとフローが本当に重要であるエキスパートインターフェイスに対して行われるため、ボタンは、エキスパートユーザーの時間を節約するため、または最高の明瞭さを確保するために最適な場所に配置されます。
    • レイアウト間で配置が変わった場合に保存ボタンを識別するために、明るい色や形を使用すると役立ちます。これにより、ユーザーはより効果的に検索できます。
  • 保存ボタンを粘着性のある場所に置き、許可されていない場合は無効にするか非表示にする

    • これは、レイアウトが本当に多様である状況(ビジネス分析ダッシュボードなど)で行われます。この場合、方向付け「アンカー」を配置して、ユーザーが自分で制御していることをより快適に感じ、ページをナビゲートする方法を理解できるようにします。例えば「レイアウトとチャートが常に変化していても常に存在することがわかっているので、その粘着性のあるトップバーは安心です」。

それが役に立てば幸い

1
tohster

個人的には、特定のレイアウトに応じて保存ボタンを別の場所に配置しても問題ないと思います。私にとって最も重要なのは、一貫した「感触」です。たとえば、保存ボタンは緑色である可能性があり、それがすべての画面/レイアウトで唯一の緑色のボタンである場合、ユーザーは緑色のボタンを探すことを直感的に知っています。

保存ボタンがすべてのレイアウトでまったく同じ位置になるようにしたい場合は、通常、右揃えのボタンが最適です。ページの上か下かは、あなたとあなたが求めるデザイン次第ですが、右側は直感的なデザインを作成するための私の頼りになるものです。

お役に立てば幸いです。がんばって!

0
Jane Doe