ملخص تصميم البيانات — أولى ثانوي

مقدمة

الوحدة السادسة: تصميم المعلومات — الموضوع 6-10

في المطار، يجد المسافر من أي بلد طريقه إلى دورة المياه أو بوابة السفر دون أن يقرأ كلمة واحدة؛ لأن رموزًا مصممة بعناية تخبره بما يحتاج. هذا مثال على تصميم البيانات: فن ترتيب المعلومات وعرضها بحيث تصل الرسالة بسرعة ووضوح إلى من يحتاجها.

أهداف التعلم

أن تعرّف تصميم البيانات وتذكر طرقه.
أن تستخدم مبدأ LATCH لتنظيم المعلومات.
أن تفرق بين واجهة سطر الأوامر وواجهة المستخدم الرسومية.
أن تشرح مفاهيم تجربة المستخدم وقابلية الاستخدام وإمكانية الوصول والتصميم الشامل.

شرح الدرس

ما تصميم البيانات؟

تصميم البيانات (Information design) تنظيم البيانات والتعبير عنها بطريقة إبداعية حسب الغرض، حتى تصل الرسالة المقصودة بشكل صحيح إلى الجمهور المستهدف.

طرق تصميم البيانات

التجريد (Abstraction): استخلاص الجوهر المهم ونقله ببساطة من بين كمية كبيرة من البيانات، مثل خريطة المترو التي تُظهر المحطات وترتيبها وتُهمل المسافات الحقيقية والشوارع.
الرسم التصويري (Pictogram): رمز مصور ينقل المعلومة دون كلمات، ويُستخدم في علامات المحطات والمطارات.
الأيقونة (Icon): صورة صغيرة تمثل برنامجًا أو وظيفة على الحاسوب أو الهاتف، مثل أيقونة سلة المهملات.
التصور (Visualization): تمثيل البيانات بصريًّا لتسهيل فهمها، مثل الجداول والرسوم البيانية.
الهيكلة (Structuring): تنظيم البيانات وترتيبها حسب العلاقات والمستويات والمراحل، مثل القوائم الهرمية في مواقع الويب وخرائط المتاجر الكبيرة.

مبدأ LATCH لتنظيم المعلومات

الحرف	الأساس	مثال
L – Location	الموقع الفعلي	خريطة أقسام متجر
A – Alphabet	الترتيب الأبجدي	فهرس القاموس ودليل الهاتف
T – Time	الزمن وتسلسل الأحداث	جدول الحصص والخط الزمني التاريخي
C – Category	الفئة والاختلاف بين الأشياء	تقسيم الكتب في المكتبة حسب المادة
H – Hierarchy	الهرمية والتغير الكمي (الحجم، الدرجة)	ترتيب الطلاب حسب مجموع الدرجات

تقنيات التصميم لسهولة الفهم

واجهة المستخدم (UI): نظام لنقل البيانات بين الإنسان والجهاز، مثل الإدخال الصوتي والشاشة اللمسية ولوحة المفاتيح. ومن أنواعها:
- واجهة سطر الأوامر (CUI): تشغيل الجهاز بكتابة أوامر بلوحة المفاتيح.
- واجهة المستخدم الرسومية (GUI): تشغيل الجهاز بطريقة بديهية سهلة باستخدام الرموز والأزرار.
تجربة المستخدم (UX): الخبرة والأثر الشعوري الذي يكتسبه المستخدم من تعامله مع منتج أو خدمة.
الإمكانية (Affordance): الأفعال التي يمكن تنفيذها على شيء ما؛ فالمقبض “يمكن” سحبه، والزر “يمكن” ضغطه.
الدلالة (Signifier): إشارة تدفع المستخدم إلى فعل معين، مثل كلمة “اسحب” على الباب أو سهم يشير إلى مكان الضغط.
قابلية الاستخدام (Usability): مقياس لسهولة استخدام الشيء وفهمه.
إمكانية الوصول (Accessibility): سهولة وصول مجموعة واسعة من الناس، ومنهم ذوو الإعاقة، إلى البيانات والخدمات.
التصميم الشامل (Universal design): تصميم مدروس يستطيع جميع الناس استخدامه بلا صعوبة، بغض النظر عن العمر أو اللغة أو الجنسية أو القدرة الجسدية، مثل المنحدر بجوار السلالم والأبواب التي تفتح تلقائيًّا.

أمثلة وتطبيقات

تجريد: خريطة مترو القاهرة تُظهر الخطوط بألوان والمحطات بنقاط، دون تفاصيل الشوارع، لأن الراكب يحتاج ترتيب المحطات فقط.
LATCH: قائمة طلاب الفصل يمكن ترتيبها أبجديًّا (A) لأخذ الحضور، أو حسب الدرجات (H) لإعلان المتفوقين.
GUI مقابل CUI: فتح ملف بالنقر المزدوج على أيقونته (GUI)، أو بكتابة أمر مثل open file.txt (CUI).
إمكانية الوصول: إضافة نص بديل للصور في موقع الويب حتى يقرأه برنامج قراءة الشاشة للمكفوفين.

ملاحظات مهمة

الفرق بين الإمكانية والدلالة: الإمكانية هي ما يمكن فعله فعلًا، والدلالة هي العلامة التي تخبرك بذلك.
إمكانية الوصول والتصميم الشامل متقاربان؛ لكن التصميم الشامل يستهدف الجميع منذ البداية، لا فئة معينة فقط.
التصور لا يعني الزخرفة؛ الهدف أن تصبح البيانات أسهل فهمًا لا أجمل شكلًا فقط.

المفاهيم الأساسية

تصميم البيانات: تنظيم البيانات والتعبير عنها لتصل الرسالة للجمهور بوضوح.
طرقه: التجريد، الرسم التصويري، الأيقونة، التصور، الهيكلة.
LATCH: الموقع، الأبجدية، الزمن، الفئة، الهرمية.
UI (CUI وGUI)، UX، الإمكانية، الدلالة، قابلية الاستخدام، إمكانية الوصول، التصميم الشامل.

ملخص الدرس

يهدف تصميم البيانات إلى إيصال المعلومة بسرعة ووضوح، بالتجريد والرموز المصورة والأيقونات والرسوم البيانية والهيكلة، ويساعد مبدأ LATCH على اختيار طريقة التنظيم المناسبة. وتهتم تقنيات التصميم بسهولة التعامل بين الإنسان والجهاز وتجربته الشعورية، وبأن تكون الخدمات متاحة ومفهومة لجميع الناس.

أسئلة للتدريب

عرّف تصميم البيانات، واذكر ثلاثًا من طرقه.
ما الفرق بين الرسم التصويري والأيقونة؟
اقترح طريقتين من مبدأ LATCH لتنظيم قائمة كتب مكتبة المدرسة.
قارن بين واجهة سطر الأوامر وواجهة المستخدم الرسومية.
اذكر مثالين على التصميم الشامل في مدرستك أو مدينتك.