Webベースのポータルダッシュボード-古いボタンとリンク
私は非常に認識しており、アクションのボタンおよびナビゲーションのリンクの練習に同意していますが、このデザインにこだわっています。
これは社内ポータルであり、スポンサーシップのダッシュボードです。したがって、このページは基本的にスポンサーシップセクションの6つの機能を示しています。技術的にはこれらはどれもアクションではなく、確認またはアクションを実行できるデータのページにリンクしています。
質問
これはダッシュボードの（ボタンスタイルのリンクを使用する）適切なデザインだと思いますか？
ボタンスタイルのナビゲーションに同意できない場合、これらのリンクを作成するにはどうすればよいですか？
私はこれについて心配する必要はありませんtoo多く。 「アクション用のボタンとナビゲーション用のリンク」は良いガイドラインですが、確実なルールではありません。実際、あなたのワイヤフレームに基づいて、それらに見出し、説明、そして「リストの承認」と「新しいスポンサーのレビュー」の場合には「ボタン」と呼んでもらえるとは思いません。保留中のアイテムのカウンター。
注意が必要なのは、言い回しです。おそらく、即時のアクションが実行されることを意味するラベルは避けてください。アクションを実行する前に追加のアクション/情報が必要であることを示す手がかりとして、見出しの最後に省略記号を追加することを検討することもできます（結局、これは確立された規則です）。
なぜ、buttons：actions :: link：navigationがnotを適用すべきだと思いますか？
マウスを狙うためのより大きなターゲット領域が必要ですか？その場合、リンク（たとえば、下線のタイトルテキスト）のように見せますが、ダッシュボード全体を「リンク」の周囲の「タイル」をアクティブ化の影響を受けやすくします。マウスオーバーで「点灯」して、リンクに十分近づいていることをユーザーに知らせることができます。
あなたはボタンの美学をもっと好きですか？もしそうなら、同じように楽しい別のデザインを作成します。たとえば、角を丸めずにタイルを表示するだけで、タイルの「ボタンを外す」ことができます。ユーザーが別のページに移動しているという比喩を強調するために、紙やインデックスカードの画像を試してみてください。想像力を働かせてください。
ダッシュボードをリンクに変換する際は、ラベルから動詞を削除する必要があります。リンクであることは、ユーザーが表示、確認、ダウンロード、編集などを行えることを意味します。たとえば、「レポートの表示：スポンサーシップのレポートと統計」ではなく、単に「スポンサーシップの統計」と言うことができます。動詞を曖昧にしたり混乱させたりしないとドロップできない場合は、多分それがshouldボタンになるでしょう。指定されたアクションを実行するためのダイアログにのみ移動する場合は、キャプションの最後に省略記号を追加します。たとえば、「子を追加...」は、ボタンを取得するアクションのように聞こえます。
ダッシュボードにアニメーションのドリルダウン、アニメーションのアコーディオン、またはレポートのメトリックス/測定単位を変更できるドロップダウンがない限り、ユーザーがダッシュボードの近くにマウスを持ってくるとは思わないでしょう。最初の2つはシェブロンのようなシンプルで適切なアイコンで処理でき、最後の1つはドロップダウンの変更イベントをキャプチャすることで処理できます。私はUIデザインの経験則を購読しませんが、通常、ダッシュボードデザインにボタンやナビゲーションリンクを配置しません。クリックやその他のイベントを呼び出さずに、ダッシュボードをできるだけ静的に見えるようにしてください（ただし、更新は継続します）。