web-dev-qa-db-ja.com

基本的に同じ動作を持つ2つの異なるアクションをページに表示するにはどうすればよいですか?

通話プランを友人や家族と共有できるアプリケーションを設計しています。このために、ユーザーが製品を使用できないようにブロックし、その製品からユーザーを削除するアクションを提供する必要があります。

ユーザーをブロックするとは、次のことを意味します。

  • サービスからブロックされた場合でも、アカウント所有者は私の詳細を表示できますが、アカウント所有者がブロックを解除するまでサービスを使用できません。

ユーザーを削除するとは、次のことを意味します。

  • サービスから削除されると、レコードから削除されますが、サービスにサインインできます。

私はこれに苦労しています。これら2つのアクションを明確に区別するにはどうすればよいですか?

3
Nuno Viegas

これらのアクションには共通点があると思うので、確認ダイアログの後ろに詳細を隠して、「アクセスを取り消す」アクションの下に置くことができると思います。これにより、ページに表示されるアクションの数が制限されるだけでなく(使いやすくなります)、違いがより明確になります。

Example of how it may look like

また、ユーザーが既にブロックされている場合、プロファイルページには「ユーザーがブロックされました:「アクセスを復元」または「ユーザーを完全に削除」のような2つの異なるオプションがあります。」手順を説明する独自の確認付き。

2
alexeypegov

これを実際に実装する方法はUIによって異なりますが、各サービスの下にユーザーのリストがあるとすると、次のようなことができます。

mockup

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

または、名前ごとのチェックボックスと、チェックされたすべての項目に作用する単一の「ブロック」ボタンと「削除」ボタンがあります。

mockup

bmmlソースをダウンロード

最終結果は同じになる可能性がありますが、サービスを使用できなくなりますが、実際にはアクションは異なります。

1
ChrisF

アクションを区別するために、アイコン( trashban )を使用します。

インタラクションごとに複数の操作を提供するには、すべての行に独自の操作ボタンがあるようにテーブルグリッドを変更します( 図1 など)。選択すると状態が変化します。次に、グリッドの上部と下部にプライマリ+セカンダリアクションを追加します(適用、リセット)。

0
Hans Spieß