【UI/UX】POS連携型オーダーシステムのマルチデバイスUI/UX設計

【概要 / Context】

飲食業界向けオーダーシステムのUI/UXデザインを担当しました。サービス立ち上げ途中で参加し、リリースから運用まで関わりました。

管理画面（PC／タブレット）、ホールスタッフ用（SP）、お客様用（タブレット／SP）と、複数デバイス・複数ユーザーに対応したレスポンシブデザインを実現。POSと連携する複雑な仕様に対応しつつ、ユーザーが使いやすい最適なデザインを主導しました。

---

【課題 / Problem】

• 複数デバイス対応
  管理画面、ホールスタッフ用、お客様用と、複数デバイスに対応する必要があった。
• POS連携の複雑性
  POSシステムと連携しており、できることとできないことの制約が多く、その中での最適なUX設計が課題だった。
• 複数ユーザー層への対応
  管理者、ホールスタッフ、お客様という異なるユーザー層のニーズを満たす設計が必要だった。

---

【解決策 / Approach】

• レスポンシブデザイン … 複数デバイスに対応したレスポンシブデザインを実現し、各デバイスでの最適なUXを確保
• ユーザー層別の設計 … 管理者、ホールスタッフ、お客様それぞれのニーズに合わせた画面設計を実施
• ディレクターとの密な連携 … POSの制約条件を理解した上で、実現可能な範囲での最適なデザインを提案

---

【画面例（公開用の説明）】

• カテゴリーに紐づくメニュー画面登録 … 大量のメニューから目的のメニューを見つけやすいよう、検索性と高い視認性を実現
• マスタ管理画面 … 管理者向け。インポートなどが適切に行われたかがわかるよう、色やアイコンで高い視認性を実現

両画面に共通するのは、詳細な設定の複雑さを隠蔽しつつ、必要な情報に素早くアクセスできるUX設計です。POS連携によって生じる複雑な仕様制約を、ユーザーに意識させることなく操作できるよう、情報の整合性と使いやすさの両立を目指しました。

---

【成果・価値 / Impact】

• 複数デバイス対応の実現
  管理画面、ホールスタッフ用、お客様用と、複数デバイス・複数ユーザー層に対応したシステムを完成。
• ユーザーフレンドリーな設計
  POSの制約条件がある中でも、各ユーザー層にとって使いやすいUIを実現。
• 立ち上げから運用までの関与
  リリース後の運用段階での改修にも対応し、実際のユーザーフィードバックを反映。

※守秘義務の観点から、Web上では社名・固有名詞を抽象化しています。詳細は個別の場で共有可能です。

---

【使用アプリケーション・スキル】

Adobe XD / レスポンシブデザイン / Jira