نُطقي — تدقيق التصميم (تصفّح معمّق في Figma)

المصدر: Figma — Nutqi · الصفحات التي جرى تصفّحها: design system، ui screens (صفحة website جرى تجاهلها عمدًا بناءً على تعليمات مالك المنتج).

نُطقي منصّة ثنائية اللغة (العربية أولًا باتجاه من اليمين إلى اليسار، والإنجليزية لغة ثانية) لعلاج اضطرابات النطق، تربط أسر الأطفال ذوي اضطرابات النطق والتواصل بالأخصائيين ومراكز العلاج، مع تشغيل كامل للعيادة (الحجوزات، الخطط العلاجية، المقاييس، الموارد البشرية، المدفوعات).

الصفحات#

الأدوار والبوابات الموجودة في ui screens#

1. التسجيل (القسم Registration، العقدة 215-3649)
2. ولي الأمر / المريض — بوابة ولي الأمر والمريض عن نفسه (العقدة 1241-27676، 36160×16000)
3. الاخصائي — بوابة الأخصائي المستقل (العقدة 909-25744، 32299×25664 — الأكبر)
4. المركز - المالك (العقدة 1264-27677)
5. المركز - المدير (العقدة 1920-30118، نسخة مطابقة لبوابة المالك)
6. المركز - السكرتارية (العقدة 1929-155611، نطاق مُختصَر)
7. المركز - الاخصائي (العقدة 1552-19445، مزايا الأخصائي + العرض الذاتي لملف الموظف في الموارد البشرية)

مكوّنات مشتركة سائبة في الصفحة: القائمة الجانبية (نسخة المريض ونسخة ولي الأمر)، تأكيد تسجيل الخروج، نوافذ تأكيد الحذف (مسح / إلغاء)، نافذة إعادة تسمية (إعادة تسمية)، زر التأكيد، مجموعة رسومات الممرضة بأسلوب الخطوط، لافتة بسم الله الرحمن الرحيم.

1. مسارات التسجيل#

الإطارات: تسجيل الدخول، كلمة سر خطأ (حالة خطأ الدخول)، مجموعة مكوّنات إنشاء الحساب ×4 نسخ، تأكيد البريد و رقم التلفون، إدخال الرمز التأكيدي OTP، إدخال كلمة سر جديدة.

• تسجيل الدخول (1440×797): الحقول — الاسم (بأيقونة شخص؛ راجع الفجوة G02)، كلمة السر مع زر إظهار على شكل عين، مربع اختيار حفظ كلمة السر، رابط هل نسيت كلمة السر؟، زر الإجراء الرئيسي تسجيل الدخول، فاصل أو، الدخول عبر جوجل (تسجيل عن طريق جوجل)، رابط إنشاء حساب. تخطيط منقسم مع رسم توضيحي لعلاج أسري.
• خطأ تسجيل الدخول: إطار أحمر حول حقل كلمة السر + رسالة كلمة السر خطأ بأيقونة تحذير.
• إنشاء الحساب (1440×1390، مجموعة مكوّنات، 4 أنواع حسابات كمفاتيح على هيئة أقراص):
  • شخصي (مريض عن نفسه) · ولي أمر · دكتور أو أخصائي (له قائمة منسدلة فرعية لاختيار اللقب) · مركز
  • النموذج نفسه لكل النسخ (سجل البيانات): الاسم الأول، اسم العائلة، البريد الإلكتروني، الهاتف، كلمة السر، تأكيد كلمة السر، النوع (ذكر/أنثى مع صور رمزية)، تاريخ الميلاد (يوم/شهر/سنة)، زر الإجراء الرئيسي إنشاء الحساب، بديل جوجل، رابط تسجيل دخول. (راجع الفجوة G03 — المركز لا يحصل على أي حقول مؤسسية.)
• تأكيد البريد و رقم التلفون (1440×604): نص توضيحي «يرجى إدخال البريد الالكتروني و رقم التليفون لإرسال الرقم التأكيدي OTP»، حقلا البريد والهاتف، تأكيد.
• الرمز التأكيدي (1440×674): 4 مربعات أرقام، عدّاد تنازلي 00:59، رابط إعادة الإرسال؟، تأكيد. الرسم التوضيحي يعرض رمز تأكيد عبر رسالة نصية.
• كلمة سر جديدة (1440×674): كلمة السر الجديدة + تأكيد كلمة السر الجديدة + تأكيد. «يرجى إدخال كلمة سر قوية وحفظها».

2. بوابة ولي الأمر / المريض#

القائمة الجانبية: الإحصائيات · الملف الشخصي · الاعدادات · قائمة الحجوزات · البرامج و المقاييس · عمليات الدفع. الشريط العلوي: أزرار دائرية للملف الشخصي والإشعارات والمحادثة + بحث شامل.

الشاشات المؤكَّدة:

• نافذة الترحيب (مرحباً بك في Nutqi 👋): تحثّ على استكمال الملف الشخصي للطفل؛ تخطي + زر الإجراء الرئيسي؛ تعلو صفحة الملف الشخصي.
• الملف الشخصي — مفتاحان رئيسيان معلومات الطفل | معلومات ولي الامر، وتبويبات الطفل: معلومات شخصية (الصورة، الاسم الأول واسم العائلة، الاسم الكامل بالعربية، الاسم الكامل بالإنجليزية، تاريخ الميلاد، الرقم القومي، النوع، تأكيد)، التشخيص (اختياري: زر ملئ الاستمارة ← استمارة تشخيص من 3 صفحات)، الأوراق الرسمية والمرفقات (رفع المستندات اضافة صورة أو ملف؛ الفيديوهات مع إرشاد بتسجيل مقطع تعريفي قصير يتكلم فيه الطفل). توجد نسخ للمريض عن نفسه (مريض - الشخصي) وللطفل الثاني (معلومات الطفل 2).
• استمارة التشخيص (التشخيص سؤال و إجابة، نافذة 600×806، 3 صفحات): السؤال الأول سبب التسجيل في نطقي (مربعات اختيار: تأخر في الكلام، لا يتكلم نهائياً، كلام غير مفهوم)، السؤال الثاني متى لاحظت المشكلة (أزرار اختيار: منذ الولادة، أقل من سنتين، أكثر من سنتين، بعد مرض/موقف معين)، السؤال الثالث تطور الطفل الحركي (صفوف نعم/لا: جلس/مشى في عمر طبيعي؟ ضعف حركة؟)، ترقيم الصفحات ١/٣.
• الاعدادات — التبويبات: كلمة السر (الحالية/الجديدة/التأكيد)، اللغات (اختر اللغة + حدد المستوى + إضافة لغة)، الاشعارات (مربعات اختيار للقنوات مع حقول تحقق: البريد الالكتروني، الواتساب، التليجرام).
• قائمة الحجوزات — المرشِّحات (نوع الحجز، نوع البحث، بحث)، الجدول: # / صورة / الاسم / التخصص (تخاطب، توحد) / تاريخ الحجز / وقت الحجز / نوع الحجز (شارات online/offline) / العنوان (طنطا، ٦ أكتوبر، التجمع، حلوان) / الحالة (معلق، انتظار، تأجيل، تم)، ترقيم الصفحات، التصدير: «تقدر تحمل الملف عن طريق Excel / PDF».
• البرامج و المقاييس — بحث؛ وشبكتا بطاقات: الخطط (الخطط العلاجية) والمقاييس؛ كل بطاقة = صورة مصغّرة للمستند + الخطة العلاجية رقم (n) + التاريخ + شارة الحالة لم يتم/تم.
  • خطة لم يُجَب عنها (الخطط اللي لسة مجاوبش عنها، 1440×3650): مُصيّر استمارة كامل — حقول نصية، أزرار اختيار، مربعات اختيار، تقييم بالنجوم، مقياس ليكرت 1-5، جداول مصفوفة (صفوف × الأول/الثاني/الثالث)، نسبة مئوية، تاريخ، رفع ملف؛ وسوم مطلوب؛ شارة جديد.
  • خطة مُجاب عنها (الخطط المجاب عنها، 1440×3179): مقدّمة البرنامج الأول + قائمة أسئلة وأجوبة للقراءة فقط مع وسم نوع الإجابة (جملة قصيرة، فقرة طويلة …).
• عمليات الدفع — جسم الإطار فارغ في التصميم (القائمة الجانبية والشريط العلوي فقط). راجع الفجوة G01.
• الملف العام للأخصائي (كما يراه ولي الأمر؛ 6 تبويبات): نظرة عامة (تحليلات: رسم مساحي، دائرتان مجوّفتان، شارات إحصائية، أعمدة أعلى البرامج) · بيانات الأخصائي (التعليم و الدورات: بطاقة الشهادة جامعة القاهرة/تخاطب/التواريخ + شهادة التخرج بصيغة PNG؛ التدريبات؛ الفيديوهات كبطاقات مقاطع) · العيادات (بطاقات العيادات: عيادة طنطا/حلوان — شارات الأيام، الساعات، العنوان، خريطة مضمّنة، زر الإجراء الرئيسي حجز كشف) · جدول الحجوزات (جدول الجلسات: الاسم/اليوم/تاريخ/الميعاد/المدة 30د-2س/نوع الجلسة تخاطب-تنمية مهارة-تواصل بصري/نوع الحجز online-offline/العنوان/السعر 130-500ج + زر حجز ميعاد) · البرامج (شبكة مستندات الخطط و المقاييس) · التقييمات (بطاقات التقييمات و آراء العملاء + مرشِّح اليوم). العمود الجانبي الأيمن: بطاقة الملف الشخصي (الاسم، تخاطب أخصائي، نسبة التقييم 5.0★، عدد الجلسات 120/500، بيانات التواصل هاتف/بريد).
• نافذة الحجز (حجز ميعاد، 600×769): الاسم، العنوان (قائمة منسدلة للعيادات بأيقونة دبوس)، التاريخ، المواعيد المتاحة كشبكة مربعات اختيار بنصف ساعة من 00:00 إلى 07:30، إلغاء/تأكيد. (راجع الفجوة G04.)

3. بوابة الأخصائي المستقل#

القائمة الجانبية: الإحصائيات · الملف الشخصي · الاعدادات · قائمة الحجوزات · مواعيد العمل · البرامج · الوظائف · عمليات الدفع · التقييمات · الحالات الخاصة.

• الإحصائيات (الصفحة الرئيسية) — بوابة التفعيل: حلقة إكمال (5%) «مرحباً بك في صفحتك الشخصية — يرجى إكمال باقي البيانات لتفعيل الملف الشخصي»؛ مرشِّح المدة (الكل/سنه/شهر/أسبوع/اليوم)؛ بطاقات إحصائية متوسط عدد الحالات اليومية، عدد كل الحالات، الأرباح (جنيه مصري) وكلٌّ منها يحمل شارة مُعلق قبل التفعيل؛ أكورديون نصائح مهمة (كيف تنجح على المنصّة)؛ معلومات عن حسابك الشخصي: فيديو التفعيل (2:00)، أكورديونات الأسئلة الشائعة، التواصل (هاتف 199797، الدردشة، التواصل عبر Nutqi.com).
• الملف الشخصي — التبويبات معلومات شخصية (الأسماء بالعربية والإنجليزية، الرقم القومي، تاريخ الميلاد، الهاتف، البريد الإلكتروني، النوع، المسمى الوظيفي أخصائي/دكتور، العنوان المحافظة/المدينة/المنطقة) · معلومات العمل (إضافة معلومات عمل: بطاقات تضم اللقب، المركز، المحافظة، المدينة، التخصص أطفال، التخصص الفرعي تخاطب - علاج طبيعي، التواريخ، سعر الحجز 420ج، المهارات؛ تعديل/حذف؛ ونموذج الإضافة يضم أيضًا مدخلات الشهادة الجامعية، التدريب أو الدورة) · الأوراق الرسمية والمرفقات (المرفقات قبل/بعد).
• الاعدادات — التبويبات: الحجوزات (هل انت متاح للعمل حاليا؟ مفتاح متاح للعمل؛ مربعات اختيار الحجوزات: الحجز offline، الحجز online، استشارة) · كلمة السر · اللغات · الاشعارات · قائمة الحظر.
• مواعيد العمل — التقويم (تقويم العمل) + المواعيد؛ النوافذ: إضافة ميعاد عمل، إضافة أيام، إضافة أيام الراحة.
• قائمة الحجوزات — الجدول نفسه الخاص بولي الأمر مضافًا إليه عمودا السعر والجلسة.
• ملفات المرضى (بروفايل المريض): نظرة عامة · الجلسات (جلسات كل مريض + الحالة) · الخطة العلاجية (الخطط المُسندة) · النسب المهمة (نسب الخطة كنسب تقدّم + اليومية قبل/بعد التسجيل) · التقييمات المهمة (تقييمات الخطة).
• الحالات الخاصة — مرضى خاصون يُضافون يدويًا: ملف حالة خاصة جديد (سبب الحاله)، بروفايل الحالة الخاصة (نظرة عامة، الجلسات، المرفقات قبل/بعد التسجيل)، خطة الحالة الخاصة 1–4 + ضبط خطة الحالة الخاصة، الملاحظات للحالة الخاصة، إضافة بيانات/ميعاد الجلسة للحالة الخاصة، إضافة تقييم تقدم الحالة، إضافة نسبة تقدم الجلسة.
• مُنشئ الخطط والبرامج — ضبط البرنامج، البرامج (الخطة العلاجية و المقاييس)، الخطة العلاجية سؤال فقط (+ نسخ تعديل)، نتيجة البرامج اسئلة و اجابة (+ تعديل)، نتيجة البرامج و المقاييس (النتائج)، نموذج الحجوزات - بروفايل الطفل - البرامج.
• عمليات الدفع — مُصمَّمة داخل صفحة نظام التصميم: الرئيسية (المحفظة: الإجمالي الحالي 2,110 جنية مصري، المسحوب 2,000) + المعاملات (صفوف سجل السحب: «تم سحب مبلغ 2,000 من المحفظة و المتبقي 2,500 جنية مصري» + التاريخ والوقت).
• التقييمات — التبويبات تقييمات عامة / تقييم الجلسات: بطاقات تضم المُقيِّم، الدور (ولي أمر/تخاطب)، التاريخ، تقييم ★، اقتباس، وإجراءات تعليق + احبنه.
• الوظائف — بطاقات الوظائف المتقدَّم إليها: اسم المركز مستشفى الأمل التخصصي، المسمى الوظيفي أخصائي تخاطب، التاريخ؛ وشارات الحالة تم القبول (فيروزي) / مُعلق (ساعة حمراء) / تم الرفض (داكن). (راجع الفجوة G08 — لا توجد شاشة تصفّح.)
• نوافذ مساعدة: مسح ×4، إعادة تسمية، الملاحظات، تعديل الإذن، تعديل الغياب، تعديل الساعات الاضافية، تعديل الجزاءات، إضافة خصم (مشتركة مع الموارد البشرية في المركز).

4. بوابات المراكز#

المالك والمدير — شبه متطابقين#

المجموعات: لوحة الاحصائيات · إدارة الملف (ملف المركز) · المرضى (الملفات، الحجوزات، نتائج الخطط — نمط الملف نفسه المستخدَم لدى الأخصائي) · الموظفين (إدارة الطاقم) · جدول المواعيد/الجلسات + الطلبات (طلبات مع تأكيد أوافق/غير أوافق، ونوافذ تأكيد رفض) · البرامج/الخطط/النتائج/ضبط (محرّك الخطط) · الاعدادات (تبويبات متعددة) · حزمة الموارد البشرية: تسجيل الحضور و الانصراف للموظف، الحضور، الغياب، أيام الراحة، الأيام الاضافية، الساعات الإضافية، الأذونات، الجزاءات (+ إضافة خصم)، الطلبات (طلبات الموظفين)، متابعة الموظف · الوظائف: قائمة + نشر فرصة توظيف (نموذج نشر الوظيفة: قائمة المسمى الوظيفي، القسم، الراتب المخصص، تاريخ النشر، قائمة الفرع، وصف الوظيفة، المتطلبات، المهام الرئيسية، المزايا؛ الإجراءات نشر الوظيفة الآن / إلغاء / حفظ كمسودة).

السكرتارية#

نطاق مُختصَر: الاحصائيات · الملف الشخصي · المرضى (الحجوزات/الملفات/نتائج الخطط) · جدول المواعيد · الاعدادات · حضور الموظف نفسه (الحضور والانصراف).

أخصائي المركز#

مجموعة مزايا الأخصائي (المرضى، الخطط، الحجوزات، التقييمات) إضافةً إلى الخدمة الذاتية للموارد البشرية للموظف: تسجيل الحضور و الانصراف، الساعات الإضافية، الأيام الاضافية، الغياب، الأذونات، الجزاءات، الطلبات، متابعة.

5. صفحة نظام التصميم#

• الألوان: Color Shades Kits — Fayrouz (الفيروزي الأساسي) #0BB7B4 بتدرّج من 50 إلى 950؛ blue #1C64F2 بتدرّج من 50 إلى 950. قائمة الأنماط: text color، border color، dashboard (خلفية شبه بيضاء بمسحة فيروزية)، gradiant، wrong color (أحمر الخطأ)، blue، Fayrouz. أنماط التأثير: dashboard effect، 22. أدلة التخطيط: dashboard grid، web.
• الطباعة: خط عربي عريض مستدير للعناوين (على غرار Baloo Bhaijaan 2)؛ وخط نصّي عربي أبسط للمتن. المقابلات الإنجليزية مطلوبة (راجع القرار D-07).
• أوراق المكوّنات: components المريض، components المركز، components الاخصائي، Icons (مجموعات متعددة: bx:like، uiw:like-o، mingcute:emoji-line، mage:music-fill، Interface/Tag، Edit/Pencil، crop/shape/screenshot/pencil/anticlockwise-line، Interface essential/Star…)، الصور والرسوم التوضيحية، أوراق عمليات الدفع (الرئيسية + المعاملات)، أوراق التقييمات (تقييمات عامة + تقييم الجلسات 1)، اضافة عمل حالي، عمليات الدفع - المعاملات.
• الأنماط المتكرّرة: هيكل لوحة تحكم بعرض 1440 بكسل باتجاه من اليمين إلى اليسار (شريط جانبي يمين يحمل الشعار وعنصرًا نشطًا على هيئة قرص؛ وشريط علوي بأزرار دائرية على اليسار وبحث في المنتصف)، بطاقات بحدود فيروزية بنصف قطر 10 بكسل، شارات حالة (بخلفيات هادئة)، مجموعات تبويبات على هيئة أقراص، جداول بصفوف بلا تظليل متناوب ورأس هادئ، حقول إدخال بأيقونة لاحقة (باتجاه من اليمين إلى اليسار)، أزرار رئيسية بلون Fayrouz-500 ونص أبيض، أزرار ثانوية محدَّدة الحدود، نوافذ بزر إغلاق (×) في الركن الأيسر، وشاشات مصادقة غنية بالرسوم التوضيحية.

فهرس الإطارات ← node-id (المُلتقَط)#