TAZKER

مشروع UI/UX تصميم تطبيق تذكير الأدوية لكبار السن (TAZKER)

1. ملخص المشروع:

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

2. الأدوات المستخدمة:

- Figma: لتصميم الواجهات (High-Fidelity Wireframes) وإنشاء الـ Prototype.

- Canva: لتصميم الشعار (Logo) .

3. الألوان المعتمدة (Color Palette):

الألوان الأساسية:

- #4A90E2 (أزرق فاتح): للأزرار الرئيسية والتنقل والإجراءات المهمة.

- #50E3C2 (أخضر نعناعي): لحالات النجاح (تم تناول الدواء) والرسائل الإيجابية.

- #F5A623 (برتقالي دافئ): للتنبيهات المتوسطة (تأجيل الجرعة، أيام ناقصة).

- #FF6B6B (أحمر ناعم): للتحذيرات والحذف والأيام الفائتة.

ألوان النصوص والخلفيات:

- #2C3E50 (رمادي غامق مائل للأزرق): للعناوين والنصوص الأكثر أهمية.

- #4A5568 (رمادي متوسط): للنصوص العادية (الجرعات، الأوقات).

- #718096 (رمادي فاتح): للتسميات والملاحظات والنصوص المساعدة.

- #FFFFFF (أبيض نقي) و #F8F9FA (أبيض مائل للرمادي): للخلفيات والتباين.

4. الشعار (Logo):

- تم تصميم شعار باسم "TAZKER / تذكير الدواء" باستخدام Canva.

5. شاشات التطبيق المصممة (App Screens):

أ. شاشة اختيار اللغة (Language Selection):

- خياران: العربية / English.

- اللغة المختارة تظهر بخلفية زرقاء (#2C3E50) ونص أبيض.

ب. الشاشة الرئيسية (Dashboard):

- ترحيب باسم المستخدم (#2C3E50).

- ملخص اليوم: عدد الأدوية المتناولة من إجمالي الأدوية.

- الموعد القادم: اسم الدواء والوقت.

- جدول اليوم: عرض الأدوية مع أوقاتها وجرعاتها.

- زر إضافة دواء جديد (#4A90E2) في أسفل الشاشة.

ج. إضافة دواء جديد (Add Medicine):

- حقول: اسم الدواء، الجرعة (قائمة منسدلة)، الوقت (قائمة منسدلة)، التكرار (يومياً / أيام محددة / شهرياً)، ملاحظات.

- ألوان الحقول: تسميات (#718096)، نصوص الإدخال (#2C3E50).

- زر الحفظ: #4A90E2.

د. تفاصيل الدواء (Medicine Details):

- عرض اسم الدواء والجرعة والوقت والتكرار.

- سجل التناول .

- أزرار: تعديل حذف (#2C3E50).

هـ. شاشة التذكير (Reminder Notification):

- تظهر عند موعد الدواء.

- تحتوي على: اسم الدواء، الجرعة، وزرين: "اخذ" (#2C3E50) و "تأجيل" (#2C3E50).

و. التقرير الأسبوعي (Weekly Report):

- رسم بياني دائري (Pie Chart) أو شريطي (Bar Chart).

- الألوان: أخضر (#50E3C2) للجرعات المتناولة في وقتها، برتقالي (#F5A623) للجرعات المؤجلة، أحمر (#FF6B6B) للجرعات الفائتة.

- عرض نسبة الالتزام الأسبوعية (مثلاً 85%) بلون #50E3C2.

- تفاصيل الأيام مع رموز .

7. تدفق المستخدم (User Flow):

- المستخدم الجديد: شاشة رئيسية فارغة ←اختيار اللغة ← إضافة دواء ← حفظ ← العودة للرئيسية بزر الاغلاق.

- التذكير اليومي: إشعار ← فتح التطبيق ← اختيار "اخذ" أو "تأجيل" ← تحديث الحالة.

- التقرير الأسبوعي: من الرئيسية ← الضغط على أيقونة التقرير ← عرض التحليل ← العودة.

- تعديل/حذف دواء: الضغط على بطاقة الدواء ← تفاصيل ← تعديل أو حذف ← تأكيد.

8. معايير إتاحة لكبار السن (Accessibility for Seniors):

- حجم الخط: العناوين 30PX، النصوص العادية 15-20px.

- أزرار بارتفاع وعرض مناسب.

- تباين ألوان عالي (جميع المجموعات تحقق نسبة 4.5:1 على الأقل وفق WCAG).

- أيقونات كبيرة وواضحة إلى جانب النصوص.

- تجنب الإيماءات المعقدة (الاعتماد على الضغط فقط).

9. المخرجات المطلوبة من المصمم (ما سيتم تسليمه):

- ملف Figma كامل يحتوي على جميع الشاشات والأيقونات والنصوص.

- نظام تصميم (Design System) يحتوي على الألوان، أنماط النصوص، ومكونات الأزرار.

- تصدير الأيقونات والصور (PNG/SVG) جاهزة للتطوير.

- ملف يحتوي على شرح التصميم والألوان والخطوط.

10. ملاحظات إضافية:

- التصميم متوافق مع iPhone 14 (390×844 بكسل) مع مراعاة التوسع لأحجام أخرى.

- تم اختيار الأسماء والوظائف بعناية لتناسب الثقافة العربية والعالمية (دعم ثنائي اللغة).

- المشروع جاهز للعرض على ال be ومنصة مستقل كعمل احترافي.

تمت كتابة هذا الوصف بناءً على متطلبات المشروع الأصلية: تصميم UI/UX لتطبيق تذكير الأدوية لكبار السن باستخدام ألوان محددة (#4A90E2, #50E3C2, #F5A623, #FF6B6B، إلخ) وأزرار واضحة وتقارير تحليلية.