レポート作成WEBアプリケーション

May.2013

レポート作成アプリUIデザインの制作例のTOP画像。4:3のダッシュボード画面。左部にダークカラーを基調としたメニューを配置しており、メイン作業部は白を基調として緑をアクセントカラーに展開している。

レポート作成アプリケーションのUIデザイン:
時流を捉えたデザインとは

本事例では、全体的に古ぼけた印象を持たれ製品の完成度が低いと類推されていた操作画面を、流行を捉えた配色や表現方法の適応によって改善。競合・類似製品に負けないインターフェースを実現しました。

カテゴリ
業務用アプリのUIデザイン
対象デバイス
PC
担当範囲
画面設計(11画面)、アイコン・UIパーツ作成
デザインの狙い
視認性の向上、誤操作の防止、状態把握の迅速化
使用ツール
AdobePhotoshop
納品形式
PNG(画像アセット)
制作期間
約2ヶ月

今回のレポート作成アプリのUIデザインで、最も重要視したことは——?

古臭く見えない高品質なアプリであることが伝わるUIデザインを実現させることです。

現行アプリの操作画面は機能面では高性能であるのに対して、デザインが古さを感じさせ洗練されていないイメージを抱いてしまうのが課題でした。

そこで以下の点に注力しました。

  • 時流を捉えたデザイン:
    当時フラットデザインが流行していたため描き込みを控えめにすっきりと、配色は鮮やかに、を意識
  • 一貫した世界観:
    別の画面へ遷移しても同じアプリ内であることが伝わるよう、ブランドイメージを大事にする

これにより、製品機能に見合った高品質なデザインを実現し、製品ユーザーの満足度を高めることへ繋がりました。

レポート作成アプリUIデザインの制作例。4:3のダッシュボード画面。左部にダークカラーを基調としたメニューを配置しており、メイン作業部は白を基調として緑をアクセントカラーに展開している。

プロジェクトの課題を
ディ・フラットと共に
解決しませんか?

初回お問合せ時からデザイナーが対応するので、制作についてより深い話ができます。
概算であってもリアルなお見積もりの話も可能です。

まずはお気軽に、デザインのお悩みをお聞かせください。

お問い合わせ