スマートフォンからダッシュボードの全機能へ移動できるようにしました

背景

ダッシュボードのナビゲーションは広い画面を前提としており、スマートフォンや幅を狭めたウィンドウでは一覧が畳まれたまま、たどり着けない機能がありました。外出先で案件の状況を確認する使い方が成立しない状態でした。

変更内容

• モバイル表示にメニューを追加し、デスクトップのサイドバーと同じ全導線（アカウント設定・ログアウトを含む）へ移動できるようにしました。
• メニューは背景クリック・閉じるボタン・Escapeキー・画面遷移で閉じ、開いている間は背後のスクロールを止めます。
• 画面幅640px以下でメニューボタンが目立たず操作対象と分からなかった問題を修正し、ボタンとして明示しました。
• タップ領域を44px以上とし、読み上げ環境向けの属性を付けました。

利用者への影響

• 外出先や移動中でも、スマートフォンから案件の状況を確認し、必要な画面へ移動できます。
• PCと同じ機能へ、モバイルでも同じ並びでたどり着けます。