UI / UX デザイン
ブラザー工業株式会社アプリデザイン
プロジェクト内容
ブラザー工業株式会社の業務用ラベルプリンターをネットワーク経由で管理・操作するシステムで利用する、店舗用アプリケーションのデザイン。
これまでUSBまたはBluetooth経由で店舗ごとに行なっていたプリンター管理を本部で一元化する目的。
業務内容
Android / iOSアプリケーションのUI / UXデザイン
担当フェーズ
UI / UXデザイン
期間
2024年7月～2023年8月
使用ツール
デザインのコンセプト
同社のコンシューマー向けアプリを踏襲したシンプルなデザイン
ブラザー製品のユーザーが既に慣れ親しんでいるアプリのデザイン言語を業務用アプリにも採用。ブランドの一貫性を保ちながら、必要な機能に素早くアクセスできるシンプルなレイアウトを実現しました。これにより、新規ユーザーでも直感的に操作できる親しみやすいインターフェースを構築しています。
利用現場となる店舗でも使いやすくわかりやすいUI
小売店舗という忙しい環境での使用を想定し、タップターゲットを大きく設計。また、明確なコントラストと読みやすいフォントサイズを採用することで、様々な照明条件下でも視認性を確保しました。店舗スタッフが短時間で操作を完了できるよう、重要な機能へのアクセスを最小限のステップで実現しています。
一貫したナビゲーション体験
アプリ内の全画面で一貫したナビゲーション構造を採用し、ユーザーがどの画面からでも主要機能に簡単にアクセスできるよう設計。階層構造を浅く保ち、ユーザーが「迷子」になるリスクを最小限に抑えました。これにより、トレーニング時間の短縮と操作ミスの減少を実現しています。
工夫した点・実績
スタイリッシュさと操作性の両立
タブレットならではの余白を十分に取ったシンプルでスタイリッシュなデザインと、タッチ領域を広くとった使いやすいUIを提案。
業務用アプリでありながらも、ブラザーブランドの洗練されたイメージを損なわないデザインを追求しました。適切な余白を確保することで視覚的な圧迫感を軽減。同時に、タッチ操作の精度を高めるため、各ボタンやコントロールは最低44×44pxのサイズを確保し、誤タップを防止しています。これにより、美しさと機能性を両立したインターフェースを実現しました。
業務上最も重要なポイントだけのカラー配置
情報の優先順位を明確にするためカラーの使用を厳選しました。重要なアクションボタンにはブラザーのブランドカラーである緑色を使用し、ユーザーの注目を集めるよう設計。それ以外の要素はモノクロームのパレットで統一することで、視覚的なノイズを減らし、長時間の使用でも目の疲れを軽減します。
このアプローチにより、初めて使用するユーザーでも重要な機能に自然と目が向くようになり、操作の効率化に貢献しています。
