web-dev-qa-db-ja.com

無効なボタンを表示する最も適切な方法

アイテムの[編集]ボタンが無効になっています:

  • ユーザーにはアイテムを編集する権限がないため、無効になっています。
  • 彼らがそれを編集したい場合、彼らは所有者に許可を求めるか、自分のアイテムを作成してやり直す必要があります。
  • ユーザーは、編集権限を持つ他のページで「編集」ボタンが有効になっていることを確認するのに慣れているので、デザインはそのようなアイテムと一致している必要があります。

この3つの方法のうち、この状況に最も適していると思うのはどれですか。これらのすべてのオプションで、編集可能にする理由と手順がホバー/クリック時に表示されます。

編集:「許可リクエスト」機能を現在実装できない場合に回答がどのように異なるかを提案することもできます。その編集を行う唯一の方法は、所有者に伝えることです。それを行うには(この通信がアプリの外部で発生する必要がある場合でも)?

3 options to show the disabled button

19
Saurabh

彼らがそれを編集したい場合、彼らは所有者に許可を求めるか、自分のアイテムを作成してやり直す必要があります。

私がそれを正しく理解している場合、特定のアイテムを編集する唯一の方法は、アイテムの所有者に許可を求めることです(他の選択は問題のアイテムには適用されません)。

無効な編集ボタンを表示する代わりに、それを書いてみませんか?この場合、次のようになります。

  • 編集このページ
  • リクエスト権限このページを編集するには
  • サインアップこのページを編集するには

最後のメッセージは、匿名の(ログインしていない)ユーザーに対する一般的なメッセージです。強調されたテキストは、ユーザーが即座にアクションを実行できるそれぞれのページへのリンクであり、スムーズなユーザーアクションを保証します。

あなたの編集に従って:

Request permissionは、ページへのリンクと特権を要求しているユーザーIDを含む事前定義されたメッセージテキストを使用して、それぞれのユーザーに「プライベートメッセージ」ダイアログを開くことができます。

18
Mike

私は次のようなことをします

enter image description here

プレビュー:playは一般的で明確ではないと思います プレビュー用のアイコン/虫眼鏡は少し良いですが、それでも完璧ではありません。

無効ボタン:カバー/クリックの背後にあるアクションを非表示にしないでください。すぐに提示できます。文言と間隔は調整が必要な場合があります(この例では、アイコンをボタンのテキストに近づけます)。

また、あなたの例のこのページは私の意見では削除できます:プレビュー|編集で十分です。

おまけ:見出しにテキストを合わせたい

enter image description here

ボーナス2:可能であれば、実際のコンテンツでデザインしてみてください。

14
Runnick

問題で言及されている条件下で表示するためのより良い方法は、編集ボタンを有効にしておくことです。無効にしないでください。ユーザーがクリックできるようにします。ユーザーに十分な権限がある場合、編集ページのタスクに移動します。

  • 十分な権限がないユーザーの場合は、編集の許可を求めるように求めるモーダルを開きます。
  • 問題の別の部分で、リクエストの権限が実装されていない場合は、ポップアップを開いて、ユーザーがEDITSとSEND TO AUTHORを書き留めることができます。

上記の場合の詳細フローを示します。お役に立てば幸いです。 enter image description here

4
pzv