إذا كنت تعمل في مجال البرمجة فبالتأكيد لقد سمعت عن مجال UI / UX، أو إذا كنت تعمل في العمل الحر فأيضاً ستكون علمت عن هذا التخصص، فكلمة UI اختصاراً لكلمة User Interface، وكلمة UX تعد اختصاراً لكلمة User Experience، ف UI مرتبط بتفاعلنا مع الأجهزة، فمصممين UI دائماً ما يسعون إلى تسهيل عملية المستخدم في استخدام التطبيق ويتم ذلك بال UI.
بينما UX فهو يهتم باستخدام العميل للخدمة، فهو يجيب على أسئلة مثل: لما سيريد العميل استخدام، أو شراء الخدمة؟، ماهو عرض العميل من المنتج؟، كيف سيستخدم العميل المنتج؟، فهو بهذه الطريقة سيعرف كيف يصل إلى هدف العميل، ف UX تعد أول خطوة لبناء أي منتج، لذلك هيا لنتعرف على تخصص UI / UX.
دورة Visual Elements of User Interface Design
يجاوبك هذا المساق عن التساؤل العام وهو ما الدور الذي يلعبه المصمم في إنشاء واجهة المستخدم، وماهي هذه الوجهة، فستعرف من خلال هذه الدورة كيف تستخدم الألوان، والنوع، والصور، حتى تستطيع أن تجعل الواجهات تعمل بسهولة، فهدف هذه الدورة هو التدريب على تخصص تصميم واجهة المستخدم UI، و تصميم تجربة المستخدم UX، فإذا كنت مصمم جرافيك، هذه الدورة مناسبة لك لتستخدم تخصصك هذا في تصميم واجهة المستخدم؛ للتطبيقات، والمواقع الإلكترونية، والمبرمجين في تطوير الويب الأمامي، أو تطوير الويب الخلفي، فهذا المساق مناسب لك لتطوير مهاراتك في UX، فستدرس هذا المساق في أربعة أسابيع، في الأسبوع الأول ستدرس:
- نظرة عمل عن الدورة والتخصص.
- مقدمة عن الدورة التدريبية.
- ستتعرف على واجهة المستخدم.
- العلاقة بين UI / UX.
- اصطلاحات الوجهة.
والأسبوع الثاني ستتعلم فيه، سترى الواجهة الأكبر لاتجاه التصميم العام، وهو ما يقال عنه في بعض الأحيان، المظهر، في هذا الأسبوع ستتعلم الألوان، واللغة، الصور، الطباعة، والأيقونات، ومن دروس هذا الأسبوع:
- اللغة كأداة التصميم.
- اللون والشكل.
- طباعة.
- أيقونات.
- انظر وأشعر.
وفي الأسبوع الثالث، ستتعلم عن العناصر الثابتة في الواجهة، وستعرف كيف تفكر في التفاعل معها، فستعرف كيف تجعل الرموز تتحول إلى قوائم، وازرار ليستخدمها العميل.
أما في الاسبوع الرابع، ستتعلم كيف تكون عناصر الوجهة، وستعرف كيف تبني الهرم التسلسلي في الواجهة، وكيف تبني انتقالات مختلفة في موقع واحد، ومن الدروس المعروضه في هذا الأسبوع:
- درس عن التسلسل الهرمي للمحتوى.
- الهيكل والشبكات.
- المنصات، ومعرفة مقاسات الشاشات.
- درس عن شريحة نرد.
ولمعرفة أكثر عن هذا المساق تستطيع تصفحه من خلال الرابط التالي:
دورة UX Design Fundamentals
ستتعلم في هذه الدورة ما هو دورك كمصمم في إنشاء تجربة المستخدم، ستتعلم بداية من كيف تعمل على أساس خريطة لتصنع تصميم قوي، بداية من رسم هذه الخريطة، وإنشاء النماذج الأولية، سواء على الورق، أو النماذج الرقمية، فبنهاية هذه الدورة ستعرف أن تطبق تجربة المستخدم بطريقة احترافية، وليس لمحتوى محدد، بل لمجموعة من المحتويات، وستدرس في هذه الدورة على أربعة أسابيع:
- ففي الأسبوع الأول ستتعلم كيف تفكر، وتخرج هدف واضح، وستعرف كيف تستخدم اللغة، والتسمية في التطبيق، وسترى آراء الجماهير لتتعلم منها.
- أما في الاسبوع الثاني ستتعلم فيه كيفية التخطيط، والبحث، ورسم الخرائط، في هذا الأسبوع ستتمكن من تطبيق خريطتك، ومخططك، وستبدأ في تعلم التطوير المرئي، ومن الدروس المتاحة لك في هذا الموقع:
- درس عن رسم الخرائط، والاختبار.
- تفاعل الخرائط.
- درس عن امتحان المستخدم غير المرئي.
- وبالإضافة إلى تعلم عن البحث المرئي، والشكل.
- أما في الأسبوع الثالث، ستكون قادر على اختبار المستخدم، وبالتالي ستحصل على النموذج الأكثر دقة، ومن خلال هذا النموذج ستعرف التسلسل الهرمي للتطبيق، فهدف هذا الأسبوع هو معرفة وظائف الواجهة، وتطوير واجهة المستخدم.
- في الأسبوع الأخير، وهو الرابع، ستكون قادر على صنع نموذج أولي، رقمي، وستعيش تجربة التفاعل، فهذا هو الجزء الأكثر تشويقاً فستتعلم ماهي المشكلات التي يواجهها نموذجك، وستبحث عن حلولها، وستصبح مطوراً حقيقياً.
فإذا كنت تريد أن تجرب وتعيش هذه الرحلة، فإليك رابط المساق:
دورة Web Design: Strategy and Information Architecture
من النقاط الأساسية التي يتمحور حولها هذا المساق، هي كيف تحل مشكلات المستخدم، بالتحديد من تكون بالنسبة لك تحدياً، فستعرف كيف تنظم المحتوى، وكيف تعمل على تطور التسلسل التفاعلي، ففي هذا الأسبوع ستقطع شوطاً كبيراً في تطوير موقع الويب، من خلال تحديد الاستراتيجية، فستتعلم أشياء كثيرة مثل، ماهو الفرق بين الموقع والتطبيق، ماهو الفرق أيضاً بين شخصية الموقع، وشخصية مستخدم التطبيق، وستعلم ما معنى “تجربة المستخدم”، وكيف تستغل تجربة المستخدم لصالحك، من خلال أخذ هذه التجربة وتحويلها إلى واقع، وستتعلم كيف تنشئ خريطة الموقع، ومن الدروس المتاحة لك في هذه الدورة:
- ماهو مصطلح “تجربة المستخدم”.
- ستعرف خطوات تجربة المستخدم.
- ستتعلم عن التحليلات.
- ومن هو جمهورك المستهدف.
- درس عن مخطط النطاق.
- ستعرف عن Sitemap.
- وماهي مخاوف الخريطة.
- وعناصر هذه الخريطة.
دورة Web Design: Wireframes to Prototypes
في هذه الدورة ستركز أكثر حول UX، فستتعلم عن تطوير الويب سريع الاستجابة، وعن الويب على الهاتف الجوال، ومن ثم طباعة الويب، وذلك بالإضافة إلى معرفة هل هناك علاقة بين التصميم والبرمجة أم لا، وأيضاً عن مهارات الويب المختلفة، مثل HTML، و Java Script، وستدرس هذه الدورة على أربعة أسابيع:
- في الأسبوع الأول ستتعلم عن Wireframes، وستعرف لماذا يجب العمل على إطار الشبكات أولاً، ولماذا هي خطوة وسيطة، وماهي أدوات التخطيط الشبكي.
- أما الاسبوع الثاني، ستتعلم فيه عن تصميم الشكل، فهو سيكون أسبوع ممتعاً في التعلم أكثر لمصممي الجرافيك، ومن دروس هذه الدورة:
- ستعرف ماهي مبادئ التصميم.
- كيف تستخدم المسافة البيضاء في تصميم الشكل.
- المقارنة البصرية.
- كيف تقوم بإنشاء نموذج بالحجم الطبيعي.
- بالإضافة إلى معرفة نموذج الصفحة الرئيسية.
- بالنسبة للأسبوع الثالث، سكون استكمالاً للأسبوع الثاني من حيث تطوير الشكل، والمظهر، ويستكمل عملية التصميم، بالإضافة إلى أنك ستخوض رحلة في عالم Codelandia، وستتعرض لبعض أمثلة الترميز، ومن الدروس التي ستتعرض لها في هذا الأسبوع:
- سيجاوبك الدرس الاول عن سؤال هل تحتاج لتعلم البرمجة؟
- ستتطرق لأساسيات HTML.
- أيضاً ستتطرق لأساسيات CSS.
- ودرس عبارة عن رحلة بين ثلاث لغات برمجة، الجافا سكريبت، ولغة HTMl، وأيضاً لغة CSS.
- أما في الأسبوع الرابع، فستراجع مشروعك كاملاً، وستعرف كيف ستجمع هذا المشروع وعرضه في عرض تقديمي، وستتعلم عن الثوابت في هذا العرض.
ولمعرفة المزيد حول هذه الدورة يمكنك النقر على الرابط التالي:
والآن بعد أن عرفت عن تخصص UI / UX؛ تستطيع أن تتدرسه بسهولة، ولا تنسى أن تتابعنا على مواقع التواصل الاجتماعي:
