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

الشغل العملي هو محور البرنامج. المشاركون بيستخدموا أدوات زي Sketch وFigma وAdobe XD عشان يعدّوا من أساسيات الطباعة ونظرية الألوان والتخطيط لحد بناء إطارات تخطيطية (Wireframes) ونماذج أولية تفاعلية، وبعدين يكيّفوا التصاميم دي للموبايل والتابلت وسطح المكتب من خلال تقنيات التصميم المتجاوب زي الشبكات المرنة والصور القابلة للتحجيم.

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

الفئة المستهدفة

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

أهداف البرنامج

في نهاية الدورة، هيقدر المشاركون:

• يطبّقوا مبادئ UI الأساسية — الطباعة، نظرية الألوان، التخطيط، والتسلسل الهرمي البصري — باستخدام Sketch وFigma وAdobe XD.
• يبنوا إطارات تخطيطية ونماذج أولية تفاعلية تحوّل الأفكار لواجهات قابلة للاختبار.
• يصمموا بشكل متجاوب يخلي الواجهة شغالة كويس على الموبايل والتابلت وسطح المكتب.
• يجروا اختبارات قابلية الاستخدام ويصمموا لإمكانية الوصول، بما فيها احتياجات المستخدمين من ذوي الاحتياجات الخاصة.
• يتعاونوا مع المطورين عشان يوصلوا التصميم لنسخة نهائية بدون أي خلل.
• يتابعوا اتجاهات UI الحديثة ويحوّلوها لواجهات عصرية تركز على المستخدم.

المحور الأول: التعامل العملي مع أدوات تصميم UI

• نظرة عامة على أهم أدوات التصميم: Sketch وFigma وAdobe XD.
• جلسات تطبيقية لبناء عناصر وتخطيطات UI أساسية.
• طرق العمل التعاوني في التصميم باستخدام الأدوات السحابية.

المحور الثاني: إيه اللي بيخلي الواجهة شغالة كويس

• إيه هو تصميم UI وليه مهم لتجربة المستخدم (UX).
• العناصر الأساسية: الطباعة، الألوان، الأزرار، الأيقونات، والتخطيطات.

المحور الثالث: المبادئ اللي بتحافظ على اتساق التصميم

• الاتساق والبساطة كأساس للتصميم.
• بناء أنظمة تنقل بديهية.
• التسلسل الهرمي البصري والمحاذاة.

المحور الرابع: من المخطط الهيكلي للنموذج التفاعلي

• دور المخططات الهيكلية (Wireframes) في تشكيل الواجهة قبل التطوير.
• إنشاء نماذج تفاعلية لاختبار الأفكار بدري.
• أدوات النمذجة الأولية وإزاي بتندمج في سير العمل.

المحور الخامس: التصميم لكل شاشة

• التصميم للموبايل والتابلت وسطح المكتب من نظام واحد.
• مبادئ التصميم المتجاوب ونقاط التوقف.
• الشبكات المرنة والصور القابلة للتحجيم في التطبيق العملي.

المحور السادس: اختبار قابلية الاستخدام وإمكانية الوصول

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

المحور السابع: العمل مع المطورين ومتابعة الجديد

• تسليم ملفات التصميم والمواصفات بشكل يقدر المطور يشتغل بيه مباشرة.
• دمج التصميم في سير عملية التطوير بسلاسة.
• متابعة اتجاهات UI الحديثة، بما فيها تقنيات ناشئة زي الواقع المعزز والافتراضي والواجهات الصوتية، وتطبيق أفضل ممارسات الصناعة.