طاولة
يمكنك استخدام جدول لعرض البيانات الثابتة للمستخدمين بتنسيق يمكن مسحه بسهولة.
يُرجى العِلم بأنّ المستخدمين يمكنهم فقط الاطّلاع على المعلومات في الجدول (وليس التفاعل معها). وإذا كنت تريد أن يتفاعل المستخدمون، يمكنك استخدام قائمة بدلاً من ذلك.
مثال
إليك مثال على الشكل الذي يظهر به الجدول.
المتطلبات
يتيح هذا المكوّن المرئي حاليًا التخصيص.
| اسم الحقل | مطلوبة أم لا؟ | القيود/التخصيصات |
|---|---|---|
| عنوان الجدول | لا |
مجموعة خطوط ولون قابل للتخصيص سطر واحد كحد أقصى (سيتم اقتطاع الأحرف الإضافية). يتم تصغير ارتفاع البطاقة إذا لم يتم تحديد عنوان. |
| العنوان الفرعي | لا |
نص عادي. الخط الثابت واللون والحجم سطر واحد كحد أقصى (سيتم اقتطاع الأحرف الإضافية). لن يتم عرض المحتوى بدون عنوان. يتم تصغير ارتفاع البطاقة إذا لم يتم تحديد أي عنوان فرعي. |
| الصورة في المقدّمة | لا |
شكل صورة قابل للتخصيص (الزوايا الدائرية أو الزوايا). |
| خلفية البطاقة | لا |
صورة أو لون قابل للتخصيص |
| رأس العمود | نعم |
نص عادي. الخط الثابت واللون والحجم محاذاة النص القابلة للتخصيص للعنوان والمحتوى (يسارًا أو يمينًا أو توسيطًا). تحديد أولويات الأعمدة القابلة للتخصيص (أول 3 مضمونة لعرضها). لا يتجاوز عدد الأحرف المسموح به، ولكن يمكن اقتطاع الأسطح الأصغر حجمًا بدلاً من الالتفاف. |
| محتوى الصف | نعم |
نص عادي. الخط الثابت واللون والحجم تحديد أولويات الصفوف القابلة للتخصيص (أول 3 مضمونة لعرضها). 20 حرفًا بحدٍ أقصى (سيتم اقتطاع الأحرف الإضافية). |
| رابط الإجراء | لا |
يُسمح بإضافة رابط واحد. لون رابط قابل للتخصيص. |
التفاعل
- لا تحتوي بطاقة الجدول على أي تفاعل بدون رابط اتخاذ إجراء، فهي تقدم المعلومات فقط.
- مع إضافة رابط الإجراء، يمكن للمستخدمين النقر عليه لعرض محتوى الويب أو الانتقال إلى مربع الحوار.
الإرشادات
تم تحسين الجداول لعرض البيانات الجدولية (على سبيل المثال، ترتيبات الرياضة أو نتائج الانتخابات أو رحلات الطيران). استهدف ثلاثة أو خمسة أعمدة، وسيتم عرض ثلاثة على الأقل بناءً على حجم الشاشة. لذلك، عليك إعطاء الأولوية للمعلومات الأكثر صلة في أول ثلاثة أعمدة وصفوف.
استخدِم الجداول لنقل معلومات ثابتة لا تحتاج إلى شرح كافٍ. ويجب أن تكون هذه المعلومات واضحة وسهلة الفهم، ما يمنع ظهور جدول بيانات مزدحم. لذا، تأكّد من أنّ بياناتك مصنّفة بشكل واضح ومختصر. والهدف من ذلك هو توفير معلومات وليس من أجل مساعدة المستخدمين في الاختيار (لهذا السبب، استخدم قائمة).
يجب أن تكون البيانات موجزة وموجّهة وسهلة الفهم.
من المهم للغاية تحقيق التوازن الصحيح بين التفاصيل والوضوح. قدِّم تفاصيل كافية للمستخدم حتى تتمكّن من التمييز بين عناصر الجدول، ولكن ليس بقدر كبير من الإزعاج.
الإجراءات التي يُنصح بها
لتحسين إمكانية العرض، يجب تضمين المعلومات المفيدة فقط في جدولك. إذا كان لديك أعمدة إضافية مع تفاصيل مفيدة، عليك إعطاء الأولوية للمعلومات الأكثر أهمية حتى يتم عرضها على جميع مساحات العرض.
لا تفعل ذلك.
إنّ عدم توفّر بعض التفاصيل في هذا الجدول يجعل من الصعب تحديد الفريق الذي فاز في كل مباراة، ويتم وضع المعلومات غير الأساسية (رقم اللعبة) في المقدمة، مع إخفاء التفاصيل المفيدة مثل عمود "الربح/الخسارة" وأسماء الفرق المتنافسة.
احتفظ بقلب الرسالة في رسائل المطالبة.
حتى عندما تقدّم العناصر المرئية أفضل إجابة، تأكّد من أنّ الإشعارات لا تزال تلبي طلب المستخدم مباشرةً وابدأ المحادثة.
الإجراءات التي يُنصح بها
يجب أن توجِّه رسائل المطالبة 1) الإجابة عن سؤال المستخدم و2) تشجيع المحادثة على طرح سؤال.
لا تفعل ذلك.
لا تفترض أنّ المستخدم لديه إذن الوصول الفوري إلى الشاشة، بل يجب أن تقدِّم رسائل المطالبة إجابة مباشرةً عن سؤال المستخدم. علاوةً على ذلك، وبدون سؤال، تُرسِل التوجيهات هنا دورًا في دفع التفاعل إلى الأمام.