このページは Cloud Translation API によって翻訳されました。

データキャプチャの設計ガイドライン

はじめに

モバイルデバイスを見ている地域医療従事者。

モバイルヘルスアプリを使用するほとんどの医療従事者にとって、アンケートへの回答は主要なタスクです。

データ入力は難しく、エラーが発生することがあります。構造化データキャプチャ（SDC）ライブラリと設計ガイドラインの目的は、ユーザーがデータ入力のユーザーエクスペリエンスとキャプチャしたデータの品質を改善できるようにすることです。

このセクションでは次の 4 つのテーマを取り上げます。

レイアウトとナビゲーション
質問と手順
データキャプチャ
データ検証とエラーメッセージ

レイアウトとナビゲーション

長いスクロールとページ分けされたレイアウトの定型化されたビュー。

長いスクロールとページ分けされたレイアウト

Android FHIR SDK には、次の 2 つのレイアウトオプションがあります。

長スクロール（デフォルト）
ページ分けあり

長スクロールのアンケートでは、1 ページにすべての質問が表示され、ユーザーはスクロールして各質問に移動します。

ページ分けされたアンケートでは、コンテンツが複数のページにわたって表示されます。関連する質問や入力フィールドを 1 つのページにグループ化できます。ページ間を移動するために、[戻る] ボタンと [次へ] ボタンはページの下部に固定されています。

GitHub でページ分けされたアンケートを作成する方法をご確認ください

次のうち、どのレイアウトを選択すればよいですか。

各レイアウトオプションには長所と短所があります。以下では、使用するレイアウトを選択する際に考慮すべきレイアウトタイプの属性をいくつか示します。

	長スクロール	ページ分けあり
ナビゲーションのスピード	移動速度の向上	移動が遅い
ナビゲーションの精度	精度の低いナビゲーション	ナビゲーションの精度が向上
タスクの切り替え後に質問に戻る	中断後に方向を確認しにくい	中断後の方向への移動が容易
訪問後にデジタルアンケートに記入する（紙からコピーする）	紙からコピーする方が簡単	紙からコピーするときがより困難
小画面	画面が小さい場合はやや悪い	小さい画面に最適
ユーザー補助	アクセシビリティの面で劣ります。操作しにくい。	ユーザー補助を強化。スクリーンリーダー、テキスト読み上げなどのテクノロジーで処理できる個別の画面。
手順と説明のためのスペース	ガイダンスや手順に劣る	ガイダンスと手順のほうがよい

長スクロール

質問のタイトルの前に数字が表示されているアンケート。 — すべきこと - 数字の質問
単一ページレイアウトで簡単に移動できるよう、質問に番号を付けます。

ページネーション

プルダウンで選択可能なページ分けされた質問「彼らはどの州に住んでいますか」。 — すべきこと - 1 ページにつき質問を 1 つ
キーボード、プルダウン、その他のコンポーネントはページ上のスペースを占有するため、1 ページにつき 1 つの質問を設定するようにしてください。

ページ分けされた住所フィールドで、下部のフィールドが画面に表示されない。 — すべきでないこと - スクロールしなければ見えない範囲のコンテンツを非表示にする
コンテンツはスクロールせずに見える範囲に表示されるようにする必要があります。

複数のテキストフィールドが 1 つの質問としてグループ化されています。質問のタイトルは代替の連絡先担当者で、名前、関係、電話番号が入力フィールドとして表示されます。 — すべき - 関連するコンテンツを 1 つの質問としてグループ化する
例: これら 3 つのテキストフィールドはすべて代替の連絡先担当者情報に関連しているので、1 つのページにグループ化されます。

同じページ上に無関係な質問がある。最初の質問は保険の保障内容で、2 番目の質問は以前の健康状態についてです。 — 非推奨 - 無関係なコンテンツをグループ化する
混乱を避けるため、1 つのページに関係のないコンテンツをグループ化することは避けてください。

進行状況インジケーター

進行状況インジケーターには、アンケートでの進捗状況が表示されます。

長いアンケートに進行状況インジケーターを含めると、ユーザーが操作しやすくなり、進行状況を確認しやすくなります。進行状況インジケーターには、アンケート内の場所と、完了までの残り時間が表示されます。

アンケートのタイトルの下に表示される進行状況インジケーター。 — すべきこと - ロングスクロールのレイアウト
質問とアンカーを上部に配置して、スクロールしても常に表示されるようにします。

ナビゲーションボタン

ナビゲーションボタン（戻る、次へ）は質問票の下部に固定されています。無限スクロールを使用している場合、またはページ分けされた質問票の最後のページでは、[次へ] ボタンに [送信] というラベルが表示されます。

ボタンを一貫した場所に配置し、「戻る」や「次へ」など、その操作がラベル付けされたアクティブなボタンを常に使用するようにしてください。

ナビゲーションボタンがアクティブになっています。青色で塗りつぶされた次のボタン。 — 推奨 - アクティブなボタン
フォームが不完全な場合でも、アクティブなボタンが常に表示されます。[次へ] をタップすると、不足しているフィールドの入力手順や検証エラーの手順がポップアップダイアログに表示されます。

[次へ] ボタンは無効になっています。グレーで塗りつぶされた次のボタン。 — 非推奨 - ボタンが無効
ボタンが無効な場合、ユーザーが問題の解決方法を把握するのが難しくなります。

禁止 - アイコンのみのボタン
アイコンのみのボタンは使用しないでください。ボタンには、必ずわかりやすい操作のラベルを付ける。

質問と手順

グループヘッダー

グループヘッダーは、質問のタイトルの上に表示されるテキストヘッダーです。

グループヘッダーを使って、類似した質問をグループ化します。グループヘッダーは、役立つ情報を追加する場合にのみ使用してください。

グループヘッダーは患者の履歴です。 — すべきこと - 短いタイトル
短いタイトルを使用して、似たような質問をグループ化します。例: 患者の病歴に関連するすべての質問がグループ化されます。

グループヘッダーは個人情報とライフスタイルに関する情報です。 — 非推奨 - 長いタイトル
複雑なタイトルや 1 行を超える長いタイトルは避けてください。

質問のタイトル

質問のタイトルには、要求される情報を簡潔に記述します。質問のタイトルは、ユーザーの目を質問に引き付けるために、ページ上で最も大きいフォントサイズを使用します。

すべてのページまたは質問に質問のタイトルを付けます。質問のタイトルは簡潔にするか、質問として表現します。

質問のタイトルが生年月日です。 — すべきこと - 短い質問タイトル
タイトルを短くすると読みやすくなります。

質問のタイトル: 生年月日を入力してくださいどちらの都市で生まれましたか。 — 非推奨 - 長い質問のタイトル
非常に長い質問や、2 つの質問をネストすることは避けてください。

質問のタイトルがありません。 — 非推奨 - 質問のタイトルを付けない
ユーザーが入力する必要がある情報を簡単に把握できるように、質問のタイトルを必ず含めます。

手順

[手順] は、質問のタイトルの下に表示されるオプションのテキストフィールドです。

[instructions] フィールドを使用して、質問が必要かどうか、選択できる数（1 つまたは複数）、すべての情報を完了できない場合や質問に回答できない場合のユーザーの対処方法など、関連する手順を説明します。

手順: 1 つ選択してください。必須の質問。 — すべきこと - 必要なものを説明する
手順フィールドを使用して、質問が必要かどうかと、選択肢の数を通知します。

手順: 正確な生年月日が不明な場合は、[不明な生年月日] チェックボックスをオンにします。 — すべきこと - 特殊なケースへの対応方法を説明する
手順を使用して、すべてのフィールドに入力できないなどのシナリオが発生した場合の対処方法をユーザーに伝えます。

手順: 緊急事態の場合に、近親者（パートナー、母親、兄弟など）の連絡先を使用できます。 — すべき - コンテキストや定義を説明する
指示を使用して、質問のタイトルで使用されている用語の追加のコンテキストや定義を提供します。

テキストのラベル付け

ラベルテキストは、テキストフィールドまたはプルダウンに必要な情報をユーザーに伝えます。フィールドを選択すると、ラベルテキストがテキストフィールドの中央から上に移動します。

すべてのテキストフィールドとプルダウン ボックスにラベルが必要です。ラベルテキストは、短く、明確で、全体的に見えるようにします。

ラベルテキスト: 名。 — すべきこと - 簡潔にする
ラベルのテキストは短く、明確で、完全に見えるようにします。

ラベルテキスト: クライアントの名前を入力します。 — 禁止事項 - 冗長な表現にする
ラベルのテキストは長すぎたり、切り捨てたり、複数行に渡ったりしないでください。

ラベルテキストなし。 — 非推奨 - ラベルなし
ユーザーが入力すべき情報を把握できるように、必ずテキストフィールドにラベルを付けてください。

エントリの形式

EntryFormat は、特定の形式のデータを入力する必要があることをユーザーに示すために、テキストフィールドの下に表示されています。EntryFormat フィールドにエラーメッセージが表示され、既存の EntryFormat 手順が置き換えられます。

日付、電話番号、単位、整数には、EntryFormat を使用します。

日付の形式: dd/mm/yyyy — 推奨 - EntryFormat を使用する
フィールドの下に日付形式を表示し、わかりやすいフレーズを含めます。

日付形式がありません。 — すべきでないこと - EntryFormat を使用しない
データ形式を表示しないと、データが正しく入力されない場合があります。

[心拍数] テキストフィールドの下に、[入力形式] に「通常範囲: 60-100 bpm」と表示されます。[血中酸素飽和度] テキストフィールドの下に [入力形式] に「正常範囲: 95-100%」と表示されます。 — 推奨 - 正常範囲を表示する
医療の範囲を入力する場合は、正常範囲の例を提供します。これは、範囲外のエラーや数値を見つけるのに役立ちます。

必須項目

必須項目は、ユーザーが各項目に入力する必要があることを示します。入力を完了するまで次に進めません。

フィールドが必須であることを示すには、質問タイトルの末尾にアスタリスク（*）を表示します。アスタリスク（*）が示す内容が明確ではないため、手順の項目には「必須の質問」と記載してください。質問のタイトルがない場合は、ラベルテキストにアスタリスク（*）を表示します。

以下の手順の中で、質問のタイトルと必須の質問の後にアスタリスクをつけます。 — すべきこと - 書面による説明
フィールドにアスタリスク（*）を付けて、「必須の質問」を示す手書きメモを含めます。多くのユーザーはアスタリスク（*）の意味がよくわからず、説明からメリットを得られるでしょう。

質問のタイトルの後にアスタリスクをつけますが、アスタリスクの意味を説明した説明は付けません。 — 禁止事項 - 説明なし
アスタリスク（*）のみを表示するのは避け、その意味を説明してください。

以下の手順で、質問のタイトルと必須の質問の後にアスタリスクをつけます。 — すべきこと - 用語をローカライズする
ユーザーにとって最も身近な用語を使用します。たとえば、「必須」のほうがより身近な用語であり、一部の国では「必須」ではなく「必須」が使用されます。

アスタリスクがありません。手順にオプションの質問が表示されます。 — すべきこと - 代わりに任意の質問を指定する
ほとんどの質問が必須の場合、どの質問が必須かを代わりに明示します。

ラベルテキストの後にアスタリスクをつけます。[入力形式] フィールドに必須の質問が表示されています。 — すべきこと - 代わりにラベルテキストにアスタリスクを表示する
質問のタイトルがない場合は、ラベルテキストにアスタリスクを表示します。

ヘルプ

質問のタイトルの横にヘルプアイコンが表示されます。このアイコンをタップすると、追加情報が記載されたヘルプ情報ボックスが表示されます。アイコンをもう一度タップするとヘルプ情報ボックスが閉じます

これは省略可能なコンポーネントです。常に表示する必要がない追加情報の表示に役立つ場合にのみ使用します。

ヘルプ: 季節に応じたインフルエンザワクチンは、インフルエンザ予防接種とも呼ばれます。 — すべきこと - ヘルプボックスに任意の情報を表示する
ユーザーが一度しか確認する必要がない情報や、追加情報が記載された情報にヘルプを使用します。

ヘルプ: 1 つ選択してください。 — すべきでないこと - ヘルプボックスの手順を非表示にしてください
ヘルプボックスに手順を隠して、すべてのユーザーに表示されるようにします。

データキャプチャ

どのコンポーネントを使用すべきですか？

データ入力のタイプ	スライダー	オートコンプリート
[Yes] または [No] を選択
オプションを 1 つ選んでください		注意
複数のオプションを選択		注意
テキスト
日付
数字	注意

テキストフィールド

テキストフィールドは、ユーザーが情報を入力できることを示します。

アンケートに名前、電話番号、住所などのテキストを入力する必要がある場合は、テキストフィールドを使用します。事前入力された選択（多肢選択式または単一選択）を代わりに使用できる場合は、テキスト（キーボード）入力が必要なデータ入力を制限します。

material.io のテキストフィールドの詳細

質問のタイトル: 新しい人を登録します。テキストフィールド 1: 名前。テキストフィールド 2: 電話番号。 — すべきこと - 一意のデータ入力用にテキストフィールドを使用する
一意の単語や数字を入力する必要があるデータ入力にはテキストフィールドを使用する。

Question title: 訪問の理由テキストフィールド: 理由の説明 — 非推奨 - 自由形式の回答の使用を制限する
多肢選択式、プルダウン、または単一選択式の回答になる可能性がある場合は、自由形式の回答を使用しないでください。

単一選択、ブール値

単一選択とブール値選択は、ユーザーが選択肢から 1 つを選択するよう求められたときにラジオボタンとして表示される選択コントロールです。

「はい」または「いいえ」の二者選択がある場合は、boolean choiceを使用します。それ以外の場合は、単一選択コンポーネントを使用してください。リスト内にオプションが 10 個以上ある場合は、単一選択肢ではなくプルダウンを使用します。オプションが多い場合、プルダウンは密度が高く、操作しやすくなります。

Question title: 今回が初めてですか？ブール値の選択オプションは、yes または no です。 — Do - ブール値選択
オプションが「yes」または「no」の場合は、ブール値選択を使用します。

Question title: 最終学歴を教えてください。
単一選択による選択肢は次のとおりです。1. わからない 2. 説明なし

3. 小学校 4 中学校。 — 推奨事項 - 単一選択
ユーザーがリストから選択肢を 1 つ選択できる場合は、単一選択を使用します。

非常に長い状態のリストを示す単一選択リスト。状態 23 ～ 27 が表示されます。 — 非推奨 - 非常に長いリスト
非常に長いリスト（10 以上）に 1 つの選択を選択することは避けてください。代わりにプルダウンを使用してください。

日付選択ツール

日付選択ツールを使用すると、カレンダーの日付選択ツールとキーボードの両方を使用して日付を入力できます。カレンダーアイコンをタップすると、カレンダーの日付選択ツールが有効になります。

カレンダーの日付選択ツールは、前回の月経や次回の訪問など、今日の日付に近い日付にのみ使用します。それ以外の場合は、生年月日などの日付のキーボード入力を優先します。

生年月日。キーボードの日付入力が有効です。テキストフィールドボックスの右側にあるカレンダーアイコン。チェックボックスがオンになって、日付がおおよその日付であることを示しています。 — すべきこと - 両方の入力オプション
日付の入力では、キーボード入力（テキストボックスをタップ）とカレンダーの日付選択ツール（アイコンをタップ）の両方を有効にします。

日付選択ツールのカレンダービュー。 — 非推奨 - カレンダーのみの使用を避ける
生年月日の唯一の入力方法として、カレンダーの日付選択ツールを有効にしないでください。月や年に移動するのは困難です。

プルダウン メニューでは、複数のオプションから選択できます。ユーザーが入力を開始すると、入力内容に基づいてオプションがフィルタされます。これにより、ユーザーは大規模なリストから適切なオプションをすぐに見つけることができます。

プルダウンメニュー は 1 つの選択肢 に代わる選択肢としておすすめです。選択肢の数が 10 以上あると表示されるスペースが少なくて済みます。

州のリストの状態（A ～ F）のプルダウン。 — すべきこと - 長いリストに使用
選択肢が非常に長いリストで 1 つのオプション（州や都市など）を選択する場合はプルダウンを使用します。

年齢のプルダウンには、1 ～ 6 の数字が表示されています。 — 非推奨 - 入力が簡単な場合
年齢などのすべてのオプションをスクロールするよりも、コンテンツを入力しやすい場合は、プルダウンの使用を避けてください。

多肢選択式

多肢選択式は、ユーザーがオプションのリストから複数のセクションを作成できる場合に、チェックボックスとして表示される選択コントロールです。

ユーザーが既定の選択肢リストからのみ選択できる場合は、多肢選択式を使用します。ユーザーが独自の自由回答を追加できる場合は、代わりに自由選択コンポーネントを使用します。instructions フィールドに「該当するものをすべて選択してください」と記入して、ユーザーが複数のオプションを選択できることを理解します。

Question title: 今日の訪問の理由を教えてください。4 つのチェックボックスとオプションが、各行に 1 つずつ表示されています。 — すべきこと - 行ごとに 1 つの選択を行う
デフォルトでは、チェックボックスを囲むコンテナがタップ可能な領域をわかりやすくするコンテナになっています。

Question title: 今日の訪問の理由を教えてください。6 つのチェックボックスとオプションが、各行に 2 つずつ表示されています。2 つのオプションのテキストの一部が切り捨てられています。 — 非推奨 - 1 行に複数のオプションを表示する
1 行に複数のオプションを表示することは避けてください。スマートフォンの画面サイズやテキストサイズが異なると、テキストが途切れる可能性があります。

自由選択

自由選択は、多肢選択式と似ていますが、ユーザーが [その他] を選択して自由にテキストを入力できます。

選択肢のリストが事前に設定されているが、ユーザーが他の選択肢も追加できる場合は、自由選択を使用します。大部分の選択肢がわかっているが、指定されたオプションのいずれも該当しないため、一部のユーザーが [その他] を選択することが予想される場合は、自由選択を使用します。

その他が選択されています。自由テキストを追加するためのテキストフィールドがアクティブです。
キーボードが表示されています。 — すべき - より正確なデータを収集するために使用する
正確なデータを収集することが重要であり、事前定義されたオプションのいずれも該当しない場合に使用します。例: 職業。

Question title: 追加情報があればご記入ください[はい]、[いいえ]、[その他] の 3 つのオプションから選択できます。その他が選択されています。自由形式のテキストを追加するためのテキストフィールドがアクティブです。 — 非推奨 - すべての回答がその他の場合
回答の大部分で [**その他**] を選択する必要がある場合は、使用しないでください。そのような場合は、代わりにテキストフィールドまたは段落フィールドを使用してください。

スライダー

スライダーを使用すると、ユーザーは複数の値から値を選択できます。Android FHIR SDK のスライダーは、独立したスライダーです。個別のスライダーを使用すると、ユーザーは事前に定義された範囲から特定の値を選択できます。使用可能な値を示すためにチェックマークを使用できます。数値データ入力にはスライダーを使用しないでください。代わりに、テキストフィールドまたはプルダウンメニューを使用してください。

material.io のスライダーの詳細