店舗管理システムはPCだけでなく、外出先や移動中にスマートフォンで確認されることがあります。PC画面を単純に縮小するのではなく、スマホで頻繁に使う機能を優先し、一覧性と操作性を両立する必要があります。
スマホで使う機能を先に決める
すべてのPC機能を同じ優先度でスマホへ詰め込むと操作が複雑になります。予約確認、出勤確認、売上速報、通知など外出先で必要な機能を優先し、詳細なマスター設定はPC中心にするなど役割を分けます。
ナビゲーションは少ない操作で到達できるようにする
スマホではサイドバーを常時表示できないため、よく使う4〜5項目を下部ナビゲーションに置き、その他をドロワーやシートへまとめる方法が使いやすくなります。現在位置が分かる表示も必要です。
横長の表・タイムラインを扱う
顧客一覧や予約一覧は列が多いため、スマホではカード表示へ切り替えるか、重要列を固定して横スクロールできる構成にします。出勤タイムラインの場合は、キャスト名列と時間見出しを固定すると現在位置を把握しやすくなります。
入力フォームは誤操作を減らす
- 入力欄は1列を基本にする
- タップ領域を十分に取る
- 日付・時間は端末の入力UIを活用する
- 保存・削除ボタンを近づけすぎない
- エラーは該当項目の近くへ表示する
予約や給与など重要な操作では、入力内容を保存前に確認できる仕組みも有効です。
速度とアクセシビリティ
管理画面は日常的に開くため、画像やJavaScriptを必要以上に重くしないことも重要です。文字サイズ、コントラスト、フォーカス表示、フォームラベルを整え、片手操作でも重要な操作に到達できるようにします。