web-dev-qa-db-ja.com

ダイアログメッセージモーダルの[閉じる]ボタンは、常に同じ位置とスタイルにする必要がありますか?

以下は、私が取り組んでいるアプリケーションにある現在のメッセージダイアログの2つの例です。閉じるボタンは、左側のダイアログの主要かつ唯一のボタンです。これは右側のダイアログの2つのオプションの1つなので、セカンダリボタンの位置/スタイルが指定されています。これは少しぎこちない感じです。常に同じ場所に同じスタイルで保管するのがベストプラクティスですか?または、他に利用可能なオプションがある場合に別の扱いをするには?

また、セカンダリボタンのスタイルで常に左下にある「キャンセル」というメッセージもあります。それがこれに対する答えにまったく影響するかどうかはわかりません。 enter image description here

2
MRL

通常、ボタンの1つが破壊的なもの(削除など)を実行し、非破壊的なアクションを実行しようとするときにユーザーが誤ってそれをタップしないようにするには、2つのボタンの間隔(距離の例では右側)を配置します。この場合、[注文履歴を表示]ボタンの横にある[閉じる]ボタンを移動することはおそらく問題ありません。

顧客が「分析を追跡できる」「注文履歴の表示」よりもはるかに「閉じる」を選択している場合は、「閉じる」を主ボタンにすることをお勧めします。ダイアログテキストに既にリンクがあるため、[注文履歴の表示]を削除することを検討してください。

1
Stacy H

デザインするアプリケーションごとに、すべてのダイアログで、すべてのポップアップで同じデザインの最も重要なボタンを同じ側に配置します。これは、同じ名前のボタンを配置して、同じことを別のポップアップダイアログの別の場所に配置することを意味する場合があります。あなたの場合、同じ名前を持ち、両方のダイアログで同じアクションを実行するため、これは「閉じる」になります。

あなたの場合、最初のダイアログでは「閉じる」が最も重要であり、2番目のダイアログでは「注文履歴を表示する」が最も重要です。より重要なボタンでより目立つテーマを使用し、そのボタンを両方とも右側に保持しました。

だから、私はあなたの両方のポップアップがそのまま大丈夫だと思います。それらを変更する必要はありません。

すべてのプラットフォームまたはアプリケーションは異なるため、配置に関して正確な科学や正しい答えはありません。あなたの決定を導くのを助けることができる考慮すべきいくつかがあります。

1。一貫性-これらの孤立した要素の使用例だけを見るのではなく、プラットフォーム全体を考えることで、使いやすさが向上します。 CANCELは常に最も右側の位置にありますか、それとも最も重要なアクション(行動を促すフレーズ)は常に右側にありますか?

2。視覚的スタイル-ボタンが2つある場合-1つは意図した使用例で、もう1つはフォールバックです-自分がしたことを正確に実行し、二次的なアクションをそれほど大胆でなく注意を引くように見せることができます脳卒中治療を介して。これは視覚的に「DO THIS」と「これは必要に応じてここにあります」に分かれています。

。スケーラビリティ-右側に常に1つのボタンがある場合、さらに1つまたは2つのボタンを追加するとどうなりますか?これはスケーラビリティであり、ボタン以外にも適用されます。左揃えおよびを使用しないことをお勧めします。代わりに、1つ(左/中央/右)、あなたの場合は右に固執し、視覚的なスタイルを使用して区別することをお勧めします。

また、ホイールを再発明する必要もありません。ユーザーは、特定の用途のために特定の場所に物があることを期待することを学びます。他の人が何をしているのか、特に大きな犬(Google/Facebook/Apple/etc。)が最もよく使用されているため、それらについて簡単な調査を行います。モーダルのボタンの場合、ノルムは通常、下部に中央揃えまたは左揃えで配置されます。

0
MicahMPC