تصميم UI UX لتطبيق مدد

وثيقة نطاق عمل – تصميم تجربة المستخدم UI UX لتطبيق "مدد"

معلومات عامة:

اسم التطبيق: مدد

نوع التطبيق: تطبيق إسلامي للقراءة والمشاركة

المنصة: Android و iOS

الهدف: تصميم واجهات مستخدم وتجربة استخدام (UI/UX) لتطبيق "مدد"، تشمل الشاشات الأساسية، سهولة التصفح، وجمالية التصميم بما يتناسب مع الطابع الإسلامي البسيط والحديث.

الهدف من التطبيق:

بناء منصة رقمية متكاملة لكتب الأذكار، الأوراد، والمولد النبوي، تمكّن المستخدم من:

تصفح الكتب والقراءة بسهولة.

إضافة علامات مرجعية واستكمال القراءة لاحقًا.

مشاركة محتوى ديني (مثل: الخلفيات، الحكم، الأشعار) عبر WhatsApp ووسائل التواصل الاجتماعي.

المطلوب من المصمم:

أولاً: مخرجات العمل

تصميم تدفق تجربة المستخدم (UX Flow).

تصميم واجهات المستخدم لجميع الشاشات المطلوبة (UI Screens).

تسليم العمل عبر منصة Figma.

تصدير نسخة جاهزة للمطورين (Developer Handoff).

استخدام خطوط عربية مناسبة (مثل GE SS Two، Cairo، Tajawal).

تسليم ملفات المصدر مفتوحة بالكامل (Source Files).

ثانياً: الشاشات المطلوبة

? الشاشات الأساسية:

شاشة البداية (Splash Screen)

عرض الشعار مع تأثير بصري أولي جذاب يعكس هوية التطبيق.

الصفحة الرئيسية للتطبيق (Home)

الواجهة الأساسية للمستخدم، تُصمَّم بأسلوب أرفف الكتب (Bookshelf Style) لتسهيل التصفح وجذب المستخدم.

مكونات الصفحة:

قسم "تمت قراءته مؤخرًا" (Recently Opened Books):

يظهر في أعلى الصفحة، ويحتوي على الكتب التي قام المستخدم بفتحها مؤخرًا، ليسهّل عليه استئناف القراءة بسرعة.

مختارات من كتب المولد النبوي:

يُعرض في رف خاص مجموعة مختارة من كتب المولد (مثل المولد البرزنجي، المولد العثماني)، يتم تغييرها دوريًا لتشجيع التصفح والقراءة.

مختارات من كتب الأذكار والأوراد:

رف آخر يحتوي على مجموعة من الكتب المختارة من فئة الأذكار، مثل أوراد الصباح والمساء، الأدعية اليومية، وغيرها.

قسم البطاقات والحكم والأمثال:

في أسفل الصفحة، تُعرض نماذج من البطاقات الإسلامية التي تحتوي على:

حكم وأمثال إسلامية

أبيات شعرية روحانية

أدعية قصيرة وجميلة

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

ملاحظات تصميمية:

عرض الكتب والبطاقات على شكل بطاقات (Cards) جمالية.

التنقل العمودي السلس (Smooth Scrolling).

دعم الوضع الليلي (Dark Mode).

صفحة التصنيفات (Categories Page)

تمكن المستخدم من استعراض الكتب حسب التصنيف.

المكونات:

شريط تبويبات علوي (Tabs):

كتب المولد النبوي

كتب الأذكار والأوراد

داخل كل تبويب:

عرض الكتب بأسلوب الأرفف أو الشبكة.

قسم خاص "تمت قراءته مؤخرًا" في الأعلى.

شريط بحث علوي.

ملاحظات تصميمية:

انتقال سلس بين التبويبات.

غلاف الكتاب + عنوانه في كل بطاقة.

ألوان هادئة – دعم الوضع الليلي.

صفحة تفاصيل الكتاب

عرض محتوى الكتاب (صفحات قابلة للتمرير).

فهرس قابل للتنقل (Table of Contents).

إمكانية استكمال القراءة من آخر صفحة.

زر "إضافة علامة مرجعية".

زر مشاركة

زر وضع علامة مفضلة

صفحة العلامات المرجعية (Bookmarks)

عرض جميع العلامات مع إمكانية حذفها.

صفحة الإعدادات (Settings):

سلايد أعلى الصفحة دعوة لمشاركة التطبيق

الوضع الليلي

روابط لتطبيقات أخرى

سياسة الخصوصية / الشروط

حول التطبيق

تواصل معانا

تقييم التطبيق

شارك التطبيق

تقييم التطبيق

صفحة البطاقات الإسلامية (Islamic Cards Page) :

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

بطاقات مصممة بعناية تحتوي على:

حكم وأمثال إسلامية

أدعية مختارة

أبيات شعر وخواطر روحانية

خلفيات ذات طابع ديني وجمالي

المشاركة:

يمكن مشاركة أي بطاقة مباشرة عبر:

واتساب

تيليجرام

تويتر

أو حفظها في الاستوديو

عند المشاركة، يظهر رابط تحميل التطبيق تلقائيًا أسفل البطاقة (بشكل أنيق وغير مزعج)، لتشجيع نشر التطبيق.

إدارة المحتوى:

يتم التحكم الكامل في البطاقات عبر لوحة الإدارة، مع إمكانية إضافة بطاقات جديدة وتحديد تصنيفاتها.

صفحة الاشتراك لإزالة الإعلانات

توضح المزايا الإضافية (مثل: إزالة الإعلانات، استكمال القراءة، العلامات المرجعية...).

شاشة عرض الإعلان (Ad Placeholder)

تصميم موضع احترافي للإعلانات دون إزعاج.

ثالثاً: أسلوب التصميم المطلوب

طابع إسلامي حديث وأنيق

ألوان هادئة ومريحة للعين (حسب الوان الشعار مع تحديد جدول الالوان الاساسية والفرعية)

أيقونات بسيطة وواضحة

دعم الوضع الليلي

تجربة استخدام مرنة وسلسة، تركز على القراءة

رابعاً: معايير التصميم

تصميم متجاوب يتناسب مع مختلف أحجام الشاشات.

التركيز على سهولة الاستخدام والوصول للمحتوى.

استخدام مكونات UI قابلة للتطبيق على Flutter.

خامساً: المدة الزمنية والتسليم

المدة المتوقعة: 7 – 10 أيام عمل بعد بدء المشروع.

تسليم العمل يكون على مرحلتين:

تدفق تجربة المستخدم (User Flow)

تصميم واجهات التطبيق بالكامل

سادساً: ملاحظات إضافية

يرجى الاطلاع على تطبيقات إسلامية مشابهة للاستحياء مثل:

تطبيق منطوق

تطبيق Fajr App

المصحف المدرسي

مؤلفات الشيخ ابن عثيمين

جامع الكتب التسع

يجب أن يكون التصميم جاهزًا للتسليم للمطور فورًا بعد الاعتماد.

سابعاً: مرونة التنفيذ وإبداع المصمم

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

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

ثامناً: شروط مقدم العرض

لضمان تنفيذ المشروع بأعلى جودة، يُشترط في مقدم العرض ما يلي:

خبرة مثبتة في تصميم واجهات المستخدم وتجربة المستخدم (UI/UX)، ويفضل من سبق له العمل على تطبيقات دينية أو ثقافية أو تعليمية.

معرض أعمال احترافي (Portfolio) يحتوي على نماذج فعلية لتصاميم تطبيقات سابقة (يُفضل روابط Figma أو Behance أو Dribbble).

إتقان العمل على Figma مع القدرة على تسليم ملفات منظمة ومهيأة للمطورين (Developer Ready).

القدرة على تصميم واجهات باللغة العربية بدقة، واختيار خطوط مناسبة تدعم اللغة العربية وتُراعي جماليات العرض.

الالتزام بالمدة الزمنية المحددة (7 – 10 أيام) والتواصل المستمر خلال مراحل التنفيذ.

الاستعداد لإجراء تعديلات معقولة وفق التغذية الراجعة من الطرف المسؤول عن المشروع.

المحافظة على سرية الفكرة وعدم مشاركتها مع أي طرف ثالث.

ملاحظة: سيتم إعطاء أولوية لمن يُظهر فهماً عميقًا لفكرة التطبيق ويقترح تحسينات أو إضافات ذات قيمة على نطاق العمل المبدئي.

نهاية العرض