電子カルテソフトウェアのUIデザイン

May.2013

電子カルテソフトウェアUIデザインの制作例のTOP画像。ブルーを基調とした3カラムからなるダッシュボード画面。左にカルテ、中央にカレンダー・処方・薬歴、右にメニューボタンアイコンが並ぶ。

電子カルテソフトウェアのUIデザイン:
煩雑な情報をすっきりとまとめるには

本事例では、情報が整理されておらず煩雑だった画面を、レイアウトの整理によって改善。見やすく簡単に操作できるインターフェースを実現しました。

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

今回の電子カルテソフトウェアのUIデザインで、最も重要視したことは——?

目立たせたいところと、そうでは無いところのメリハリをしっかりと描き、見やすさと分かりやすさを確立させることです。

現行ソフトの操作画面は要素が多い上にどの情報もメリハリが無く同じレベルで描画されており、非常に煩雑でした。

そこで今回のデザインでは、以下の点に注力しました。

  • 立体的な表現:
    重要度の高い要素をシャドウを付けて浮かせる表現にし、視覚的にも優先順位が分かりやすいように
  • 現代に則した表現にアップグレード:
    アイコンやUIの表現が一昔前で随所に古さを感じたので、現代の表現方法に合わせて描画

これにより、情報の優先順位が付き整理され分かりやすく見やすいUIの実現を成功させました。

電子カルテソフトウェアUIデザインの制作例。ブルーを基調とした3カラムからなるダッシュボード画面。左にカルテ、中央にカレンダー・処方・薬歴、右にメニューボタンアイコンが並ぶ。電子カルテソフトウェアUIデザインの制作例。グリーン・ピンク・イエロー・グレーを基調としたカラーテーマバリエーションの紹介画像。

背景色を変えるだけの簡易なカラーテーマ変更の実現のため、背景を透かしたグラススタイルを取り入れたデザインを採用しています。

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

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

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

お問い合わせ