医療アプリ: Manipal Hospital

Manipal Hospital 医師回診アプリ アイデア ブックは、医療提供者がどのように Windows 8.1 アプリを使って院内回診時の患者巡回を計画できるかを示します。この医師回診アプリでは、病院の患者情報システムを使って巡回のスケジュールを設定します。

このトピックのシナリオを確認し、アプリでの Microsoft デザイン言語の使い方を見ることで、独自の医療アプリのデザインに関するインスピレーションを得ることができます。

利用できるサンプル コード: Manipal Hospital 医師回診アプリ アイデア ブックのコードを確認するには、医師回診アプリのページをご覧ください。

医療アプリ シナリオ

このトピックで説明している医師回診アプリでは、Microsoft デザイン機能を使って医師による日々の患者巡回を管理します。院内回診は、患者の状態を評価し、治療を管理する機会として役立ちます。

準備 ケア
通知を受け取る医師の画像 患者記録の画像

 

準備

Microsoft デザイン言語を使うと、データを整理してユーザーに表示すると共に、ユーザーが詳細を確認し、その結果としてアクティビティを計画できるような環境を提供することができます。

Dr. Shah は Manipal Hospital の医師です。Dr. Shah は日常のアクティビティの補助として医師回診アプリを使います。アクティビティには、患者巡回、調査、一般ケアなどが含まれています。医師回診アプリは病院のデータ管理システムに統合されているため、クリティカル データへのアクセスが可能であり、これによってケアを提供する医師の時間が節約されます。

医師回診アプリの概要ページの画像

アプリでは、トリアージ区分、回診スケジュール、場所に基づいて患者を表示することができます。この "予測参照" 機能により、患者巡回での優先順位決定と患者記録へのアクセスが容易になります。

患者一覧の画像

Dr. Shah がピンチ ジェスチャで操作すると、セマンティック ズームによりその日の回診スケジュールを概要で確認することができます。

セマンティック ズームと患者一覧の画像

Dr. Shah はその日の回診スケジュールを変更して、1 階のある患者を回診することにしました。その患者の姓を思い出せませんでしたが、患者は場所別に表示することもできます。これにより正しい患者記録をすばやく見つけて、回診に向かうことができました。

場所順に表示された患者記録の画像

 

準備の要約

最初のシナリオは次のとおりです。

  • データをカスタムのレイアウトにバインドし、コンテンツを見せる説得力のあるビューを作成できます。
  • クロムを使わず、アプリのコンテンツに集中できるようにして、ユーザーが関心を持つエクスペリエンスに没入できるようにします。

データ バインディングとセマンティック ズームについて詳しくは、次の情報をご覧ください。

アプリの最適なナビゲーション パターンの選択については、「ナビゲーション パターン」をご覧ください。

フラット ナビゲーション パターンの実際の使い方については、「アプリの機能の概要」シリーズをご覧ください。

ケア

Microsoft デザイン言語を使うと、トースト通知により、重要なイベントをユーザーに通知し、ユーザーをアプリに導くことができます。

回診に向かった Dr. Shah は、患者の病室に到着しました。ところが、病院全体の緊急事態警報により、回診は中断されました。この警報は、トースト通知の形でも配信されました。トースト通知では、患者情報がその場で表示され、患者記録へのリンクも提供されます。

トースト通知の画像

Dr. Shah がトースト通知を選択すると、患者の医療記録が直接開き、病室に向かう間に確認することができました。患者記録には、患者のバイタル値に関する情報や、病院の患者情報管理 (PIM) システムから取得したその他のデータが含まれています。

患者記録の画像

 

ケアの要約

2 番目のシナリオは次のとおりです。

  • トースト通知は、アプリにディープ リンクしてユーザーがコンテンツに再び関心を持つ機会を与えます。

トースト通知について詳しくは、次の情報をご覧ください。

関連トピック

Windows ストア アプリの紹介

Windows ストア アプリの UX ガイドライン

医師回診アプリ

データ バインディングの概要

データ バインディングのサンプル (C#/VB/C++)

宣言によるデータ バインディング (JavaScript)

プログラミングによるデータ バインディング (JavaScript)

セマンティック ズームのガイダンス

セマンティック ズームのサンプル (C#/VB/C++)

セマンティック ズームのサンプル (JavaScript)

トースト通知のガイドラインとチェック リスト

トーストのサンプル