web-dev-qa-db-ja.com

ボタンをエラーテキストで置き換えるか、クリック時にエラーを表示する方が良いですか?

コンテキスト:モバイルバンキングアプリ

アカウントの支払いが遅れてユーザーが送金できなくなったときの状態を設計する必要があります。

次の方がいいですか:

  1. 「送金」ボタンを押したままにし、ユーザーがクリックすると、このアクションがブロックされる理由を説明するエラーメッセージを表示します

OR

  1. 「送金」ボタンを削除し、その場所にエラーメッセージテキストを挿入します。
1
mellobird

ボタンのテキストは変更しないことをお勧めします。

ユーザーが通常は[アカウント]に移動して[送金]ボタンをクリックしてもそのボタンが表示されないことを知っている場合、クエストを中止して実際にページを読む前に、そのボタンの検索を続けます。

代わりに、「送金」ボタンを無効な状態で表示することをお勧めします。ステータスメッセージには、無効になっている理由がすでに説明されています。

Disabled "Transfer Money" button with help text

2
maxathousand

オプション1

状態に関係なく、UIの一貫性を保ちます。
ユーザーが[転送]ボタンをクリックすると(およびIF)、問題とその理由が通知されます。

さらに、特定の操作の実行が許可されていない場合は、ページの読み込み中に通知することもできます。これは、ユーザーの期待を管理するのに便利です。

1
Adriano

オプション番号2.ワンクリック/タップ数が少ない...無効なボタンとして設計できます。赤い枠線、ボタン内のテキスト:「送金不可」、および以下のテキスト「複数の支払いが遅れています。ダッシュボードを確認してください」

0
xul