WIP — この記事は追記・更新される可能性があります。
【UX改善】複雑な業務フローを直感的に操作する管理画面のUX改善
#UI/UX · #業務システム · #テキスト設計 · #デザインガイドライン
公開
更新
- Role
- UI/UX Designer
- Client / Domain
- 飲食業界向け予約管理システム(社名非公開)
- Period
- 2020年9月〜2022年3月
【概要 / Context】
飲食業界向けの予約管理システムにおける管理画面のUX改善案件です。他社の予約サービスと連携しているため仕様書が複雑で、キャッチアップに手間がかかる案件でした。
テキスト量が多いサービスのため、ユーザーにわかりやすく、かつ整合性があるデザインを実現することを目指しました。
【課題 / Problem】
- 複雑な仕様
他社の予約サービスと連携しており、仕様書が複雑で、キャッチアップに手間がかかっていた。 - テキスト量の多さ
説明文や注釈が多く、ユーザーにわかりやすく整合性のあるテキスト設計が必要だった。 - 複数デザイナーの連携
4名のデザイナーが関わる中での、デザイン一貫性の維持が課題だった。
【解決策 / Approach】
- デザインガイドラインのアップデート … ガイドラインが最新情報になっていなかったため、一貫性を保つためのアップデートを対応
- テキスト設計の最適化 … ユーザーにわかりやすく、かつ整合性があるテキスト表現を心がけて業務を実施
- ディレクターとの密な連携 … POSと連携しているシステムのため、ディレクターに相談しつつ最適なデザインを実現
【画面例(公開用の説明)】
- ヘルプ機能 … 操作説明を提供するUI
- 予約管理カレンダー … 日別・時間帯別の予約一覧表示など、複雑な業務フローを直感的に操作できる管理画面
テキスト量が多い業務システムでありながら、情報の整合性と視認性を両立したデザインを目指しました。
【成果・価値 / Impact】
- 一貫性の確保
ガイドラインに基づいた設計により、複数のデザイナーが関わる中でも、プロダクト全体の一貫性を確保。 - テキスト設計
テキスト量が多いサービスにおいても、ユーザーにわかりやすく、かつ整合性のあるデザインを実現。 - 複雑な仕様への対応
他社サービスとの連携を含む複雑な仕様に対応しながら、使いやすいUIを実現。
※守秘義務の観点から、Web上では社名・固有名詞を抽象化しています。詳細は個別の場で共有可能です。
【使用アプリケーション・スキル】
Adobe XD / レスポンシブデザイン / Jira