التصميم: عملية تصميم النماذج والتقارير
تغطي هذه الوحدة عملية تصميم النماذج والتقارير، إرشادات التنسيق، ومبادئ قابلية الاستخدام في تحليل وتصميم النظم.
Design: Forms and Reports Design Process
This module covers the process of designing forms and reports, formatting guidelines, and usability principles in system analysis and design.
أهداف التعلم
- فهم عملية تصميم النماذج والتقارير.
- تطبيق الإرشادات لتصميم النماذج والتقارير.
- القدرة على تقييم قابلية الاستخدام للنماذج والتقارير.
- فهم إرشادات تصميم النماذج والتقارير للأنظمة القائمة على الإنترنت.
- Understand the process of designing forms and reports.
- Apply guidelines for designing forms and reports.
- Able to assess the usability of forms and reports.
- Understand guidelines for designing forms and reports for Internet-based systems.
1 النماذج مقابل التقارير
1 Forms vs. Reports
النموذج يطلب منك إدخال بيانات، بينما التقرير يعرض لك بيانات للقراءة فقط.
A form asks you to input data, while a report displays data for you to read.
النموذج (Form) هو مستند أعمال يحتوي على بعض البيانات المحددة مسبقاً وغالباً ما يتضمن مساحات لتعبئة بيانات إضافية (مثل: نموذج طلب منتج، طلب توظيف). التقرير (Report) هو مستند أعمال يحتوي فقط على بيانات محددة مسبقاً؛ وهو مستند سلبي يُستخدم فقط للقراءة أو العرض (مثل: الفاتورة، ملخصات المبيعات).
A form is a business document that contains some predefined data and often includes areas where additional data are to be filled in (e.g., product order form, employment application). A report is a business document that contains only predefined data; it is a passive document used solely for reading or viewing (e.g., Invoice, sales summaries).
يتم تحديد المدخلات والمخرجات خلال مرحلة هيكلة المتطلبات. في مرحلة التحليل، لا نهتم بالمظهر الدقيق، بل نركز على تحديد النماذج والتقارير المطلوبة. التصميم يحول هذه المعلومات إلى تصميم متماسك.
Inputs and outputs are identified during requirements structuring. During analysis, we are not concerned with the precise appearance; instead, we focus on which forms and reports are needed. Design transforms this gathered information into a coherent design.
| Forms | Reports | |
|---|---|---|
| الهدف الأساسيPrimary Purpose | إدخال البيانات وعرضهاData entry and display | القراءة والعرض فقط (سلبي)Reading and viewing only (passive) |
| المحتوىContent | بيانات محددة مسبقاً + مساحات فارغة للتعبئةPredefined data + blank areas to fill | بيانات محددة مسبقاً فقطPredefined data only |
هل تعتبر صفحة نتائج محرك البحث نموذجاً أم تقريراً؟ Is a search engine results page considered a form or a report?
تعتبر تقريراً (Ad-hoc Report) لأنها تعرض بيانات محددة مسبقاً بناءً على استعلام، وهي للقراءة فقط، رغم أن شريط البحث نفسه يعتبر نموذجاً.
It is considered a report (specifically an Ad-hoc Report) because it displays predefined data based on a query for reading, although the search bar itself is a form.
2 أنواع تقارير الأعمال
2 Types of Business Reports
تتنوع التقارير بين المجدولة الروتينية، والمخصصة للحالات الطارئة، وتقارير الاستثناءات للمشاكل.
Reports range from routine scheduled ones to ad-hoc for emergencies, and exception reports for issues.
هناك خمسة أنواع شائعة: 1. التقارير المجدولة (Scheduled): تُنتج في فترات محددة (يومياً، أسبوعياً). 2. تقارير المؤشرات الرئيسية (Key-Indicator): توفر ملخصاً للمعلومات الحرجة بشكل متكرر. 3. تقارير الاستثناءات (Exception): تبرز البيانات الخارجة عن النطاق التشغيلي الطبيعي. 4. التقارير التفصيلية (Drill-Down): توفر تفاصيل خلف القيم الملخصة. 5. التقارير المخصصة (Ad-hoc): طلبات معلومات غير مخططة لدعم قرارات غير روتينية.
There are five common types: 1. Scheduled Reports: Produced at predefined intervals (daily, weekly). 2. Key-Indicator Reports: Provide a summary of critical information on a recurring basis. 3. Exception Reports: Highlight data out of the normal operating range. 4. Drill-Down Reports: Provide details behind summary values. 5. Ad-hoc Reports: Unplanned information requests to support nonroutine decisions.
تصميم هذه التقارير يتطلب فهماً عميقاً لاحتياجات الإدارة. تقارير الاستثناءات تقلل من العبء المعرفي بتوجيه الانتباه للمشاكل فقط، بينما التقارير التفصيلية تدعم التحليل التفاعلي في أنظمة دعم القرار.
Designing these requires deep understanding of management needs. Exception reports reduce cognitive load by directing attention only to issues, while drill-down reports support interactive analysis in Decision Support Systems (DSS).
أي نوع من التقارير سيطلبه مدير المبيعات لمعرفة سبب انخفاض المبيعات في منطقة معينة فجأة؟ Which type of report would a sales manager request to find out why sales in a specific region suddenly dropped?
سيطلب تقريراً مخصصاً (Ad-hoc) للتحقيق في المشكلة، ثم قد يستخدم تقارير تفصيلية (Drill-Down) للتعمق في البيانات.
They would request an Ad-hoc report to investigate the specific issue, and likely use Drill-Down reports to dig into the underlying data.
3 عملية التصميم والمواصفات
3 Design Process and Specifications
التصميم هو عملية تكرارية ترتكز على المستخدم، تبدأ بجمع المتطلبات وتنتهي بنموذج أولي معتمد.
Design is an iterative, user-centered process starting with requirements and ending with an accepted prototype.
التصميم المرتكز على المستخدم (User-centered design) يتطلب فهم الجمهور المستهدف، مهامهم، احتياجاتهم، ومستويات خبرتهم. الخطوة 1: جمع المتطلبات الأولية. الخطوة 2: بناء نموذج أولي (Prototype) ومراجعته مع المستخدمين في دورة (بناء - تقييم - تحسين) حتى يتم قبوله. مواصفات التصميم (Design specifications) هي المخرجات الرئيسية لمرحلة التنفيذ وتتكون من: 1. نظرة عامة سردية (Narrative overview). 2. تصميم العينة (Sample design). 3. تقييم الاختبار وقابلية الاستخدام (Testing and usability assessment).
User-centered design requires understanding the target audience, tasks, information needs, and experience levels. Step 1: Collect initial requirements. Step 2: Structure into an initial prototype, ask users to review, and repeat the construction–evaluate–refinement cycle until accepted. Design specifications are the major deliverables to implementation, consisting of: 1. Narrative overview (users, tasks, environment). 2. Sample design. 3. Testing and usability assessment.
النهج التكراري يقلل من مخاطر رفض النظام من قبل المستخدمين النهائيين. النظرة العامة السردية تضع السياق للمطورين، مما يضمن أن العوامل البيئية (مثل الإضاءة أو الضوضاء) تؤخذ في الاعتبار أثناء البرمجة.
The iterative approach mitigates the risk of system rejection by end-users. The narrative overview provides context for developers, ensuring environmental factors (like lighting or noise) are considered during coding.
لماذا يتم تضمين 'العوامل البيئية' في النظرة العامة السردية؟ Why are 'environmental factors' included in the narrative overview?
لأن بيئة العمل (مثل مصنع صاخب أو شاشة تحت أشعة الشمس) تؤثر بشكل كبير على كيفية تصميم الواجهة (مثل حجم الخط، التباين، أو التنبيهات الصوتية).
Because the work environment (e.g., a noisy factory or a screen in direct sunlight) drastically affects how the interface should be designed (e.g., font size, contrast, or audio alerts).
4 إرشادات التنسيق وإبراز المعلومات
4 Formatting Guidelines and Highlighting
التنسيق الجيد يوازن الشاشة، ويستخدم العناوين الواضحة، ويبرز المعلومات المهمة بحذر.
Good formatting balances the screen, uses clear titles, and highlights important info carefully.
تشمل الإرشادات العامة: عناوين ذات معنى (واضحة، تاريخ المراجعة)، معلومات ذات معنى (عرض ما يلزم فقط)، توازن التخطيط (هوامش مناسبة، مسافات)، ونظام تنقل سهل. لـإبراز المعلومات، يمكن استخدام: الوميض، الألوان، كثافة الخط، الحجم، الصناديق (Boxing)، التسطير. استخدام الألوان له فوائد (يريح العين، يبرز التحذيرات) ومشاكل (عمى الألوان، دقة الشاشات، مشاكل الطباعة). بالنسبة للنصوص: استخدم حالة أحرف مختلطة، مسافات مزدوجة أو أسطر فارغة بين الفقرات، محاذاة لليسار (للغة الإنجليزية)، وتجنب الكلمات المقطوعة (Hyphenation).
General guidelines include: Meaningful Titles (clear, revision date), Meaningful Information (only needed info), Balance the Layout (spacing, margins), and Easy Navigation. Highlighting methods: Blinking, color, intensity, size, boxing, underlining. Using Color has benefits (soothes eye, draws attention to warnings) and problems (color blindness, resolution/fidelity degradation, printing issues). Text guidelines: Mixed case, double spacing/blank lines, left-justify, no hyphenation, and widely understood abbreviations.
الإفراط في استخدام أدوات الإبراز (مثل الوميض والألوان الصارخة) يؤدي إلى تشتت الانتباه (Visual Clutter). يجب أن يكون الإبراز وظيفياً وليس تجميلياً فقط، مع مراعاة إمكانية الوصول (Accessibility) مثل توفير بدائل للألوان للمصابين بعمى الألوان.
Overusing highlighting (like blinking and loud colors) leads to visual clutter. Highlighting must be functional, not just cosmetic, keeping accessibility in mind (e.g., providing non-color cues for color-blind users).
لماذا يُنصح بتجنب استخدام الأحرف الكبيرة (All Caps) في النصوص الطويلة؟ Why is it recommended to avoid using All Caps for long texts?
لأن الأحرف المختلطة (Mixed case) أسهل وأسرع في القراءة، حيث يعتمد الدماغ على أشكال الكلمات للتعرف عليها، والأحرف الكبيرة تجعل كل الكلمات تبدو كمستطيلات متطابقة.
Because mixed case is easier and faster to read. The brain relies on word shapes for recognition, and all caps make all words look like identical rectangles.
5 الجداول مقابل الرسوم البيانية
5 Tables versus Graphs
استخدم الجداول للقيم الدقيقة، والرسوم البيانية للاتجاهات والملخصات السريعة.
Use tables for exact values, and graphs for trends and quick summaries.
استخدم الجداول (Tables) لقراءة قيم بيانات فردية دقيقة. استخدم الرسوم البيانية (Graphs) لتقديم ملخص سريع، اكتشاف الاتجاهات بمرور الوقت، مقارنة الأنماط، التنبؤ، وعرض كميات هائلة من المعلومات. إرشادات الجداول: تسميات ذات معنى، فرز منطقي، سطر فارغ كل 5 صفوف، مسافتان بين الأعمدة. البيانات الرقمية (Numeric) يجب محاذاتها لليمين (Right-justify) ومحاذاتها حسب الفاصلة العشرية. البيانات النصية (Textual) تحاذى لليسار (Left-justify). البيانات الأبجدية الرقمية الطويلة يجب تقسيمها لمجموعات صغيرة (3-4 أحرف).
Use Tables for reading individual data values. Use Graphs for providing a quick summary, detecting trends over time, comparing patterns, forecasting, and reporting vast amounts of info. Table guidelines: Meaningful labels, logical sorting, blank line every 5 rows, two spaces between columns. Numeric data should be right-justified and aligned by decimal points. Textual data should be left-justified. Long alphanumeric sequences should be broken into small groups (3-4 characters).
محاذاة الأرقام لليمين تسمح للمستخدم بمقارنة القيم من خلال طول الرقم (عدد الخانات)، مما يسرع المعالجة المعرفية. تقسيم النصوص الطويلة (مثل أرقام الهواتف أو بطاقات الائتمان) يقلل من أخطاء الإدخال والقراءة (Chunking principle).
Right-justifying numbers allows users to compare magnitudes by the length of the number, speeding up cognitive processing. Breaking long strings (like phone or credit card numbers) reduces reading and entry errors (Chunking principle).
| Tables | Graphs | |
|---|---|---|
| أفضل استخدام لـBest used for | قراءة قيم بيانات فردية دقيقةReading individual data values | اكتشاف الاتجاهات، التنبؤ، الملخصات السريعةDetecting trends, forecasting, quick summaries |
كيف يجب تنسيق عمود يحتوي على أرقام الهواتف في جدول؟ How should a column containing phone numbers be formatted in a table?
يجب تقسيمها إلى مجموعات صغيرة (مثلاً 3-4 أرقام مفصولة بمسافة أو شرطة) لتسهيل قراءتها.
It should be broken into small groups (e.g., 3-4 characters separated by spaces or dashes) to make it easier to read.
6 قابلية الاستخدام (Usability)
6 Usability
قابلية الاستخدام هي تقييم لمدى مساعدة النظام للمستخدم في أداء مهامه بسرعة ودقة ورضا.
Usability evaluates how well a system helps a user perform tasks with speed, accuracy, and satisfaction.
قابلية الاستخدام هي الهدف الرئيسي عند تصميم التفاعلات. خصائصها: 1. السرعة (إنجاز المهام بكفاءة). 2. الدقة (توفير ما هو متوقع). 3. الرضا (إعجاب المستخدم بالنظام). عوامل النجاح: الاتساق (Consistency)، الكفاءة، الفهم، التنسيق، والمرونة. مقاييس قابلية الاستخدام (بدلاً من مصطلح 'سهل الاستخدام' الغامض): قابلية التعلم (Learnability)، الكفاءة، معدل الخطأ، قابلية التذكر (Memorability)، والرضا والجماليات. طرق التقييم: الملاحظة، المقابلات، التقاط ضغطات المفاتيح، والاستبيانات.
Usability is the main objective when designing interactions. Characteristics: 1. Speed (complete tasks efficiently). 2. Accuracy (provide expected results). 3. Satisfaction (user likes the system). Success factors: Consistency, efficiency, understandability, format, flexibility. Measures of Usability (replacing the vague 'user-friendly'): Learnability, Efficiency, Error rate, Memorability, Satisfaction and aesthetics. Assessment methods: Observation, Interviews, Keystroke capturing, Questionnaires.
تصميم النماذج والتقارير يتأثر بخصائص المستخدم (الخبرة، المهارات)، المهمة (ضغط الوقت، تكلفة الأخطاء)، النظام (المنصة والأجهزة)، والبيئة (الإضاءة، الصوت، الانقطاعات). التقاط ضغطات المفاتيح يوفر بيانات كمية دقيقة عن الكفاءة والأخطاء، بينما تقيس الاستبيانات الرضا النوعي.
Design is influenced by User (experience), Task (time pressure, error cost), System (platform), and Environment (lighting, interruptions). Keystroke capturing provides precise quantitative data on efficiency and errors, while questionnaires measure qualitative satisfaction.
لماذا يعتبر مصطلح 'سهل الاستخدام' (User-friendly) غير كافٍ في هندسة البرمجيات؟ Why is the term 'User-friendly' considered insufficient in software engineering?
لأنه مصطلح غامض ويعني أشياء مختلفة لأشخاص مختلفين. بدلاً من ذلك، نستخدم مقاييس دقيقة مثل قابلية التعلم، معدل الخطأ، والكفاءة.
Because it is too vague and means different things to different people. Instead, precise measures like learnability, error rate, and efficiency are used.