簡介
對大多數使用行動健康應用程式的醫護人員而言,完成問卷是最重要的任務。
輸入資料可能很困難,且發生錯誤。結構化資料擷取 (SDC) 程式庫 的目標和設計指南旨在協助您改善資料輸入的使用者體驗和擷取的資料品質。
本節涵蓋四個主題:
版面配置與導覽
問題和操作說明
資料擷取
資料驗證和錯誤訊息
版面配置與導覽
長捲動版面配置 (左側) 和分頁版面配置 (右側)。
Android FHIR SDK 提供兩種版面配置選項,您可以選擇:
長捲動 (預設)
分為多頁
長捲動 問卷會在單一頁面顯示所有問題,使用者只要捲動畫面即可瀏覽各個問題。
分頁 問卷會跨不同頁面顯示內容。相關問題或輸入欄位可以歸為一組。「返回」和「下一頁」按鈕錨定在頁面底部,可在不同頁面之間瀏覽。
瞭解如何在 GitHub 上製作問卷分頁
這時應選取哪一種版面配置?
每個版面配置選項各有優缺點。選擇要使用的版面配置時,請將下列每種版面配置類型的屬性納入考量。
長捲動
分為多頁
瀏覽速度
瀏覽速度更快 check_circle
慢慢瀏覽 warning
導覽準確度
warning 導航準確度降低
check_circle 更準確的導航
切換工作後重新關注問題
warning 服務中斷後很難找回方向
check_circle 服務中斷後,更容易變更
在診所後填妥數位問卷 (從紙本複製)
check_circle 從紙本中複製更輕鬆
warning 複製紙張的難度較高
小螢幕
小螢幕較差 warning
check_circle 適合小螢幕
無障礙功能
warning 較難提供無障礙體驗。難以瀏覽。
check_circle 更易於閱讀。可透過螢幕閱讀器、文字轉語音和其他技術處理的離散畫面。
操作說明和說明空間
warning 無法提供指引和指示
check_circle 提供更明確的指引和操作說明
建議做法 - 數字問題
為問題加上編號,以便瀏覽單一頁面版面配置。
建議做法 - 調整字型大小
使用較長的捲動方式時,請縮小題目標題的字型大小,讓畫面顯示更多內容。範例:長捲動為 16 像素。
分頁大小為 28 像素。
建議做法 - 每頁一個問題
鍵盤、下拉式選單和其他元件會佔用頁面空間,因此每頁以一個問題為目標。
錯誤:隱藏需捲動位置的內容
內容應顯示在不需捲動位置。
行動 - 將相關內容分組成一個問題
示例:這三個文字欄位都與其他聯絡人聯絡資訊有關,因此會放在同一個頁面。
錯誤:將不相關的內容分組
請避免將不相關的內容歸類到單一網頁上,以免造成混淆。
進度指標
進度指標 會反映問卷中的進度。
在長篇問卷中加入進度指標 ,協助使用者瀏覽及查看進度。進度指標 會顯示問卷中的位置和完成進度。
建議做法 - 長捲動版面配置
安排在問題和錨定標記的上方,這樣即使捲動頁面也不會顯示。
建議做法 - 僅限分頁版面配置
可改為置於底部、返回和下一個按鈕上方。您也可以使用這個版面配置來顯示使用者所在的頁面。
導覽按鈕 (返回、下一個) 會錨定在問卷底部。在無限捲動或分頁式問卷的最後一頁,下一個按鈕會標示為「提交」。
請將按鈕放在一致的位置,並一律使用加上動作標籤的有效按鈕,例如返回和下一個按鈕。
「行動 - 使用中的按鈕」
一律顯示使用中的按鈕,即使表單不完整也一樣。輕觸 [下一步] 後,系統會顯示彈出式對話方塊,說明如何填寫缺少的欄位或驗證錯誤。
錯誤:已停用的按鈕
非使用中的按鈕會讓使用者難以瞭解如何修正問題。
請勿 - 僅限圖示按鈕
避免使用僅限圖示按鈕。請一律為按鈕加上描述性動作標籤。
問題和操作說明
本節概略說明本節介紹的 9 個元件,以及分頁式問卷中這些元件的結合方式。
問卷標題。
進度指標。
群組標頭。
問題標題。
指示。
輸入欄位。
項目格式。
必填欄位。
。
群組標頭 是顯示在問題標題上方的文字標頭。
使用群組標頭 將類似的問題分組。請只在新增實用資訊時使用群組標頭 。
建議做法:簡短名稱
使用簡短名稱,將類似的問題歸為一組。範例:系統會將與病患記錄相關的所有問題分組。
錯誤做法
避免使用複雜的標題,或是超出一行的長標題。
問題標題
問題標題 會簡要說明要求的資訊。問題標題 :頁面的字型大小最大,讓使用者的注意力轉移到問題所在。
每個網頁或問題都應設定問題標題 。以簡短或詞組的形式提出問題。
建議做法 - 簡短的問題標題
簡短的標題可讓使用者更容易閱讀。
錯誤的標題
請避免提出冗長的問題,或是同時以巢狀結構回答兩個問題。
切勿 - 沒有題目
請務必加入問題標題,方便使用者瞭解需要輸入哪些資訊。
操作說明
說明 是問題標題下方的選填文字欄位。
使用「instructions」instructions 欄位來解釋相關操作說明,例如是否需要回答問題、可以選取多少個或多個選項,以及如果使用者無法完成所有資訊或回答問題時應採取的行動。
建議做法 - 說明必要內容
使用操作說明欄位,指出問題是否為必填資訊,以及可選取的項目數量。
建議做法 - 說明應對極端案例的處理方式
使用操作說明,告知使用者在遇到無法填寫所有欄位的情況時,應該怎麼做。
建議做法:說明背景資訊或定義
按照操作說明為問題標題中的字詞提供額外的背景資訊或定義。
為文字加上標籤
標籤文字 會告知使用者文字欄位或下拉式選單要求哪些資訊。選取欄位後,「label text」 會從文字欄位的中間移至頂端。
每個文字欄位 和下拉式 方塊都應該有標籤。標籤文字 應簡短、清晰且完整。
建議做法 - 保持精簡
標籤文字必須簡短、清晰,且完整。
切勿 - 遣詞用字
標籤文字不應過長、截斷或顯示多行。
錯誤 - 無標籤
請一律為文字欄位加上標籤,方便使用者瞭解要輸入哪些資訊。
項目格式
EntryFormat 顯示在文字欄位下方,通知使用者需要輸入特定的格式資料。錯誤訊息會顯示在「EntryFormat」欄位中,並取代現有的 EntryFormat 指示。
請使用 EntryFormat 輸入日期、電話號碼、單位和整數。
建議做法 - 使用項目格式
在欄位下方顯示日期格式,並加上描述性的詞組。
錯誤 - 請勿使用項目格式
如果未顯示資料格式,可能導致輸入的資料有誤。
建議做法:顯示正常範圍
輸入醫療範圍時,請提供正常範圍的範例。這有助於使用者找出超出範圍的錯誤或數字。
必填欄位
「必填欄位」 表示使用者必須填寫該欄位,且在這個欄位填寫前會遭到封鎖。
如要表示必填欄位,請在問題標題結尾加上星號 (*)。在操作說明欄位中納入「必填問題」,因為如果沒有問題標題,請在標籤文字中顯示星號 (*)。
建議做法 - 書面說明
請以星號 (*) 顯示必填欄位,並附上表示「必填問題」的書面指示。許多人不熟悉星號(*) 的意義,且有助於從中受益。
錯誤:不提供說明
避免只顯示星號 (*),且不要描述意義。
行動 - 本地化術語
請使用使用者最熟悉的字詞。例如:「必要」是較熟悉的字詞,可在部分國家/地區中使用,而非「必填」。
建議做法 - 改為指明選填問題
如果大部分問題都要填寫,請指明哪些問題為選填。
建議做法:在標籤文字中顯示星號
如果問題標題沒有問題,標籤文字中會顯示星號。
說明
問題標題旁邊會顯示「說明」 圖示。輕觸圖示後,系統會顯示說明資訊方塊,提供更多資訊。再次輕觸該圖示可關閉說明資訊方塊。
這是選用元件。請只在適合顯示不需要一律顯示的額外資訊時使用。
正確做法 - 在說明方塊中顯示選填資訊
請針對使用者可能只需要查看一次的資訊或提供額外資訊的資訊使用說明。
錯誤 - 在說明方塊中隱藏操作說明
請避免隱藏「說明」方塊中的操作說明 (所有人都看得到)。
資料擷取
Android FHIR SDK 中的八項主要資料擷取元件。
何時使用哪個元件?
資料類型
布林值
單選
選擇題
開放式選項
下拉式選單
日期挑選器
文字欄位
滑桿
自動完成
選取「是」或「否」
check_circle
請選取一個選項
check_circle
check_circle
warning 禮貌
選取多個選項
check_circle
warning 禮貌
文字
check_circle
check_circle
日期
check_circle
check_circle
Numbers
check_circle
warning 禮貌
文字欄位
文字欄位 :表示使用者可輸入資訊。
如果使用者必須在問卷中輸入文字 (例如名稱、電話號碼或地址),請使用文字欄位 。限制可以改用預先填入的選項 (選擇題或單選) 時,需要文字 (鍵盤) 項目的資料項目。
進一步瞭解 material.io 的文字欄位
正確做法 - 在文字欄位輸入不重複的資料
在文字欄位輸入不重複的字詞或數字。
錯誤:限制使用免費文字回覆
如果文字可能是多選、下拉式選單或單選選項,請避免使用任意文字回覆。
單選與布林選項
「Single option」 和「boolean selection」 是選取控制項,當使用者要求選取選項時,便會顯示為圓形按鈕。
如果有可選擇「Yes」或「No」的二進位選項,請使用 boolean choice 。否則,請使用單選 元件。如果清單中有超過 10 個選項,請使用下拉式選單 ,而非「單選」 。有多個選項時,下拉式選單變得更加密集且易於瀏覽。
Do - 布林值選項
如果選項為「是」和「否」,請使用布林值選項。
Do - 單選
如果使用者可以選取清單中的其中一個選項,請使用單選選項。
不建議 - 清單過長
請避免在清單過長 (10 以上) 中,只使用單一選項,請改用下拉式選單。
日期挑選器
日期挑選器 可讓使用者透過日曆日期挑選器和鍵盤輸入日期。使用者輕觸日曆圖示後,就會啟用日曆日期挑選器。
僅針對接近今天日期的日期 (例如上次月經或下次造訪) 使用日曆日期挑選器。否則,系統會優先使用鍵盤輸入出生日期,例如出生日期。
建議做法 - 兩個輸入選項
輸入日期時,請同時啟用鍵盤輸入 (輕觸文字方塊) 和日曆日期挑選器 (輕觸圖示)。
請勿 - 僅避開日曆
請避免將日曆日期挑選器設為唯一出生日期的輸入方法。難以前往月份和年份。
下拉式選單
下拉式選單 可讓使用者從多個選項中選擇。當使用者開始輸入內容時,系統會根據輸入的內容篩選選項。這有助於使用者從大型清單中快速找到正確的選項。
當選項清單過長 (10 個以上的選項) 時,由於佔用的空間較少,因此「下拉式選單」 選單是單選 的理想替代方案。
建議做法 - 用於長清單
在過長的選項清單中 (例如選取州/省或城市) 時,使用下拉式選單。
避免 — 輸入方便時
請避免在比較方便輸入內容的情況下使用下拉式選單,而不要捲動瀏覽所有選項 (例如年齡)。
選擇題
「複選題」 是一種選取控制項,當使用者可從選項清單中建立多個區段時,這個選取控制項會顯示為核取方塊。
如果使用者只能從預先決定的選項清單中選取所需項目,請使用「Multiple options」 (選擇選項)。如果使用者也可以新增自己的免費回應,請改用開放式選項 元件。在「instructions」instructions 欄位中,寫出「Select all that apply」一詞,讓使用者知道可以選取多個選項。
建議做法 - 每列一個選取項目
預設外觀是核取方塊周圍的容器,方便使用者輕觸可輕觸的區域。
避免 - 每一列包含多個選項
請避免讓每列顯示多個選項,因為手機螢幕大小和文字大小可能不同,文字可能會遭到截斷。
開放式選項
「Open options」 與選擇題類似,但新增了讓使用者選取「Other」 及輸入文字的功能。
如有預先設定的選項清單,但使用者也可以新增其他選項,請使用「開放選項」 。如果大多數選項都已知,請使用「open options」(開放選項) ,但您應該會看到部分使用者會選取「Other」(其他) ,因為系統提供的選項皆不適用。
建議做法 - 使用更準確的資料收集行為
如果需要收集準確的資料,且所有預先定義選項皆不適用,請使用這個選項。例如:cupation。
請勿:如果所有回應都是其他項目
如果大部分的回應都需要選取「其他」 ,請避免使用。在這種情況下,請改用文字欄位或段落欄位。
滑桿
滑桿 可讓使用者從多種不同的值中選擇。Android FHIR SDK 中的滑桿是獨立的滑桿。離散滑桿可讓使用者從預先決定的範圍中選取特定值。勾號可用來表示可用的值。避免使用滑桿輸入數字資料。請改用文字欄位或下拉式選單。
進一步瞭解 material.io 上的滑桿 。
錯誤做法:將滑桿用於特定數字
如果範圍偏大,請避免在特定值中使用滑桿。請改用鍵盤輸入文字欄位。
資料驗證和錯誤
資料驗證
資料驗證會限制資料類型,或是可輸入至文字欄位的值。資料驗證功能有助於提升收集到的資料品質。
使用 EntryFormat 欄位顯示格式或值限制。即時且立即顯示有意義的資料驗證錯誤訊息,方便使用者修正錯誤。
建議做法 - 顯示驗證限制
預先顯示資料驗證限制,讓使用者知道如何輸入資料。
錯誤 - 隱藏驗證限制
如未顯示電話號碼需要多少位數,使用者可能會收到錯誤訊息,而且需要較長時間才能完成。
行動 - 立即顯示驗證錯誤
填妥欄位後,立即顯示有意義的資料驗證錯誤。錯誤訊息會取代現有的輸入格式文字。
請勿 - 提交後再等待
請勿等到使用者首次按下「提交」後,才顯示驗證錯誤。
錯誤
發生錯誤時,錯誤訊息會提醒使用者,並提供修正問題的說明。
使用顏色、圖像和文字來傳達錯誤。
進一步瞭解 Material.io 中的錯誤訊息
建議做法 - 清楚說明修正錯誤的方式
說明發生錯誤的原因 (必填) 和修正方法 (請選取一個問題)。
不要 - 僅寫入「error」
如果錯誤訊息僅指出「錯誤」,使用者就無法瞭解該如何修正錯誤。
正確做法 - 說明如何修正錯誤,以免發生錯誤
範例:「日期格式錯誤,格式必須為 dd/mm/yyyy"。
錯誤 - 害怕使用者
避免對使用者顯示含有「你」的錯誤訊息,例如「你輸入的日期格式有誤」。
建議做法 - 多個提示
利用顏色、圖像和文字告知使用者這項錯誤。
切勿仰賴顏色
為支援常見的視障問題 (例如紅綠色盲),請避免只使用顏色來傳達錯誤。
錯誤:過度使用圖示
一個圖示通常就夠用了。請勿過度使用圖示來傳達錯誤。