أساسيات واجهة المستخدم
دروس معسكر ترميز للتصميم
4 دروس عملية في تصميم واجهات المستخدم، من أول Wireframe لين اختبار التصميم مع مستخدمين وكتابة دراسة الحالة. نشتغل في Figma خطوة بخطوة: نظام بصري، وحالات الواجهة، ونموذج تفاعلي.
الدروس من معسكر ترميز للتصميم، برنامج «مدخل إلى تصميم واجهات وتجربة المستخدم UI/UX» مع جمعية ترميز التقنية. قدّمت أول 4 أيام (البحث وتجربة المستخدم) زهراء.
وش قالوا
من 52 تقييم بعد آخر جلسة
- 4.7من 5
- التقييم العام للمعسكر
- 4.6من 5
- وضوح الشرح في أيامي
- قرابة90%
- ينصحون غيرهم بالمعسكر
«أنا كطالبة طب، تخصصي جدًا بعيد عن هذا المجال، فكوني وصلت ولله الحمد للمستوى إني أصمم واجهات وأفهم الأساسيات… شي سعيدة جدًا فيه»
همسة «شكرًا نذير لأنك كنت زي أخونا الكبير»
ريم «التطبيق العملي رائع جدًا وواضح رغم إنه عملي وأونلاين، بس كان ممتع جدًا»
فلوة «شرح واضح، صبر عالي، وفعلًا يبغى يفيد الطالب»
من تقييمات المتدربين «حتى تعليقاته على شغلنا كانت جيدة ومحفزة جدًا»
من تقييمات المتدربين «أنا أول مرة أبدأ بهذا المجال، واستفدت منه فعلًا وحمسني أكمل»
من تقييمات المتدربين
رسم أول Wireframe من مسار المستخدم
اليوم 5 في المعسكر
نحوّل نتائج البحث إلى شاشات: مراحل دقة التصميم، وتشريح شاشات حقيقية من موبايلي باي، والتسلسل البصري والواجهة العربية، وأول خطوات Figma، ورسم Wireframe، وترتيب العناصر بـAuto Layout.
الشرائح
للقراءة أكثر
بناء نظام بصري في Figma خطوة بخطوة
اليوم 6 في المعسكر
نستلهم بدون نسخ، ونبني نظام صغير: طبقات نظام التصميم، وتشريح الزر والحقل والبطاقة، واختيار الخط، وVariables، والمكوّنات، وأنماط النص، وكيف يساعدك الذكاء الاصطناعي في إكمال النظام.
الشرائح
للقراءة أكثر
ربط الشاشات في Figma وتصميم حالات الواجهة
اليوم 7 في المعسكر
كل واجهة لازم ترد على المستخدم: التغذية الراجعة، وكتابة نصوص الواجهة، والحالة الفاضية وحالة الخطأ، واكتشاف الحالات الناقصة بالذكاء الاصطناعي، وعناصر التنقل، وربط الشاشات بـPrototype.
الشرائح
للقراءة أكثر
كيف تختبر تصميمك وتكتب دراسة حالة
اليوم 8 في المعسكر
كيف تتأكد إن تصميمك يشتغل مع المستخدم: اختبار قابلية الاستخدام، وليش 5 مستخدمين يكفون، وتقييم خطورة المشاكل، واختبار حي لنموذجين، وكتابة دراسة الحالة، وعرض مشروعين من المعسكر.
