مقدمة
يُعد ملء الاستبيانات مهمة أساسية لمعظم العاملين في مجال الرعاية الصحية الذين يستخدمون تطبيقات الصحة المحمولة.
يمكن أن يكون إدخال البيانات صعبًا وقد تحدث أخطاء. هدفنا من مكتبة تسجيل البيانات المنظَّمة (SDC) وإرشادات التصميم هو مساعدتك في تحسين تجربة المستخدم عند إدخال البيانات وجودة البيانات التي يتم تسجيلها.
الموضوعات الأربعة التي يتناولها هذا القسم هي:
التخطيط والتنقل
التخطيط المقسّم على صفحات والإعلانات الطويلة
![مقارنة التخطيطات المقسّمة على صفحات والتمرير الطويل. يحتوي خيار التمرير الطويل على 3 أسئلة في صفحة واحدة، بينما يحتوي التقسيم على صفحات على سؤال واحد.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=ar)
يتضمن Android FHIR SDK خيارين للتنسيق لتختار من بينهما:
- تمرير طويل (تلقائي)
- مقسّم على صفحات
يعرض استبيان التمرير الطويل جميع الأسئلة في صفحة واحدة وينتقل المستخدمون إلى كل سؤال من خلال الانتقال للأسفل.
يعرض الاستبيان المقسّم على صفحات المحتوى في صفحات منفصلة. يمكن تجميع الأسئلة ذات الصلة أو حقول الإدخال معًا في صفحة واحدة. يتم تثبيت زرَّي الرجوع والتالي في أسفل الصفحة للتنقل بين الصفحات.
تعرَّف على كيفية إنشاء استبيان مقسّم على صفحات على GitHub
ما التخطيط الذي يجب عليك تحديده؟
لكل خيار تخطيط مزاياه وعيوبه. في ما يلي بعض السمات لكل نوع تخطيط والتي يجب أن تراعيها عند اختيار التنسيق الذي تريد استخدامه.
تمرير طويل | مقسّم على صفحات | |
---|---|---|
سرعة التنقّل | التنقّل بشكل أسرع | أبطأ في التنقل |
دقة التنقّل | تنقُّل أقل دقة | تنقُّل أكثر دقة |
إعادة التركيز على السؤال بعد تبديل المهام | من الصعب إعادة التوجيه بعد المقاطعة | تسهيل إعادة التوجيه بعد المقاطعة |
إكمال الاستبيان الرقمي بعد الزيارة (نسخة من الورقة) | سهولة أكبر عند النسخ من الورق | أكثر صعوبة عند النسخ من الورق |
الشاشات الصغيرة | أسوأ بالنسبة للشاشات الصغيرة | أفضل للشاشات الصغيرة |
تسهيل الاستخدام | أسوأ من حيث إمكانية الوصول. صعبة التنقّل | أفضل لسهولة الاستخدام. الشاشات المنفصلة التي يمكن استخدامها بواسطة برامج قراءة الشاشة وتحويل النص إلى كلام والتقنيات الأخرى. |
مساحة للتعليمات والتفسيرات | أسوأ من ذلك للحصول على الإرشادات والتعليمات | هذا الخيار أفضل للحصول على إرشادات وتعليمات. |
تمرير طويل
![استبيان يعرض أرقامًا أمام عنوان السؤال.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=ar)
يمكنك ترقيم الأسئلة لتسهيل التنقّل في الصفحة الواحدة.
![مقارنة حجم خط عنوان السؤال يبلغ حجم التمرير الطويل 16 بكسل. مقسّم على صفحات هو 28 بكسل.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=ar)
يمكنك تصغير حجم خط عناوين الأسئلة عند استخدام التمرير الطويل، حتى يظهر المزيد من المحتوى على الشاشة. مثال: حجم التمرير الطويل هو 16 بكسل. مقسّم على صفحات هو 28 بكسل.
تقسيم النتائج على عدّة صفحات
![السؤال المقسّم على صفحات "ما الولاية التي يقيم فيها؟" مع
اختيارات القائمة المنسدلة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=ar)
تشغل لوحات المفاتيح والقوائم المنسدلة والمكوّنات الأخرى مساحة على الصفحة، لذا استخدِم سؤالاً واحدًا في كل صفحة.
![حقول العناوين المقسّمة على صفحات لا يظهر فيها الحقل السفلي على الشاشة](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=ar)
يجب أن يكون المحتوى مرئيًا في الجزء المرئي من الصفحة.
![حقول نصية متعددة مجمّعة كسؤال واحد. عنوان السؤال هو جهة اتصال بديلة يتم فيها إدراج الاسم والعلاقة ورقم الهاتف كحقول إدخال.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=ar)
مثال: ترتبط جميع هذه الحقول النصية الثلاثة بمعلومات جهة الاتصال البديلة، وبالتالي يتم تجميعها معًا في صفحة واحدة.
![أسئلة غير مرتبطة بالموضوع على الصفحة نفسها السؤال الأول هو التغطية التأمينية، والسؤال الثاني هو الحالات الصحية السابقة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=ar)
تجنَّب تجميع المحتوى غير ذي الصلة على صفحة واحدة لتجنُّب حدوث أي التباس.
مؤشّر مستوى التقدّم
يُظهر مؤشّر مستوى التقدّم مستوى التقدّم المُحرز في استبيان.
تضمين مؤشر التقدم في الاستبيانات الطويلة لمساعدة المستخدمين في التنقل والاطّلاع على مستوى التقدم. تعرض مؤشرات التقدم الموقع الجغرافي ضمن استبيان ومقدار الوقت المتبقي لإكماله.
![مؤشر التقدم في أعلى الصفحة، أسفل عنوان الاستبيان.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=ar)
ضَع في أعلى الصفحة فوق السؤال وعلامة الارتساء لكي يكون ظاهرًا دائمًا حتى عند التمرير.
![مؤشر التقدم في أسفل الصفحة فوق أزرار التنقل](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=ar)
يمكن وضعه في الجزء السفلي بدلاً من ذلك، فوق الزرين "رجوع" و"التالي". باستخدام هذا التنسيق، يمكنك أيضًا عرض الصفحة التي يطّلِع عليها المستخدم.
أزرار التنقل
يتم تثبيت أزرار التنقل (للرجوع أو التالي) في أسفل السؤال. في تمرير لا نهائي أو في الصفحة الأخيرة من سؤال مقسّم على صفحات، يكون الزر التالي باسم "إرسال".
احتفظ بالأزرار في موقع ثابت واستخدِم دومًا الأزرار النشطة المسمى بإجراءاتها، مثل زر الرجوع والتالي.
![أزرار التنقل نشطة. زر "التالي" مع تعبئة زرقاء](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=ar)
يمكنك عرض الأزرار النشطة دائمًا حتى إذا كانت النماذج غير مكتملة. عند النقر على "التالي"، اعرض مربّع حوار منبثق يتضمّن تعليمات لإكمال الحقول غير المتوفّرة أو أخطاء التحقّق من الصحة.
![زر "التالي" غير نشط. زر "التالي" بتعبئة رمادية](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=ar)
تصعّب الأزرار غير النشطة على المستخدمين معرفة كيفية حلّ المشكلة.
![يحتوي زر "التالي" على رمز سهم فقط بدون وصف نصي.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=ar)
تجنَّب استخدام الأزرار على شكل رموز فقط. قم دائمًا بتسمية الأزرار باستخدام إجراء وصفي.
الأسئلة والتعليمات
![استبيان مقسّم على صفحات يحتوي على تعليقات توضيحية ويعرض مكوّنات الأسئلة والتعليمات.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=ar)
- عنوان الاستبيان.
- مؤشر التقدم
- عنوان المجموعة.
- عنوان السؤال.
- التعليمات
- حقل الإدخال.
- تنسيق الإدخال:
- الحقول المطلوبة.
- المساعدة.
عنوان المجموعة
عنوان المجموعة هو عنوان نص يتم عرضه أعلى عناوين الأسئلة.
استخدِم عنوان المجموعة لتجميع الأسئلة المشابهة معًا. ولا تستخدم عنوان المجموعة إلا عندما يضيف معلومات مفيدة.
![عنوان المجموعة هو "سجلّ المرضى".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=ar)
استخدِم عنوانًا قصيرًا لتجميع الأسئلة المتشابهة معًا. مثال: يتم تجميع كل الأسئلة المتعلقة بسجلّ المريض.
![عنوان المجموعة هو معلومات شخصية ومعلومات عن أسلوب الحياة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=ar)
تجنَّب العناوين المعقّدة أو الطويلة التي تتجاوز سطرًا واحدًا.
عنوان السؤال
يصف عنوان السؤال المعلومات المطلوبة بإيجاز. تحتوي عناوين الأسئلة على أكبر حجم خط على الصفحة لجذب انتباه المستخدم إلى السؤال.
يجب أن يكون لكل صفحة أو سؤال عنوان سؤال. اجعل عناوين الأسئلة قصيرة أو صياغتها كسؤال.
![عنوان السؤال هو تاريخ الميلاد.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=ar)
إنّ العناوين القصيرة تسهِّل على المستخدمين قراءتها.
![عنوان السؤال هو ما تاريخ ميلادك؟ في أي مدينة وُلدت؟](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=ar)
تجنَّب الأسئلة الطويلة جدًا أو التي تتضمّن سؤالَين معًا.
![بلا عنوان للسؤال.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=ar)
يجب تضمين عنوان للسؤال دائمًا لكي يسهل على المستخدمين معرفة المعلومات التي يحتاجون إلى إدخالها.
التعليمات
التعليمات هي حقل نصي اختياري يظهر أسفل عنوان السؤال.
استخدِم حقل instructions لشرح التعليمات ذات الصلة، مثلاً ما إذا كان السؤال مطلوبًا، وعدد الاختيارات التي يمكن إجراؤها (واحد أو أكثر)، والإجراءات التي يجب على المستخدمين فعلها إذا لم يتمكنوا من إكمال جميع المعلومات أو الإجابة عن السؤال.
![التعليمات: يُرجى اختيار إجابة واحدة. السؤال المطلوب](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=ar)
استخدِم حقل التعليمات لتحديد ما إذا كان السؤال مطلوبًا وعدد الاختيارات التي يمكن إجراؤها.
![تعليمات: إذا كان تاريخ الميلاد غير معروف بالضبط، ضع علامة في مربّع الاختيار تاريخ الميلاد غير معروف.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=ar)
استخدِم التعليمات لإعلام المستخدمين بما عليهم فعله في حال واجهوا سيناريو يشبه عدم قدرتهم على إكمال جميع الحقول.
![التعليمات: يتم استخدام جهة الاتصال البديلة في حالة الطوارئ، ويمكن أن يكون أحد الأقارب (على سبيل المثال، الشريك أو الأم أو الشقيقة).](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=ar)
استخدام التعليمات لتوفير سياق أو تعريفات إضافية للمصطلحات المستخدمة في عنوان السؤال.
نص التصنيف
يخبر نص التصنيف المستخدمين بالمعلومات المطلوبة لحقل نصي أو قائمة منسدلة. عند تحديد الحقل، ينتقل نص التصنيف من منتصف حقل النص إلى الأعلى.
يجب أن يحتوي كل حقل نصي ومربّع قائمة منسدلة على تصنيف. ينبغي أن يكون نص التصنيف قصيرًا وواضحًا ومرئيًا بالكامل.
![نص التصنيف: الاسم الأول.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=ar)
يجب أن يكون نص التصنيف قصيرًا وواضحًا ومرئيًا بالكامل.
![نص التصنيف: أدخل اسم العميل.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=ar)
يجب ألا يكون نص التصنيف طويلاً جدًا أو مقتطَعًا أو يشغل عدة أسطر.
![ليس هناك نص تصنيف.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=ar)
يجب دائمًا تصنيف حقل النص حتى يعرف المستخدمون المعلومات التي يجب إدخالها.
تنسيق الإدخال
يتم عرض EntryFormat أسفل حقل النص لإعلام المستخدمين بالبيانات ذات التنسيق المحدد التي يجب إدخالها. وسيتم عرض رسائل الخطأ في الحقل EntryFormat واستبدال إرشادات EntryFormat الحالية.
استخدم EntryFormat للتواريخ وأرقام الهواتف والوحدات والأعداد الصحيحة.
![تنسيق التاريخ: يوم/شهر/سنة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=ar)
اعرض تنسيق التاريخ أسفل الحقل وأدرِج عبارة وصفية.
![ليس هناك تنسيق للتاريخ.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=ar)
قد يؤدي عدم عرض تنسيقات البيانات إلى إدخال البيانات بشكل غير صحيح.
![يظهر أسفل الحقل النصي "معدّل نبضات القلب" ما يعرضه تنسيق الإدخال: النطاق الطبيعي: من 60 إلى 100 نبضة في الدقيقة. أسفل حقل نص تشبّع الأكسجين في الدم، يعرض تنسيق الإدخال: النطاق الطبيعي: من 95% إلى 100%.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=ar)
عند إدخال النطاقات الطبية، يجب تقديم أمثلة عن النطاق الطبيعي. ويمكن أن يساعد ذلك المستخدمين في اكتشاف الأخطاء أو الأرقام التي تقع خارج النطاق.
حقول مطلوبة
تشير الحقول المطلوبة إلى أنّه يجب على المستخدم إكمال الحقل ويتم منعه من التقدم حتى يكتمل الحقل.
للإشارة إلى أنّ هناك حقلاً مطلوبًا، اعرض علامة النجمة (*) في نهاية عنوان السؤال. قم بتضمين "السؤال المطلوب" في حقل التعليمات لأنه ليس من الواضح للجميع ما تشير إليه علامة النجمة (*). إذا لم يكن هناك عنوان للسؤال، فعرض العلامة النجمية (*) في نص التسمية.
![علامة نجمية بعد عنوان السؤال والسؤال المطلوب في التعليمات أدناه.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=ar)
يجب أن توضّح أنّ الحقل مطلوب بجانب علامة النجمة (*) وأن تتضمّن تعليمات مكتوبة تشير إلى "سؤال مطلوب". ولا يعرف العديد منهم ما تعنيه علامة النجمة(*) وبالتالي يستفيدون من الشرح.
![علامة نجمية بعد عنوان السؤال بدون وصف مكتوب يشرح معنى علامة النجمة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=ar)
تجنَّب عرض علامة النجمة (*) فقط بدون أي وصف مكتوب لما تعنيه.
![يتم عرض العلامة النجمية بعد عنوان السؤال والسؤال الإلزامي في التعليمات أدناه.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=ar)
استخدِم العبارات الأكثر اعتيادًا على المستخدمين. مثال: قد تكون الكلمة "إلزامية" هي العبارة الأكثر شيوعًا ويتم استخدامها في بعض البلدان بدلاً من "مطلوبة".
![ليست هناك علامة نجمية. يتم عرض سؤال اختياري في التعليمات.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=ar)
إذا كانت معظم الأسئلة مطلوبة، يُرجى تحديد الأسئلة الاختيارية بدلاً من ذلك.
![علامة نجمية بعد نص التصنيف تم عرض السؤال المطلوب في حقل تنسيق الإدخال.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=ar)
في حال عدم توفُّر عنوان للسؤال، يمكنك عرض العلامة النجمية في نص التصنيف.
المساعدة
يتم عرض رمز المساعدة بجانب عنوان السؤال. عند النقر على الرمز، يظهر مربع معلومات مساعدة يحتوي على معلومات إضافية. يؤدي النقر فوق الأيقونة مرة أخرى إلى إغلاق مربع معلومات المساعدة.
هذا عبارة عن مكون اختياري. استخدمها فقط عندما تكون مفيدة لعرض معلومات إضافية لا يلزم أن تكون مرئية دائمًا.
![المساعدة: يُسمى أيضًا اللقاح الموسمي بتحصين الإنفلونزا.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=ar)
يمكنك الاستعانة بالمساعدة للحصول على المعلومات التي قد يحتاج المستخدمون الاطّلاع عليها مرة واحدة فقط أو تلك التي تقدّم معلومات إضافية.
![تعليمات: يُرجى اختيار إجابة واحدة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=ar)
تجنَّب إخفاء التعليمات داخل مربّع المساعدة والتي يجب أن تكون مرئية للجميع.
تسجيل البيانات
![ثمانية مكونات لتسجيل البيانات، وهي حقول نصية وأداة اختيار التاريخ والقائمة المنسدلة وشريط التمرير وخيار واحد وخيار منطقي والخيارات المتعدّدة والخيارات المفتوحة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=ar)
متى يجب استخدام أي مكون؟
نوع إدخال البيانات | اختيار منطقي | خيار واحد | خيارات متعددة | فتح الخيارات | قائمة منسدلة | أداة اختيار التاريخ | حقل نصي | شريط التمرير | إكمال تلقائي |
---|---|---|---|---|---|---|---|---|---|
اختَر "نعم" أو "لا". | |||||||||
تحديد خيار واحد | تحذير |
||||||||
تحديد خيارات متعددة | تحذير |
||||||||
النص | |||||||||
التواريخ | |||||||||
الأرقام | تحذير |
حقول نصية
تشير الحقول النصية إلى أنّه يمكن للمستخدمين إدخال المعلومات.
استخدِم الحقول النصية عندما يحتاج أحد المستخدمين إلى إدخال نص في الاستبيان، مثل الاسم أو رقم الهاتف أو العنوان. الحدّ من إدخال البيانات الذي يتطلب إدخال نص (لوحة المفاتيح) عند استخدام تحديد تمت تعبئته تلقائيًا (اختيار من متعدد أو اختيار واحد) بدلاً من ذلك.
تعرّف على مزيد من المعلومات حول الحقول النصية على material.io
![عنوان السؤال: تسجيل شخص جديد. حقل النص 1: الاسم. الحقل النصي 2: رقم الهاتف.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=ar)
يمكنك استخدام حقول نصية لإدخال البيانات التي تتطلّب كتابة كلمات أو أرقام فريدة.
![عنوان السؤال: سبب الزيارة؟ حقل النص: يُرجى وصف السبب.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=ar)
تجنَّب استخدام الردود النصية الحرة إذا أمكن ذلك عبر تحديد عدة اختيارات أو قائمة منسدلة أو اختيار فردي بدلاً من ذلك.
اختيار واحد واختيار منطقي
الخيار الفردي والخيار المنطقي هما عنصر تحكّم في التحديد يظهر كأزرار اختيار عندما يُطلب من المستخدمين تحديد خيار واحد من بين الخيارات.
استخدِم boolean choice عند وجود اختيار ثنائي "نعم" أو "لا". بخلاف ذلك، يمكنك استخدام المكوِّن الاختيار الفردي. إذا كان هناك أكثر من 10 خيارات تقريبًا في القائمة، استخدِم قائمة منسدلة بدلاً من خيار واحد. تكون القائمة المنسدلة أكثر كثافة وأسهل التنقل عندما يكون هناك العديد من الخيارات.
![عنوان السؤال: هل هذه هي زيارتهم الأولى؟ وتكون خيارات التحديد المنطقي
هي نعم ولا.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=ar)
يمكنك استخدام الاختيار المنطقي عندما يكون الخياران "نعم" و"لا".
![عنوان السؤال: ما أعلى مستوى تعليمي وصلت إليه؟
خيارات الاختيار الفردي هي: 1. لا يعرف 2. بلا تعليم
3- المدرسة الابتدائية 4. المدرسة الثانوية.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=ar)
يمكنك استخدام خيار واحد عندما يتمكّن المستخدمون من تحديد خيار واحد في القائمة.
![قائمة اختيار واحد تعرض قائمة طويلة جدًا من الولايات. تكون الحالات من 23 إلى 27 مرئية.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=ar)
تجنَّب الاختيار الفردي للقوائم الطويلة جدًا (أكثر من 10)، بل استخدِم القائمة المنسدلة بدلاً من ذلك.
أداة اختيار التاريخ
تسمح أداة اختيار التاريخ للمستخدمين بإدخال التواريخ من خلال أداة اختيار تاريخ التقويم ولوحة المفاتيح. يتم تفعيل منتقي تاريخ التقويم عند النقر على رمز التقويم.
لا يمكن استخدام منتقي تاريخ التقويم إلا للتواريخ القريبة من تاريخ اليوم، مثل آخر دورة حيض أو الزيارة التالية. أو قم بإعطاء الأولوية لإدخال لوحة المفاتيح لتواريخ مثل تاريخ الميلاد.
![تاريخ الميلاد. إدخال التاريخ على لوحة المفاتيح نشط. رمز التقويم على الجانب الأيسر من مربّع حقل النص تم وضع علامة في مربّع اختيار يشير إلى أنّ التاريخ
تقريبي.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=ar)
لإدخال التواريخ، فعِّل إدخالاً من خلال لوحة المفاتيح (النقر على مربّع النص) وأداة اختيار تاريخ التقويم (رمز النقر).
![عرض التقويم لأداة اختيار التاريخ](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=ar)
تجنَّب تفعيل أداة اختيار تاريخ التقويم كطريقة الإدخال الوحيدة لتواريخ الميلاد. يصعب التنقل إلى الشهر والسنة.
قائمة منسدلة
تسمح القوائم المنسدلة للمستخدمين بالاختيار من بين خيارات متعددة. عندما يبدأ المستخدم في الكتابة، يتم تصفية الخيارات بناءً على ما تم إدخاله. يمكن أن يساعد هذا المستخدمين في العثور بسرعة على الخيار الصحيح من قائمة كبيرة.
تعد القوائم المنسدلة بديلاً رائعًا للاختيار الفردي عندما تكون قائمة الخيارات طويلة جدًا (أكثر من 10 خيارات) لأنّها تشغل مساحة أقل.
![القائمة المنسدلة للولايات المدرَجة في قائمة الولاية من A إلى F.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=ar)
يمكنك استخدام قائمة منسدلة عند تحديد خيار واحد ضمن قائمة طويلة جدًا من الخيارات، مثل اختيار ولاية أو مدينة.
![قائمة منسدلة للعمر، تسرد الأرقام من واحد إلى ستة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=ar)
تجنَّب استخدام القائمة المنسدلة إذا كان من الأسهل كتابة المحتوى بدلاً من التنقّل بين كل الخيارات، مثل العمر.
خيارات متعددة
الاختيار من متعدد هو عنصر تحكم في التحديد يظهر كمربعات اختيار عندما يتمكن المستخدمون من إنشاء أقسام متعددة من قائمة الخيارات.
استخدِم الاختيار من متعدد عندما لا يمكن للمستخدمين الاختيار إلا من قائمة خيارات محدّدة مسبقًا. إذا كان بإمكان المستخدمين أيضًا إضافة ردودهم المجانية الخاصة، استخدِم مكوِّن اختيار فتح بدلاً من ذلك. في حقل instructions، اكتب "اختيار كل ما ينطبق" حتى يعرف المستخدمون أنه يمكنهم تحديد خيارات متعددة.
![عنوان السؤال: ما سبب زيارة اليوم؟ أربعة مربعات اختيار وخيارات معروضة، واحدًا في كل صف.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=ar)
يتم استخدام المظهر التلقائي كوعاء حول مربّعات الاختيار لتوضيح المنطقة القابلة للنقر.
![عنوان السؤال: ما سبب زيارة اليوم. تم عرض ستة مربعات اختيار وخيارات، واثنان منها في كل صف. يتم اقتطاع بعض النصوص لخيارَين.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=ar)
تجنَّب عرض خيارات متعددة في كل صف، لأنّ حجم شاشة الهاتف وحجم النص قد يؤدّي إلى اقتطاع.
فتح الخيارات
يشبه الاختيار المفتوح الاختيار من متعدد، لكنه يتيح للمستخدم إمكانية اختيار غير ذلك وكتابة نص حر.
استخدِم الخيار المفتوح عندما تكون هناك قائمة خيارات محدّدة مسبقًا، ولكن يمكن للمستخدمين أيضًا إضافة خيارات إضافية. استخدِم الخيار المفتوح عندما تكون معظم الخيارات معروفة، ولكنك تتوقّع أن يختار بعض المستخدمين غير ذلك لأنه لا ينطبق أي من الخيارات المقدَّمة.
![تم اختيار "غير ذلك". هناك حقل نصي لإضافة نص مجاني نشط.
لوحة المفاتيح مرئية.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=ar)
استخدِم هذه العبارة عندما يكون من المهم جمع بيانات دقيقة بدون انطباق أي من الخيارات المحدّدة مسبقًا. مثال: المهنة
![عنوان السؤال: هل هناك أي شيء آخر يمكن إضافته؟ ثلاثة خيارات: نعم ولا النوع وغير ذلك تم اختيار "غير ذلك". هناك حقل نصي لإضافة نص مجاني نشط.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=ar)
تجنَّب استخدامها إذا كانت معظم الردود تتطلّب اختيار غير ذلك. في هذه الحالة، استخدم حقلاً نصيًا أو حقل فقرة بدلاً من ذلك.
شريط التمرير
تسمح أشرطة التمرير للمستخدمين بالاختيار من بين مجموعة من القيم. شريط التمرير في Android FHIR SDK هو شريط تمرير منفصل يسمح شريط التمرير المنفصل للمستخدمين بتحديد قيمة معينة من نطاق محدد مسبقًا. يمكن استخدام علامات التجزئة للإشارة إلى القيم المتاحة. تجنب استخدام شريط التمرير لإدخال البيانات الرقمية. يمكنك بدلاً من ذلك استخدام حقل نصي أو قائمة منسدلة.
مزيد من المعلومات حول أشرطة التمرير على material.io
![عنوان السؤال: كم عدد الأطفال لدى العميل؟ تم اختيار شريط تمرير
يتضمّن الرقم أربعة.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=ar)
تجنَّب استخدام شريط التمرير لقيم معيّنة عندما يكون النطاق كبيرًا. استخدِم حقولاً نصية مع إدخالات لوحة المفاتيح بدلاً من ذلك.
التحقق من صحة البيانات والأخطاء
التحقق من صحة البيانات
تقيد عمليات التحقق من صحة البيانات نوع البيانات أو القيم التي يمكن إدخالها في حقل نصي. يمكن أن يؤدي التحقق من صحة البيانات إلى تحسين جودة البيانات التي تم جمعها.
استخدِم الحقل EntryFormat لعرض قيود التنسيق أو القيمة. اعرض رسائل خطأ التحقق من صحة البيانات المفيدة المضمّنة وعلى الفور حتى يتمكن المستخدمون من إصلاح الخطأ.
![نص التصنيف: رقم الهاتف. تنسيق الإدخال: 8 أرقام.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=ar)
يمكنك عرض قيود التحقق من صحة البيانات مقدمًا حتى يعرف المستخدمون كيفية إدخال البيانات.
![نص التصنيف: رقم الهاتف. تنسيق الإدخال: لا شيء.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=ar)
في حال عدم عرض عدد الأرقام المطلوبة لرقم الهاتف، من المرجَّح أن يواجه المستخدمون خطأً وسيستغرق إكماله وقتًا أطول.
![التاريخ الذي تم إدخاله هو 22/33/4444. رسالة الخطأ: تنسيق التاريخ غير صحيح. ويجب أن يكون التنسيق بالتنسيق التالي: dd/mm/yyyy.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=ar)
يمكنك عرض الأخطاء المهمة للتحقّق من صحة البيانات مباشرةً بعد إكمال الحقل. تحلّ رسائل الخطأ محلّ نص تنسيق الإدخال الحالي.
![مربّع حوار أصلِح الأخطاء التالية. 1- رقم الهاتف 2. تاريخ الميلاد.
الزر 1: إرسال على أي حال. الزر 2: إصلاح الأخطاء.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=ar)
لا تنتظر حتى يضغط المستخدم على "إرسال" لعرض أخطاء التحقق من الصحة لأول مرة.
الأخطاء
تعمل رسائل الخطأ على تنبيه المستخدمين عند حدوث خطأ ما وتوضح كيفية إصلاح المشكلة.
استخدم اللون والأيقنة والنص لتوصيل الأخطاء.
مزيد من المعلومات حول رسائل الخطأ على material.io
![رسالة الخطأ هي "السؤال مطلوب. حدد واحدًا."](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=ar)
يُرجى توضيح سبب حدوث خطأ (سؤال مطلوب) والإجراءات التي يمكن اتخاذها لإصلاحه (يُرجى اختيار أحد الأسئلة.)
![رسالة الخطأ هي "خطأ".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=ar)
تظهر رسالة خطأ تشير إلى كلمة "خطأ" فقط، ولن تساعد المستخدمين في معرفة كيفية إصلاح الخطأ.
![تاريخ الميلاد. التاريخ الذي تم إدخاله هو 22/33/4444. رسالة الخطأ هي تنسيق تاريخ غير صحيح. يجب أن يكون التنسيق بالتنسيق التالي: dd/mm/yyyy.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=ar)
مثال: "تنسيق التاريخ غير صحيح. يجب أن يكون التنسيق dd/mm/yyyy".
![تاريخ الميلاد. التاريخ الذي تم إدخاله هو 22/33/4444. تظهر رسالة الخطأ "لقد
أدخلت تنسيق تاريخ غير صحيح".](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=ar)
تجنَّب إلقاء اللوم على المستخدم من خلال عرض رسائل خطأ تتضمّن كلمة "أنت"، على سبيل المثال: "لقد أدخلت تنسيقًا غير صحيح للتاريخ".
![رسالة خطأ يظهر عليها رمز أمام نص باللون الأحمر يعرض الرسالة "سؤال مطلوب". حدد خيارًا واحدًا أو أكثر". وتحتوي حاويات مربّعات الاختيار على
مخطط أحمر.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=ar)
استخدِم الألوان والأيقنة والنص لإعلام المستخدمين بحدوث خطأ.
![ما مِن رسالة خطأ أو رمز. تتضمّن حاويات مربّعات الاختيار مخططًا أحمر اللون، وهو المؤشر الوحيد على حدوث خطأ.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=ar)
لمساعدة حالات العجز البصري الشائعة، مثل عمى الألوان الأحمر والأخضر، تجنَّب الاعتماد فقط على الألوان للإشارة إلى الخطأ.
![تتضمن حاويات مربّعات الاختيار مخططًا أحمر ورمزًا واحدًا للخطأ يظهر خلف كل حاوية. تظهر 3 رموز.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=ar)
يكفي غالبًا استخدام رمز واحد. لا تبالغ في استخدام الرموز لإيصال الخطأ.