سعدنا بتقديم دورة في مجال UI/UX لطلاب وطالبات #كلية_الجبيل الصناعية و #معهد_الجبيل_التقني حيث تضمنت الدورة على العديد من المفاهيم والمحاور التصميمية الهامة بمجال تجربة وواجهة المستخدم.
نتقدم بالشكر للإدارة العامة للتعليم
@Edu_RCjubail
ونادي الحاسب على الاستضافة والتنظيم
من نحن؟
نحن في ستديو وصلة نصنع من أفكارك واقعُ مُحقَّق بحيث يسعى فريقنا المحترف لتحقيق الأفضل في مجال تطوير تجربة وتصميم واجهات المستخدم من خلال تحليل وفهم احتياجاتك لأجل تقديم حلول تصميمه ذات رؤية فنّية متفردة
يسرنا التعاون وتقديم دورة لطلاب وطالبات كلية الجبيل الصناعية للتعرف على مبادئ تصميم تجربة وواجهة المستخدم UX/UI.
ونسعد أن تكون الدورة مقدمة من قبل فريق وصلة ممثلةً بـ :
م: مهند الحميدي
م: زياد حويش
|ثريد📰
في وقتنا الحالي التقنية بدت تتسارع والمواقع والتطبيقات صارت كثيرة ! ولكن قد تسائلت عن الأساس التي تتميز فيه واجهات المواقع والتطبيقات وكيف تجذب العديد من المستخدمين👥؟
هذا الثريد راح نتعرف على مبادئ التصميم الي تشكل دور كبير في جودة المُنتج سواءً كان موقع أو تطبيق.
من ثغرِ العلياء وتوقد الأحلام تهافتت هِممنا رافعة المجد الأخضر واليوم حَلّ عامُها الثالِثَ والتسعون وصلة بين حٌلمِها وواقِعها المُبَصِّر
وفي كل عامٍ تُسارعُ الأحلام نحو مجدِ الواقعِ الأخضر
تحت ظلِ قيادة رشيدة وشعبُ عظيم 🇸🇦
#وصلة_ستديو
#اليوم_الوطني_السعودي93
نسمع كثير عن UI/UX
وش الفرق بينها ؟🤔
تخيل أثناء تصفحك لتطبيق ولاحظت تجربتك سهلة الوصول للمعلومات وبتصميم جميل بصريًا .
السر في UX/ UI لهذا التطبيق.
💡UX : هي دراسة احتياجات وتفاعلات المستخدم مع المنتجات لتحقيق أهدافه.
✨:UI : الرسم البصري للتجربة كالألوان، الخطوط، الأيقونات
سعدنا بتقديم جلسات تعريفية وورش عملية للمشاركين في #تحدي_تقنيات_التعليم في مجال تصميم تجربة المستخدم وتصميم الواجهات برعاية مركز ريادة الأعمال
@CODE_MCIT
كل التوفيق لجميع الفِرق المشاركة 🙏.
يمكّن المعسكر التدريبي لتحدي تقنيات التعليم المشاركين من اكتساب المهارات اللازمة لاستخدام أحدث التقنيات في التسويق الرقمي والوصول للجمهور للتأثير في نمو القطاع التعليمي 🌟
| ثريد
5 مصطلحات مهم تعرفها في تصميم الواجهات 🌟🪄
في تصميم الواجهات🧩 من المهم نتعرف على بعض المفاهيم التي تغير من جودة التصميم إلى الأفضل💫
لتعرف المزيد تابع القراءة📥
#رمضانيات_وصلة
هل تسائلت عن سبب تميّز بعض التطبيقات 🧐 ؟
وما مدى تأثير UI/UX بهذا التميز؟
السبب يكمن في خلق التناغم بين تجربة مستخدم قائمة على تحليلات دقيقة لفهم سلوك المستخدم، و عملية تصميم الواجهات والتي تحتوي على العناصر والألوان الجذابه لتقديم واجهة جميلة وممتعة للمستخدم 📲💫
مجال التصميم قائم على التحديث المستمر⚡️ ومختلف الأفكار الحديثة والإبداعيه🔥 , عشان كذا جمعنا لك مواقع تساعدك على معرفة أخر الأخبار والمقالات حول تصميم تجربة المستخدم🧩 :
1.
2.
3.
4.
عندما تبدأ بالبحث عن مجال تجربة المستخدم قد تواجهك كثير من المصطلحات التي ممكن أن تكون غامضة أو غير مفهومة حتى لا تتعثر بالبدايات جمعنا لك مصطلحات تتكرر كثير في مجال تجربة المستخدم🧩
تابع معنا📥
في إطار الابتكار وتقديم الحلول التقنية لمجال التعليم يسرنا تعاوننا وتقديمنا وُرش عمل متخصصة في مجال تجربة المستخدم وواجهة المستخدم وذلك ضمن #تحدي_تقنيات_التعليم برعاية مركز ريادة الأعمال
@CODE_MCIT
.
هل تختبر تصاميمك ؟ 🤔
يوجد مراحل متعددة لتصاميم واجهات المستخدم وجميعها مهمه لإتقان ونجاح التصميم.
ومن أبرز وأهم الخطوات هي اختبار التصميم ويوجد عدة طرق لاختبار تصميمك كـ مصمم واجهات المستخدم.
تابع معنا الثريد لمعرفة أهم الخطوات لاختبار تصاميم واجهات المستخدم 👇
مرت عليك تطبيقات اعجبتك📲؟ و تساءلت كيف قدموا هذه الجودة الخيالية 🧐؟
من المهم العمل على دراسة تجربة المستخدم لتقديم أفضل النتائج وحتى نصل إلى الجودة بوقت قصير نستخدم أدوات تساعدنا على أداء المهام كامله 🌟
ودك تعرف هذه الأدوات، وكيف نختار الأداة المناسبة ؟
تابع معنا 👇⭐️
ترند تصميم الـUI 📊
التصميم مجال إبداعي ومتطور دائماً لذلك من المهم مواكبة التطورات وأخر التحديثات الجمالية في عالم التصميم
نشارككم أساليب التصميم الحديث 💫
استمتعوا بالقراءة ⬇️
ضمن سلسلة الابتكار والابداع، سعدنا بتقديم رحلة معرفية شملت جلسات تعريفية وورش عمل متنوعة في مجال #تجربة_المستخدم وواجهة المستخدم UI/UX.
كل الشكر لـمركز ريادة الأعمال الرقمية
@Code_mcit
على جهودهم المقدمة في #تحدي_تقنيات_التعليم ، وجميع المساهمين في هذا النجاح ✨ .
ضمن تحدي تقنيات التعليم، يقدم ورشة تجربة العميل وواجهات المستخدم تهدف الورشة لتطويرالمشاريع التقنية وتعزيز مهارات رواد الأعمال في تصميم منتجات ابتكارية 💫
هل الأيقونات مهمة في التصميم🧐 ؟
عادة ما يواجهه المصمم معضلة المساحات الضيقه لشاشات محدودة الحجم🟦 ,فيتم استبدال التسميات النصية الى ايقونات مفهومه وواضحة المعنى🪩
لنتعرف أكثر على انواع الأيقونات✨
تابع الثريد📥
#رمضانيات_وصلة
يعتبر اختيار الألوان أثناء التصميم من أهم الجوانب لتحقيق توازن مثالي ومخرج مميز لتصاميمك. ✨
تعرف معنا على أبرز العوامل التي تساعدك على اختيار الألوان. 🎨
💡استلهم
كمصممين التغذية البصرية مفتاح أساسي لتحفيز الإبداع وتطوير رؤى جديدة ومبتكرة في مجال التصميم
جمعنا لك 5 مواقع تساعدك على تنمية إبداعك🪄
1.
2.
3.
4.
5.
2. التصميم التماثلي - Skeuomorphism 🖇️
هو أحد أساليب التصميم الذي يحول الأشياء الرقمية إلى أشياء مماثلة للواقع بحيث تكون العناصر في الواجهات الرقمية بارزو ,هذا النوع من التصميم يعزز الجماليات البصرية.
في تصميم تجربة المستخدم نواجهه بعض الأخطاء الشائعه 🧐والتي تأثر بشكل كبير على المستخدمين👥
خلونا نعرفكم على هذه الأخطاء لأجل الخروج بأفضل تجربة مستخدم ممكنة تناسب مستخدمين مشروعك وتلبي احتياجاته✨.
تابع القراءة⬇️
متى نقدر نتعرف على التصميم الجيد والتصميم السيء 🧐؟ تختلف أنماط التصميم لكثير من المنتجات، ولكن هناك قوانين بارزة في تصميم الواجهات📌🗒️.ماهي هذة القوانين وهل تؤثر في جودة المنتج🌟؟
خلونا نعرفكم على هذه القوانين المهمة مدعومة بأمثلة توضح الفرق💡👍
للقراءة👇
1. تصميم ثلاثي الأبعاد - Interactive 3D Object 👥
أحد أنماط التصميم الحديث بحيث يعتمد على استخدام الكائنات ثلاثية الأبعاد مع التحكم بالتحركات ليخلق تجربة سلسلة وجذابة.
Happy Service Design Day !
بمناسبة اليوم العالمي لتصميم الخدمات ، خلونا نتعرف على مفهوم تصميم الخدمات و ما الفرق بينه وبين تجربة المستخدم، ونتعرف على أهم المراحل والخطوات ✨️.
نحتفي في #ليب24 برواد تقنيات الرياضة الذين يجسدون عزيمة لا تعرف الهزيمة، يسعدنا الإعلان عن المشاريع الفائزة في برنامج تحدي تقنيات الرياضة لابتكار حلول تقنية تحدث تغييرًا في عالم الرياضة.
الإلهام هو محرك أساسي للإبداع ✨
الأفكار والتصاميم تأتي من مصادر متنوعه تلهم المصممين لتقديم إبتكارات مميزة وتصاميم فريده.
#UI_insapiration
من بين هذه المصادر تابع معنا ⬇️
في ليلة العيد نبتهل بالتكبير "الله أكبر الله أكبر الله أكبر كبيراً"
الحمدالله الذي مّن علينا وأكرمنا لإكمال شهر رمضان المبارك أعاده الله علينا وعليكم باليمنٍ والمسرات
وكل عام وانتم بخير 💚
بفنك تخاطب الناس✍️ !
الفن لغة عالمية تتحدث الى قلوب الناس بشتى الطرق✨
كمبدعين ومصممين🪄,يكمُن فينا مسؤولية تشكيل الافكار والتغيير من خلال الإبداع .
علينا السعي دائماً لتقديم اعمال ذات جودة عاليه في مكنُونها رسائل واضحه وقويه لتؤثر بشكل إيجابي🌟
#Wasla_Quotes
تضمن المعسكر عدة ورشات تدريبية وهي:
⁃مبادئ و أساسيات تجربة المستخدم
⁃أساسيات البحث و فهم المستخدمين
⁃بناء شخصيات المستخدمين
⁃إنشاء قصص المستخدمين
⁃هندسة المعلومات
⁃إعداد الواجهات الأولية
⁃أساسيات التصميم المرئي
⁃تصميم النموذج النهائي بإستخدام "Figma"
مهام تصميم الخدمات:
Service design Tasks
1.البحث والفهم🔎
(Research and Understand)
تحليل البيانات وفهم المشاكل التي يواجهها المستفيدين.
2.التصميم والتخطيط📝
(Design and Plan)
تخطيط كيفية تنفيذ الخدمة وتصميم تجربة مريحة وممتعه للمستفيدين.
المرحلة الخامسة " الرسومات الاولية " 🧑🎨
تتضمن هذه المرحلة الرسومات الاولية لشاشات المشروع ووظائفه.
شاركنا
من بين هذه المراحل أي مرحله تستمع فيها أكثر🧐 ؟
طرق لتحسين واجهة المستخدم 📱
تعتبر واجهة المستخدم بمثابة تعريف وأداه وصل بين المستخدمين والمصممين. لذلك يجب إنشاء واجهة تلبي جميع الاحتياجات ✍🏻
تابع معنا الثريد لمعرفة أهم الاحتياجات لـ تحسين واجهه المستخدم : ⬅️
تصميم الخدمات Service Design 💻
هي الرؤية الواضحة والتخطيط الدقيق لكل من الأفراد , البنية التحتية وكذلك المكونات المادية لخدمة معينة وذلك بهدف تحسين جودة الخدمة وضمان تفاعل سلس وفعال بين مقدم الخدمة والمستفيدين منها.
3. نمط النظام (غامق/فاتح) - System Theme 🎨
هي عبارة عن ميزة تصميمية تسمح للمواقع بتعديل مظهرها بناءً على سمة نظام المستخدم. بحيث يتم ضبط مظهر الموقع بشكل ديناميكي بناءً على اختيارات المستخدم لوضع النظام (الفاتح أو الغامق) لتوفر راحة بصريه وتمكن المستخدمين من الاستمتاع بالتجربة.
البيرسونا | Persona 🌟👤
ما معنى البيرسونا و استخداماتها في عالم التصميم؟ 🧐 🧩
البيرسونا وصف تفصيلي للجمهور المستهدف
وهي تعتبر من أهم الاحتياجات في عالم التصميم
فهي تساعد المصممين على فهم احتياجات الجمهور وتقديم تجارب مستخدم مناسبة لتلبية احتياجاتهم ومنتجات أكثر فعالية 🎯.
مالفرق بين تجربة المستخدم، ومفهوم تصميم الخدمات؟ تصميم تجربة المستخدم (UX) يركز على تحسين قابلية الاستخدام وجاذبية الواجهات الرقمية والمنتجات الرقمية (SD) تصميم الخدمات يركز على تحسين تجربة العملاء شاملة من البداية إلى الخطوة الأخيرة لتُقدم للمستفيد عبر العديد من نقاط الاتصال
4. شبكات البينتو - Bento Grids🌐
شبكات Bento هي نوع من التخطيط الشبكي مصمم ليكون سريع الاستجابة وأكثر مرونة لتوضيح الأقسام المعقدة والتفاصيل الكثيرة في بعض الواجهات.